The Complete Front-End Web Development Course

Course Curriculum

Chapter 1: Welcome to the Course!

Lecture 1: Introduction to the course

Lecture 2: Atom setup

Chapter 2: Web Development Basics – HTML

Lecture 1: HTML document structure

Lecture 2: HTML elements – div and span

Lecture 3: HTML elements – i, b, p, and a

Lecture 4: HTML elements – ul, li, and ol

Lecture 5: HTML elements – header and footer

Lecture 6: HTML elements – section, main, and article

Lecture 7: HTML elements – h1-h6 and aside

Lecture 8: HTML tables

Lecture 9: Project #1 – HTML text site

Chapter 3: Advanced HTML Concepts

Lecture 1: Images

Lecture 2: Forms

Lecture 3: Inputs

Lecture 4: Checkboxes

Lecture 5: Radio buttons

Lecture 6: Select, option, and buttons

Lecture 7: HTML5 videos

Lecture 8: HTML5 audio

Lecture 9: Doctypes

Lecture 10: Meta tags

Chapter 4: Introduction to Cascading Style Sheets (CSS)

Lecture 1: Targeting color and background

Lecture 2: Element specificity

Lecture 3: ID targeting, margin, and border

Lecture 4: Padding, margin, and float

Lecture 5: Max-width and background-image

Lecture 6: Switching over to an IDE

Lecture 7: Font weight, style, and family

Lecture 8: Text decorations

Lecture 9: Text spacing

Lecture 10: Text decoration modification

Lecture 11: Text shadow

Chapter 5: Advanced CSS

Lecture 1: Pseudo-states

Lecture 2: Border radius

Lecture 3: Positions

Lecture 4: Pseudo-elements

Lecture 5: Z-index

Lecture 6: Viewpoint width and height, overflowing content

Lecture 7: Transition property

Chapter 6: JavaScript for Beginners

Lecture 1: Intro to JavaScript

Lecture 2: Alerts and console logging

Lecture 3: Integers, strings, and variables

Lecture 4: Undefined variables and modifying values of variables

Lecture 5: Boolean operators

Lecture 6: Comparing values

Lecture 7: If statements

Lecture 8: For loops

Lecture 9: Defining functions

Lecture 10: Event handling

Lecture 11: Setting an elements innerHTML

Chapter 7: More JavaScript Concepts

Lecture 1: Arrays pt.1

Lecture 2: Arrays pt.2

Lecture 3: Arrays pt.3

Lecture 4: Textareas and getting the value of inputs

Lecture 5: Functions – parameters and return values

Lecture 6: Multiple parameters in functions

Lecture 7: Flexible function parameters

Lecture 8: Exercise – find the missing number

Lecture 9: Exercise solution

Lecture 10: Classes explained

Lecture 11: Class constructor, instance variables, and static variables

Lecture 12: Extending classes

Chapter 8: Getting Started with jQuery

Lecture 1: jQuery setup

Lecture 2: Targeting elements

Lecture 3: Event handling

Lecture 4: Dropdown menus

Lecture 5: Making our dropdown disappear

Lecture 6: Multiple targets, events, and attr method

Lecture 7: Prepend, append, and html

Lecture 8: preventDefault

Lecture 9: event.which and switch properties

Lecture 10: Custom context menu, pageY, and pageX

Lecture 11: is method

Chapter 9: More jQuery

Lecture 1: Writing our own version of jQuery

Lecture 2: Find method

Lecture 3: First and last

Lecture 4: Focusin and focusout

Lecture 5: Contains, is, and hasClass

Lecture 6: Each method

Lecture 7: Callbacks

Lecture 8: CSS

Chapter 10: Bootstrap Basics

Lecture 1: Bootstrap setup

Lecture 2: Navbar pt.1

Lecture 3: Navbar pt.2

Lecture 4: Forms pt.1

Lecture 5: Forms pt.2

Lecture 6: Buttons

Chapter 11: Project #2 – Pipboy from Fallout 4

Lecture 1: Setup

Lecture 2: Navbar