JavaScript for beginners: Create 27 projects from scratch

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: What is JavaScript

Lecture 3: Plain-Text Editors

Lecture 4: Installing Sublime Text Editor

Lecture 5: Installing Brackets

Lecture 6: Installing Atom Text Editor

Lecture 7: Where to Place JavaScript

Lecture 8: JavaScript Syntax

Chapter 2: Some JavaScript Basics

Lecture 1: Data Types

Lecture 2: JavaScript Operators

Lecture 3: Variables

Lecture 4: Const Variable

Lecture 5: Arrays

Lecture 6: Functions

Lecture 7: Conditional statements

Lecture 8: Arrow functions

Lecture 9: Undefined

Lecture 10: Null

Lecture 11: Object

Lecture 12: Typeof Operator

Lecture 13: JavaScript Events

Lecture 14: JavaScript Comments

Lecture 15: Using Mozilla Console and Scratch-Pad

Chapter 3: Project 1: Analogue Clock

Lecture 1: What we will create

Lecture 2: Creating project folder and HTML

Lecture 3: Creating Canvas Object

Lecture 4: Creating the clock face

Lecture 5: Drawing the clock numbers

Lecture 6: Drawing the time and hand

Chapter 4: Project 2: Mortgage | Loan Calculator

Lecture 1: What we will create

Lecture 2: Creating the directory and HTML Structure

Lecture 3: Creating the Logic

Lecture 4: Adding CSS

Chapter 5: Project 3: Quote of the day App

Lecture 1: What we will create

Lecture 2: Creating directory and HTML

Lecture 3: Adding CSS

Lecture 4: Adding JavaScript functions

Chapter 6: Project 4: BMI Calculator

Lecture 1: What we will create

Lecture 2: Creating project directory and HTML

Lecture 3: Adding CSS

Lecture 4: Adding JavaScript

Chapter 7: Project 5: Weight Conversion Tool

Lecture 1: What we will create

Lecture 2: Creating project directory and HTML

Lecture 3: Adding JavaScript Functionality

Lecture 4: Adding CSS

Lecture 5: Converting pounds to kilograms

Chapter 8: Project 6: Theme Color Changer

Lecture 1: What we will create

Lecture 2: Creating the project directory and HTML

Lecture 3: Adding CSS

Lecture 4: Adding JavaScript

Chapter 9: Project 7: 2d canvas game

Lecture 1: What is canvas

Lecture 2: Understanding co-ordinates

Lecture 3: What we will create

Lecture 4: Creating the canvas

Lecture 5: Accessing the canvas

Lecture 6: Creating the ball

Lecture 7: Making the ball move

Lecture 8: Removing obstructions

Lecture 9: Making the ball bounce Part 1

Lecture 10: Making the ball bounce Part 2

Lecture 11: Creating variables

Lecture 12: Create functions for the paddle

Lecture 13: Creating event listeners and events

Lecture 14: Creating functions to control events

Lecture 15: Creating more variables

Lecture 16: Moving the paddle

Lecture 17: Game end logic

Lecture 18: Creating the variables for the bricks

Lecture 19: Creating arrays for the bricks

Lecture 20: Creating functions to draw the bricks

Lecture 21: Implementing collision detection

Lecture 22: Activating collision detection

Lecture 23: Creating scoring logic

Lecture 24: Creating mouse controls

Chapter 10: Project 8: Creating a calculator

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directories and files

Lecture 4: creating the app structure

Lecture 5: Styling the app

Lecture 6: Creating the functionality

Chapter 11: Project 9: Creating a digital clock

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating project directory and files

Lecture 4: Creating app structure

Lecture 5: Styling the app

Lecture 6: Adding functionality

Chapter 12: Project 10: Event Countdown Timer

Lecture 1: What we will create

Lecture 2: Creating project directory and HTML Structure