Complete Modern JavaScript Firebase BootCamp the beginner

In this JavaScript lecture I will teach you about JavaScript variables.

In this video I cover two ways of creating a variable in JavaScript, let and const.

JavaScript provides various ways to convert a other data types into a string. In this lecture, we will demonstrate how.

JavaScript provides various ways to convert a other data types into a number. In this lecture, we will demonstrate how.

JavaScript automatically converts primitives to String objects, so that it's possible to use String object methods for primitive

In this part, we continue to talk about the string methods other than the previous lecture

Template literals are string literals allowing embedded expressions. You can use multi-line strings and string interpolation features with them. In this part, we will demonstrate how convenient it is compare with ancient ways

Arrays are list-like objects whose prototype has methods to perform traversal and mutation operations. In this lecture, we will talk about how to create a JavaScript and also its properties

Many amazing JavaScript array methods available to us. In this lecture, we will learn some of the array methods

In this lecture , we will talk about how to define (and create) a JavaScript object with an object literal, also how to access its properties.

JavaScript Date objects represent a single moment in time in a platform-independent format. In this lecture, I will also teach methods of date objects

The if/else statement executes a block of code if a specified condition is true. In this lecture, we will talk about this

Comparison operators are used in logical statements to determine equality or difference between variables or values. In this part, we will talk about this.

In this lecture we will talk about JavaScript switch statement  to perform different actions based on different conditions. We will talk about switch case for string, date and also range of numbers

The function declaration (function statement) defines a function with the specified parameters. In this lecture, we will talk more about functions

The HTML DOM document object is the owner of all other objects in your web page. We will talk about the properties and methods can be used on HTML documents

In this lecture, we will talk about document classList, classNames, DOM Token List and also scripts

In this lecture, we will talk about using document.getElementById to get the single element. Then we use it to change the style and the text.

In this lecture, we are going to use the querySelector to select single element to do manipulation

In this part, we will talk about the javascript child nodes. By using this , we are going to add the custom id to the element.

In JavaScript, we can select different elements or nodes , like their children, parent and siblings

In this part, we are going to create new list by using Javascript createElement method

In this part, we are going to use Javascript replaceChild to replace the old element with new element

In JavaScript, we can add event listener to the element. We can also check the element object by using event.target. Use clientX clientY, offsetX and offsetY to check the coordinates.

Javascript has mouse event, in this lecture, we will talk about the difference between mouseover, mouseenter, mouseleave and mouseout

Javascript has another set of mouse event, in this lecture, we will talk about the click, dblclick, mousedown, mouseup, mousemove

In this lecture, we will talk about JavaScript keyboard events like keypress, keydown and keyup differences

In this lecture, we will talk about JavaScript keyboard events like cut, copy, paste, input, focus, blur

In this lecture, we will talk about JavaScript other events like onchange and submit

In this lecture, we will introduce the event bubbling and event stop propagation

In JavaScript, there are localStorage and sessionStorage, in this lecture, we will talk about what is the difference between these two, how to store and get the items from these storages

In this lecture, we will talk about how to stringify a JSON array and parse the string back to JSON array.

In this lecture we will look at the constructor function and "this" keyword in JavaScript

In this lecture, we will add a function to the constructor to calculate the age

In JavaScript, actually there are some built in constructors. In this lecture, we will discuss these and also the difference between the  == and ===

In this lecture, we will demonstrate other JavaScript constructors

In this lecture, we will talk about why we need to use JavaScript prototype instead of just adding the function directly inside  the constructor.

Here we will show the use of hasOwnProperty of JavaScript

In this lecture, we demonstrate the use of Object.create to create an object

es6 classes formalise the common JavaScript pattern of simulating class-like inheritance hierarchies using functions and prototypes.

ES6 allows for inheritance, where one class uses another as a base, and then extends it by adding more features of its own. In this lecture, you will learn inherit properties by using subclasses

In this lecture, we will talk about how to use the xhr object to get the data from a text file.

The XMLHttpRequest.readyState property returns the state an XMLHttpRequest client is in. An XHR client exists in different states and we will discuss in this lecture

In this lecture, we will use the xhr to get the json object

In this part, we will use xhr to get json array

In this part, we will use the xhr to get the remote data

In this part, we will learn how to create asychronous function by adding a callback function. But first, we will demonstrate the problem of synchronous function

In this part, we will create our own http library to fetch the data

In this part, we will modify the http library such that it can pop up an error when there is error occur

In this part , we continue to create the post, put and delete request

In this part, we will convert the previous project from using callback function to using JavaScript es6 promises

The Fetch API provides an interface for fetching resources (including across the network). The new API provides a more powerful and flexible feature set. In this part, we will demonstrate how to fetch the text file

The Fetch API provides an interface for fetching resources (including across the network). The new API provides a more powerful and flexible feature set. In this part, we will demonstrate how to fetch the json file

The Fetch API provides an interface for fetching resources (including across the network). The new API provides a more powerful and flexible feature set. In this part, we will demonstrate how to fetch the remote data

Arrow functions were introduced in ES6. Arrow functions allow us to write shorter function syntax

In the previous lecture, we already introduce the arrow function, so now we convert the old project by using arrow functions

This part we will use fetch api to create the custom http library

In this part we will talk about async await. The async and await keywords enable asynchronous, promise-based behavior to be written in a cleaner style, avoiding the need to explicitly configure promise chains.

In this part, we will apply the async await that we just learnt to modify the http library.

Error handling in JavaScript uses the keywords: try, catch, finally, and throw. In this part, we will focus on try and catch

Error handling in JavaScript uses the keywords: try, catch, finally, and throw. In this part, we will focus on finally and throw. In addition, we will talk about different types of errors.

In this project, we will apply the JavaScript regular expression that we just learnt. First, we need to create the form with the use of Bootstrap.

While custom iterators are a useful tool, their creation requires careful programming due to the need to explicitly maintain their internal state. Generator functions provide a powerful alternative. In this lecture, we will talk about both

Symbol is a primitive data type of JavaScript which is newly introduced in es6

The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.

The Map object holds key-value pairs and remembers the original insertion order of the keys. Let's explore how we can work around them.

We can also loop through the map object directly or  convert the map object into an array. Let's explore how we can do it.

Set objects are collections of values. You can iterate through the elements of a set in insertion order. Let's explore it in this lecture.