Advanced JavaScript will help you do a lot more using your programming skill. We will learn about the topics like Object Oriented Programming, Function in Details and Asynchronous nature of JavaScript.
Scope, Closure and Higher Order Function
We will go a bit more in depth about function. It will help us understand concepts like higher order function, scope, scope chain and closuer.
- An Introduction to How JavaScript Runs Code
- Understanding JavaScript Execution Contexts
- The JavaScript Call Stack
- Callbacks and Higher Order Functions
- Why We Need Higher Order Functions
- Building Higher Order Functions `map` From Scratch
- How Higher Order Functions and Callbacks Helps
- Understand Scope and Scope ChainPRO
- Closures, Scope, and Execution Context
- Hoisting in JavaScript
- Closure as Extended ScopePRO
- The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript
- Practice How JavaScript Runs the CodePRO
- Practice Different Phases of Execution
- Practice Scope, Scope Chain and HoistingPRO
- Function Expression and Declaration with Hoisting
- Practice Higher Order Function and CallbackPRO
- Create Different Array Methods Using ReducePRO
- Practice ClosurePRO
- Practice Higher Order Function, Scope and Closure (Advanced)PRO
Object Oriented Programming
We will go a lot deeper into understanding objects. In this section we will cover the nature of object, prototypal inheritance and classes
- Why OOP?
- Different Ways Of Creating Objects
- Different Ways Of Creating Objects - 2
- Different Ways Of Creating Objects - 3
- Different Ways Of Creating Objects - 4
- Using classes to OrganisePRO
- Understanding JavaScript Classes
- Understanding the this keyword in JavaScript
- Creating a Book App using ObjectsPRO
- Understanding Prototypal Inheritance
- Different Patterns of Prototypal InheritancePRO
- Creating Dynamic Application Using OOPPRO
- Understandind DOM and this KeywordPRO
- Practice Different Ways of Creating ObjectsPRO
- Create Object Using Different PatternsPRO
- Practice More About ClassesPRO
- Practice All About this Keyword
- Object and this KeywordPRO
- Practice Prototypal InheritancePRO
- Implement Stack and Queue Using ClassesPRO
- Create Quiz App Using OOPPRO
Advanced DOM
We will go a bit more deeper in understanding and using DOM. We will learn more about events luke scroll, focus, blur, scroll and drag and drop. We will also learn about the lifecycle of a web page and default actions of the elements.
- Understanding Scroll Event
- Focus and Blur Event
- Default Browser Actions
- Lifecycle of a web page
- Using Drag and Drop
- Introduction to HTML5 Canvas
Asynchronous JavaScript
In this section we will learn about the asynchronous nature of JavaScript. It will help use get data from any other server and use it.
- How JavaScript Executes the Code
- Synchronous vs Asynchronous
- Event Loop in JavaScript
- Making Network Request using XMLHttpRequest
- Understanding Promises
- Promise Chaining
- Using Browser Function Fetch
- Error handling Using Promises
- More About Promises
- Async/Await
- Async Execution Context Diagram for Better Understanding
- Github User Finder and Random Cat Image
- Image Search AppPRO
- Creating fetch Function Using XMLHttpRequestPRO
- Practicing Array and Srring Methods
- Make Spaceflight News App Using Browser Fetch FunctionPRO
- GOT Books AppPRO
- Creating a Todo App Using APIPRO
