What You Will Learn
Hypertext Markup Language (HTML) is the language used to render content in a web browser. It provides tags to assign various pieces of content to tell the browser how the content should be rendered.
- Elements and Tags
- Document Object Model
Cascading Style Sheets (CSS) are how we style and format the content of a web page. CSS allows us to select elements and specify style rules for individual properties of those elements.
- Style Rules
- Classes and Identifiers
Originally created at Twitter, Bootstrap has become the go-to framework to make websites mobile-responsive. Bootstrap's grid system allows us to easily define style rules for different screen sizes.
- Grid System
- Bootstrap Classes
Before coming to class, students much watch the online video lectures on HTML, CSS, Bootstrap CSS, and Bootstrap Components. Students will receive access to these videos in the member portal immediately following registration.
9:00 - 9:30
The setup video lectures guide students through setting up their computer for web development. However, students may need additional assistance. We will begin class by ensuring everyone is ready to proceed together.
9:30 - 10:00
Project Overview and Pair Formation
The course takes a collaborative, learn-by-doing approach. Students are assigned a project where they must implement a webpage design using HTML, CSS, and Bootstrap. Students will work in pairs to accomplish this.
10:00 - 11:00
The first step to converting a design into a webpage is to deconstruct the various elements of the design in order to architect the Document Object Model (DOM).
11:00 - 12:00
Once the DOM architecture is defined, students will implement their architecture in HTML. Students will adopt a common technique used in industry called pair programming.
12:00 - 1:00
1:00 - 1:30
HTML Instructor Review
After students have had a chance to implement the webpage design in HTML themselves, the class reconvenes and the instructor walks through an implementation. Students who did not fully complete their implementation may download the instructor's before moving on.
1:30 - 2:30
With the HTML implemented, it is time to style the page to match that of the provided design. Students must research and identify the various properties of each element they need to style.
2:30 - 3:30
With a styling plan in place, students must implement their plan in CSS. Students are expected to use Bootstrap's grid system as well as Bootstrap's classes and components wherever possible.
3:30 - 4:00
CSS Instructor Review
After students have had a chance to style their webpages, the class reconvenes and the instructor walks through an implementation. Students may download the instructor's implementation for future reference after the class.