Introduction to HTML, CSS, and JavaScript from scratch

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: Core Web Development Languages

Lecture 3: Text Editors

Lecture 4: Web Browsers

Lecture 5: Planning a web project

Lecture 6: Sketching out your design

Lecture 7: Creating files and folders for your web project

Chapter 2: Free Online Labs

Lecture 1: Introduction

Lecture 2: JSBIN

Lecture 3: JSFIDDLE

Lecture 4: CODEPEN

Lecture 5: DABBLET

Lecture 6: PLUNKER

Lecture 7: LIVEWEAVE

Chapter 3: Introduction to HTML

Lecture 1: What is HTML

Lecture 2: Anatomy of an HTML Element

Lecture 3: HTML document -Basic structure

Lecture 4: Build a basic HTML document structure -Part 1

Lecture 5: Build a basic HTML document structure -Part 2

Lecture 6: Build a basic HTML document structure -Part 3

Lecture 7: What are Attributes

Lecture 8: How to Markup Text

Lecture 9: How to create Links

Lecture 10: Adding comments to your HTML code

Lecture 11: What is a source code

Chapter 4: Introduction to CSS

Lecture 1: What is CSS

Lecture 2: Methods of applying CSS

Lecture 3: How to style multiple properties

Lecture 4: How to style multiple elements

Lecture 5: How to modify your CSS

Lecture 6: Basic CSS Selectors

Lecture 7: The CSS Box Model

Lecture 8: CSS Padding and Margin Property

Lecture 9: CSS background property

Lecture 10: Styling a web page title

Lecture 11: The CSS Font Property

Lecture 12: CSS Display property

Lecture 13: Exploring and using Google Fonts

Lecture 14: Adding comments to CSS Code

Chapter 5: Introduction to JavaScript

Lecture 1: What is JavaScript

Lecture 2: The developer Console

Lecture 3: Where to Place JavaScript

Lecture 4: JavaScript Syntax

Lecture 5: What are statements

Lecture 6: What are expressions

Lecture 7: What are Variables

Lecture 8: Variable Naming Convention

Lecture 9: What are Arrays

Lecture 10: Data Types

Lecture 11: Mixing Data Types

Lecture 12: Operators

Lecture 13: Arithmetic Operators

Lecture 14: Assignment Operators

Lecture 15: Operator Precedence

Lecture 16: Comparison Operators

Lecture 17: Logical Operators

Lecture 18: Conditional statements

Lecture 19: Functions

Lecture 20: Linting tools

Lecture 21: Events

Lecture 22: Adding an Image Changer

Lecture 23: Fixing linting issues – part 1

Lecture 24: Fixing linting issues – part 2

Lecture 25: Adding a welcome message to a web page

Lecture 26: Adding comments to JavaScript Code

Chapter 6: Project 1: Build a Basic Web Calculator

Lecture 1: What we will create

Lecture 2: Project design and sketch

Lecture 3: Create directory and files

Lecture 4: Creating the structure with HTML – Part 1

Lecture 5: Creating the structure with HTML – Part 2

Lecture 6: Add functionality with JavaScript

Lecture 7: Add styling with CSS

Chapter 7: Project 2: Create a TodoList Web App

Lecture 1: What we will create

Lecture 2: Create project directory and files

Lecture 3: Create the structure with HTML

Lecture 4: Add style with CSS

Lecture 5: Add functionality with JavaScript – Part 1

Lecture 6: Add functionality with JavaScript – Part 2

Chapter 8: Project 3: Build an Image Slider

Lecture 1: What we will create

Lecture 2: Creating directory and files

Lecture 3: Creating structure with HTML

Lecture 4: Add styling with CSS

Lecture 5: Add functionality with JavaScript

Chapter 9: Project 4: Create a Loan Calculator

Lecture 1: What we will create

Lecture 2: Creating directory and Structure

Lecture 3: Adding the logic with JavaScript

Lecture 4: Adding styling with CSS

Chapter 10: Project 5: Create Event Count Down Timer

Lecture 1: What we will create

Lecture 2: Overview

Lecture 3: Creating directory and files