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.

Unit 3 JavaScript, Part I

  • Lesson 3.1 Introduction to JavaScript

    In Lesson 3.1: Introduction to JavaScript, you’ll get an introduction to JavaScript, learn what it is, why developers use it, and how to use it in web page design.

  • Lesson 3.2 Data Types and Operators

    In Lesson 3.2: Data Types and Operators, you’ll study primitive data types and have a look at the different operator types JavaScript contains, study how to use them, and practice how to avoid common mistakes.

  • 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.

Unit 4 JavaScript, Part II

  • 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

    In Lesson 4.3: Functions, you’ll study the purpose of JavaScript functions, look at the diverse types, and explain what the difference is between parameters and arguments.

  • 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.5: Common JavaScript Events

    Lesson 4.5: Common JavaScript Events aims to show you how to apply very common JavaScript events and create event handlers that are attached to specific elements to react to events.

  • 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.