Become a Front End Web Developer – JavaScript for Beginners

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What you will learn?

Lecture 3: Learning Environment

Lecture 4: Setting up your course

Lecture 5: Install Chrome

Lecture 6: Download Visual Studio Code

Lecture 7: Install Visual Studio Code Editor – Windows

Lecture 8: Install Visual Studio Code Editor – Mac

Lecture 9: Quick Launch Visual Studio Code

Lecture 10: Install 'Live Server' Extension for Visual Studio Code

Lecture 11: GitHub Code Reference

Chapter 2: An introduction to JavaScript

Lecture 1: Significance and Origin of JavaScript

Chapter 3: Statements and Code Execution Flow

Lecture 1: Display Hello World in console

Lecture 2: Create Folder

Lecture 3: Open 'javascript' folder in Visual Studio Code

Lecture 4: Create HTML file

Lecture 5: Key in the code

Lecture 6: Launch HTML using Live Server

Lecture 7: Place Visual Studio Code and Chrome browser adjacently

Lecture 8: Placement of Script tag

Lecture 9: JavaScript is Case Sensitive

Lecture 10: Code Execution Flow

Chapter 4: Literals and Arithmetic Operators

Lecture 1: Introduction

Lecture 2: Temperature Conversion Calculation

Lecture 3: Create HTML file

Lecture 4: Difference between a String Literal and Numeric Literal

Lecture 5: Understanding Arithmetic Addition and String Concatenation

Lecture 6: Code to display Celsius

Lecture 7: Calculation code for Fahrenheit

Lecture 8: Understanding Operator Precedence

Lecture 9: Fix Fahrenheit calculation issue

Lecture 10: Summary

Lecture 11: EXERCISE #1 – Area of Rectangle

Lecture 12: EXERCISE #2 – Percentage of Boys and Girls

Lecture 13: EXERCISE #3 – Find left over Apples

Chapter 5: Variables

Lecture 1: Limitations of Fahrenheit conversion code

Lecture 2: Implementing Variables

Lecture 3: Defining multiple variables

Lecture 4: String variable and Variable Naming Convention

Lecture 5: Multiple variable definitions in a single line

Lecture 6: EXERCISE #1 – Area of Rectangle

Lecture 7: EXERCISE #2 – Percentage of Boys and Girls

Chapter 6: Function

Lecture 1: Significance of Function

Lecture 2: Define Function

Lecture 3: Call Function

Lecture 4: Function with Parameter

Lecture 5: Call Function from another Web Page

Lecture 6: Steps to implement External Script

Lecture 7: Function definition in Script File

Lecture 8: Move Function to Script file

Lecture 9: Refer Script File from HTML

Lecture 10: Additional information about External JavaScript File

Lecture 11: Return Statement in a Function

Lecture 12: Code Execution Flow of a Function

Lecture 13: About Functions and Function Naming Conventions

Lecture 14: EXERCISE – Area of Rectangle

Chapter 7: Conditional Statements

Lecture 1: About Conditional Statements

Lecture 2: Problem Statement to learn Conditional Statements

Lecture 3: Implement 'if' statement

Lecture 4: Explain 'if' statement

Lecture 5: Implement 'if' statement for raining check

Lecture 6: Implement Logical NOT operator

Lecture 7: Explanation for Logical NOT operator

Lecture 8: Implement 'else' block

Lecture 9: How 'else' block works?

Lecture 10: Implement Equal (==) operator

Lecture 11: Implement Strict Equal (===) operator

Lecture 12: Comparison Operators

Lecture 13: Logical Operators

Lecture 14: About Pipe Character

Lecture 15: Problem Statement – Airlines Infant Policy

Lecture 16: Implement Infant Passenger age check

Lecture 17: Implement Adult Passenger age check

Lecture 18: Airlines Policy for Child Passenger

Lecture 19: Implement Child Passenger age check

Lecture 20: Implement Airlines Policy using if .. else if

Lecture 21: Benefit of if .. else if

Lecture 22: Implement Ternary Operator

Lecture 23: How Ternary Operator works?

Lecture 24: Explanation for switch .. case statement

Lecture 25: Summary of Conditional Statements

Lecture 26: EXERCISE #1 – Find positive, negative and zero using 'if' statement

Lecture 27: EXERCISE #2 – Find positive, negative and zero using 'if .. else if'

Lecture 28: EXERCISE #3 – Find if a number is Odd or Even

Lecture 29: EXERCISE #4 – Find Cash Back using Ternary Operator

Chapter 8: Loops

Lecture 1: Importance of Looping constructs

Lecture 2: Displaying Numbers

Lecture 3: Displaying Numbers using 'while'

Lecture 4: How 'while' loop works?

Lecture 5: Displaying Numbers using 'do .. while'

Lecture 6: Displaying Numbers using 'for'

Lecture 7: TV Schedule dates display