Course curriculum

  • 1

    Welcome!

    • How to use this course
  • 2

    Chapter 1 - HTML: The skeleton of every website

    • Setting up dev environment

    • Quiz: Dev environment

    • Lesson 1 - What is HTML?

    • Lesson 2 - Create Your First HTML Document

    • Lesson 3 - HTML syntax explained

    • Lesson 4 - Anatomy of HTML Element

    • Lesson 5 - The Complete HTML Document

    • Wrap up and Challenge
  • 3

    Chapter 2 - HTML: Adding The Right Concepts

    • Lesson 1 - Debugging with DevTools

    • Lesson 2 - Parent-Child Relationship

    • Lesson 3 - Block and Inline-Blocks

    • Lesson 4 - Semantic HTML

    • Wrap Up and Challenge
  • 4

    Chapter 3- The World of CSS

    • Lesson 1 - What is CSS?

    • Lesson 2 - CSS Anatomy

    • Lesson 3 - How to Include CSS

    • Challenge
  • 5

    Chapter 4 - Get to Know CSS Better

    • Lesson 1 - The CSS Box Model

    • Lesson 2 - Classes and IDs

    • Challenge

    • Lesson 3 - Combinators

    • Project #1
  • 6

    Chapter 5 - Customizing layouts

    • Lesson 1 - Flexbox

    • Lesson 2 - Flexbox Part 2

    • Lesson 3 - Layout Using Positions

    • Lesson 4 - Responsive for Mobile and Tablets
  • 7

    Chapter 6 - Git, GitHub & CLI

    • Lesson 1 - Git and Command Line Basics

    • Lesson 2 - CLI Commands

    • Challenge

    • Lesson 3 - Git and GitHub

    • Lesson 4 - Publishing The GitHub Page

    • Challenge

    • Project #2
  • 8

    Chapter 7 - Introduction to Javascript

    • Lesson 1 - What is JavaScript?

    • Lesson 2 - Variable Explained

    • Lesson 3 - JavaScript Data Types

    • Lesson 4 - JS Console in DevTools

    • Challenge
  • 9

    Chapter 8 - Operators, Conditional Statements and Loops

    • Lesson 1 - Operators

    • Lesson 2 - Conditional Statements

    • Lesson 3 - Loops

    • Project #3 - FizzBuzz
  • 10

    Chapter 9 - Arrays and Functions

    • Lesson 1 - Arrays

    • Challenge

    • Lesson 2 - JavaScript Functions

    • Challenge
  • 11

    Chapter 10 - Objects and OOP

    • Lesson 1 - Dive into Objects

    • Challenge

    • Lesson 2 - Object Oriented Programming (OOP)

    • Challenge
  • 12

    Chapter 11 - DOM and Events

    • Lesson 1 - Data Object Model (DOM)

    • Lesson 2 - All About Events Handling

    • Challenge