Complete Modern JavaScript Firebase BootCamp the beginner

Course Curriculum

Chapter 1: [JS Essential] Fundamentals

Lecture 1: VsCode setup and file setup

Lecture 2: Console

Lecture 3: Variables

Lecture 4: let and const

Lecture 5: Data types

Lecture 6: Primitive vs reference

Lecture 7: Convert to string

Lecture 8: Convert to number

Lecture 9: Numbers and math model

Lecture 10: String methods and concat

Lecture 11: Other string methods

Lecture 12: Template literal

Lecture 13: Arrays

Lecture 14: Array methods

Lecture 15: Object literals

Lecture 16: Date objects

Lecture 17: IF statement

Lecture 18: Logical operator

Lecture 19: Switch case

Lecture 20: Function declaration

Lecture 21: IIFE (Immediately Invoked Function Expression)

Lecture 22: General loop

Lecture 23: Loop through array

Lecture 24: Window object methods

Lecture 25: Window object properties

Chapter 2: [JS Essential] DOM manipulation

Lecture 1: Document Object Properties and Methods

Lecture 2: Document Object Properties and Methods2

Lecture 3: Get element by ID

Lecture 4: querySelector

Lecture 5: Child nodes

Lecture 6: Child, Parent and Siblings

Lecture 7: Create element

Lecture 8: Replace element

Lecture 9: Event listener and event object

Lecture 10: Mouse Event: mouseover, mouseout, mouseleave, mouseenter

Lecture 11: Mouse Event: click, dblclick, mousedown, mouseup, mousemove

Lecture 12: Keyboard Event: keypress, keyup, keydown

Lecture 13: Keyboard Event: cut, copy, paste, input, focus, blur

Lecture 14: Onchange event and submit event

Lecture 15: Event bubbling and event stop propagation

Lecture 16: Event delegation

Lecture 17: LocalStorage and SessionStorage

Lecture 18: JSON stringify and JSON parse

Lecture 19: querySelector and querySelectorAll vs getElementsByClassName and getElementById

Chapter 3: [JS Essential] Object Oriented Programming

Lecture 1: Constructor and this

Lecture 2: Add function to the constructor

Lecture 3: Built in constructor and typeof variable

Lecture 4: Other built in constructors

Lecture 5: Why we need to use prototype?

Lecture 6: Other prototypes

Lecture 7: Inheritance

Lecture 8: Object create

Lecture 9: es6 classes

Lecture 10: es6 subclass

Chapter 4: [JS Essential] XHR, Ajax and fetch API

Lecture 1: xhr object

Lecture 2: xhr different readystate

Lecture 3: xhr get json object

Lecture 4: xhr get json array

Lecture 5: xhr get remote data

Lecture 6: synchronous and asynchronous by using callback

Lecture 7: Custom http library

Lecture 8: Modify the http library

Lecture 9: Create the post, put and delete request

Lecture 10: es6 promises

Lecture 11: fetch api to fetct text file

Lecture 12: fetch api to fetch json

Lecture 13: fetch remote api

Lecture 14: arrow function

Lecture 15: convert to arrow function

Lecture 16: Custom http with fetch api

Lecture 17: Async await

Lecture 18: Custom http with async await

Chapter 5: [JS Essential] Error handling and regular expression

Lecture 1: Try catch block

Lecture 2: Different types of errors

Lecture 3: Regular expression

Lecture 4: Regular expression (character selector)

Lecture 5: Regular expression (symbol)

Chapter 6: [Project] Regular Expression form

Lecture 1: Create UI

Lecture 2: Validate first name, last name and email

Lecture 3: Validate phone number and zip code

Chapter 7: [JS Essential] es6

Lecture 1: Iterator & Generator

Lecture 2: User scroll with iterator

Lecture 3: Symbol

Lecture 4: Destructuring

Lecture 5: Map

Lecture 6: Loop through map

Lecture 7: Set

Lecture 8: Iterating Sets

Chapter 8: Design Pattern

Lecture 1: A good website about design pattern

Lecture 2: Module & Reveal Module Pattern

Lecture 3: Singleton

Lecture 4: Factory Pattern