Javascript Fundamentals: Understand the basics

If you are planning to learn React or Angular or any frontend frameworks for building blazing fast applications, you need to ask yourself this. Do you really understand how Javascript works?

Do you know if javascript compiles or interprets code line by line?

Do you know how Async code works?

Do you know about the Javascript Engine? Callstack? Event loop? Callback queue? Hoisting? Lexical scope? ES6 syntax?

Are you confident with the fundamentals before you dive into the deep sea of frontend frameworks?

There are still a lot of developers who have been working with Javascript for many years but still do not really understand how it works under the hood and because of that they spend too much time to troubleshoot issues and figure things out while working on a product. Some of them hate javascript because they couldn't understand it. Why the heck is my code not doing what it is supposed to do?

Now this workshop will help you understand the fundamentals of Javascript and how it works before you start working with the JS stack -- React, node and etc.

Anyone can attend this workshop. You can be someone with a lot of work experience in JS or someone just getting started with the JS. Just register to save your spot if you really think you need to understand the basics. I will use nice emojis, simple slides and more code to make the session fun for you *winks

Agenda:

• Why Javascript?
• World before and after Javascript
• ECMAScript Engines
• Inside the Engine
• Interpreters and compilers
• Inside the V8 Engine
• Javascript vs Other languages
• Callstack, memory heap & Stackoverflow
• Garbage collection
• Memory leaks
• Single threaded
• Javascript runtime
• Node js
• Execution context
• Lexical environment
• Hoisting
• Function invocation
• Scope Chain
• Function scope vs Block scope
• Global variables
• IIFE
• this keyword
• Implicit and explicit binding
• Context vs Scope
• Synchronous vs Asynchronous (Async)

Basic features of ES6, ES7 and ES8

• variables let and const
  
• arrow functions
• using class and functions
• Destructuring arrays and objects
• Spread and rest
• iterators + for..of
• Promises and async/await
• Modules
• Template strings