Front-End Web Developer Training Outline
Front-End Development Course Curriculum
- 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.