Firestore -Real time database
[JS Essential] Fundamentals
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
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.
The function declaration (function statement) defines a function with the specified parameters. In this lecture, we will talk more about functions
[JS Essential] DOM manipulation
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 lecture, we will introduce the event bubbling and event stop propagation
In this lecture, we will talk about how to stringify a JSON array and parse the string back to JSON array.
[JS Essential] Object Oriented Programming
In this lecture, we will add a function to the constructor to calculate the age
In this lecture, we demonstrate the use of Object.create to create an object
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
[JS Essential] XHR, Ajax and fetch API
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
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.
[JS Essential] Error handling and regular expression
[Project] Regular Expression form
[JS Essential] es6
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
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.
A Factory Pattern or Factory Method Pattern says that just define an interface or abstract class for creating an object but let the subclasses decide which class to instantiate. Let's learn more about it in this lecture.