Online Front-End Web Development Class Outline
Front-End Web Development Lessons
- Unit 1
- Unit 2
- Unit 3
- Unit 4
Unit 1 HTML
Lesson 1.1 Introduction to Web Development
In Lesson 1.1: Introduction to Web Development, you’ll study what makes websites work, and what your role will be in their creation as a front-end developer.
Lesson 1.2 Introduction to HTML
In Lesson 1.2: Introduction to HTML, you’ll review what HTML is and study the syntax and general composition of this important language.
Lesson 1.3 Attributes and Values
In Lesson 1.3: Attributes and Values, you’ll review how to assign an attribute and a value with the opening tag of an HTML element.
Lesson 1.4 Text
In Lesson 1.4: Text, you’ll create text elements in an HTML document and use the different HTML elements to organize your text in a clear information hierarchy.
Lesson 1.5 Lists and Tables
In Lesson 1.5: Lists and Tables, you’ll create lists and tables to categorize, organize, show the steps in the process, and outline complex relationships between groups of information on a web page.
Lesson 1.6 Links and Navigation
In Lesson 1.6: Links and Navigation, you’ll review how to structure a website out of various documents and link these documents or external locations within your HTML documents.
Lesson 1.7 Multimedia
In Lesson 1.7: Multimedia, you’ll distinguish between media formats and their storage options, and you’ll use different HTML elements to create a simple website that contains multimedia elements.
Lesson 1.8 Forms
In Lesson 1.8: Forms, you’ll study the basics of HTML forms, one of the essential tools used by web developers to request, accept, and store data on a website.
Unit 2 CSS
Lesson 2.1 Introduction to CSS
In Lesson 2.1: Introduction to CSS, you’ll go over how and why CSS is used to style websites, and how CSS is used in conjunction with HTML.
Lesson 2.2 Color
In Lesson 2.2: Color, you’ll work to understand how to modify color using CSS to communicate mood, purpose, and identity to a web page.
Lesson 2.3 Text
In Lesson 2.3: Text, you’ll study how to embed fonts in your web page, style elements using these fonts and set the text alignment of your elements.
Lesson 2.4 Box Model
In Lesson 2.4: Box Model, you’ll practice using the various properties of CSS boxes to style your elements, particularly with regard to element borders and spacing, and position elements on a page using various CSS techniques.
Lesson 2.5 Styling Elements
In Lesson 2.5: Styling Elements, you’ll study how to add custom stylization to various HTML elements by modifying CSS properties.
Lesson 2.6 Introduction to Layout
In Lesson 2.6: Introduction to Layout, you’ll review how to use the position and float properties to specify how elements should be positioned on a web page and the various approaches to styling the layout of a page.
Lesson 2.7 Flexbox
In Lesson 2.7: Flexbox, you’ll study how to apply the CSS Flexbox display property to simplify the process of sizing elements on a web page.
Lesson 2.8 CSS Grid
In Lesson 2.8: CSS Grid, you’ll use the CSS grid layout method to create complex arrangements of HTML elements.
Lesson 3.2 Data Types and Operators
Lesson 3.3 Variables
In Lesson 3.3: Variables, you’ll practice how to create variables with var, let, and const. You’ll also work to understand the different scopes by which these variables are accessible.
Lesson 3.4 DOM Manipulation
In Lesson 3.4: DOM Manipulation, you’ll dive into the world of dynamic and interactive web technologies and study how they work in conjunction with the Document Object Model (DOM).
Lesson 3.5 Conditional Statements
In Lesson 3.5: Conditional Statements, you’ll use conditional statements to decide if specific code is going to be executed or not dependent on different conditions.
Lesson 3.6 Comparative and Logical Operators
In Lesson 3.6: Comparative and Logical Operators, you’ll study how logical operators work, review what implicit type conversions are, and analyze what it means to write “beautiful” code.
Lesson 4.1 Loops
In Lesson 4.1: Loops, you’ll practice repeating an action for a specific number of iterations based on specific conditions and stop loops when other conditions are met.
Lesson 4.2 Arrays
In Lesson 4.2: Arrays, you’ll use arrays to store multiple values in a single variable and you’ll access and manipulate array values.
Lesson 4.3 Functions
Lesson 4.4 Objects
In Lesson 4.4: Objects, you’ll create, access, modify, and loop through objects, and learn when to use objects instead of arrays.
Lesson 4.6 Preparing for the Industry
In Lesson 4.6: Preparing for the Industry, you’ll study how to use the basic GitHub flow to manage versions of your code and basic job-hunting tips for when you begin looking for a new job as a developer.