JavaScript Variables Lifecycles

Understand JavaScript Engine phases and lifecycles of the "var", "let", "const". Scopes, hoisting, closures simplified.

4.60 (142 reviews)
Udemy
platform
English
language
Web Development
category
JavaScript Variables Lifecycles
16,934
students
3 hours
content
Dec 2021
last update
$54.99
regular price

What you will learn

Explain difference between global scope, function scope and block scope

Understand how variables declared using "var" behave

Explain difference between "let" and "const"

Practice different variables declarations types

Understand two JavaScript Engine Phases - "Compilation" and "Execution"

Deeply understand variables lifecycle phases for variables declared using "var", "let" and "const"

Explain lifecycle phases for the undeclared variables

Understand lifecycle of the function

Practice and understand most important variables usage guidelines

Why take this course?

Do you want to understand real difference between different types of variables in JavaScript?

Understand different types of scopes?

Want easily explain what is hoisting?

What about closures?

In this course I will dive deep into the JavaScript and explain you what happens under the hood when you declare any variable or function. You will understand what happens on the "Compilation" and "Execution" phases in JavaScript Engine.

I will make explain you what is variable declaration, initialization and assignment that are all-together called Variable Lifecycle Phases.

We will also focus in this course on the Variables Usage Guidelines:

  1. Make Code clear and readable for others

  2. Always declare variables before first usage

  3. Always use "use strict" globally

  4. Don't expose to the outer scopes local variables

You will also get several practical exercises where you will need to apply gain knowledge about different variables, hoisting, scopes and closures.

All exercises and code samples are available as Git repository.

In this course I will dive deep into the JavaScript and explain you what happens under the hood when you declare any variable or function. You will understand what happens on the "Compilation" and "Execution" phases in JavaScript Engine.

I will make explain you what is variable declaration, initialization and assignment that are all-together called Variable Lifecycle Phases.

We will also focus in this course on the Variables Usage Guidelines:

  1. Make Code clear and readable for others

  2. Always declare variables before first usage

  3. Always use "use strict" globally

  4. Don't expose to the outer scopes local variables

Hope to see you onboard!

Content

Course Setup

LECTURE - Intro
LECTURE - Course Navigation.mp4
PRACTICE - Git repository and Coding Environment setup

Scopes

LECTURE - Recap of the "var"
LECTURE - Scopes - Global, Function and Block

Var, Let and Const

LECTURE - let
LECTURE - const
LECTURE - Variables Usage Guidelines
LECTURE - Var, Let or Const?
CHALLENGE 1-1 - let, var and const
✓ CHALLENGE 1-1 - let, var and const - SOLUTION
CHALLENGE 1-2 - let, var and closures
✓ CHALLENGE 1-2 - let, var and closures - SOLUTION

JavaScript Engine Phases

LECTURE - JavaScript Engine Phases

Variable Lifecycle Phases

LECTURE - Variable Lifecycle Phases
LECTURE - Lifecycle of the "var"
LECTURE - Undeclared variable lifecycle
LECTURE - Lifecycle of the "let"
LECTURE - Lifecycle of the "const"
LECTURE - Function lifecycle - Part 1
LECTURE - Function lifecycle - Part 2
LECTURE - What is finally hoisting?
DEMO - Putting different variables lifecycles together
DEMO - Putting different variables lifecycles together - SOLUTION, Part 1
DEMO - Putting different variables lifecycles together - SOLUTION, Part 2
CHALLENGE 1-3 - Variable Lifecycles
✓ CHALLENGE 1-3 - Variable Lifecycles - SOLUTION

Summary

LECTURE - Variables Phases Summary

Screenshots

JavaScript Variables Lifecycles - Screenshot_01JavaScript Variables Lifecycles - Screenshot_02JavaScript Variables Lifecycles - Screenshot_03JavaScript Variables Lifecycles - Screenshot_04

Reviews

Vugar
April 11, 2021
Very nice course! Comprehensive course about var,let,const and hoisting. Thanks a lot for the course!
Denver
December 8, 2018
The biggest distraction is the use of "declear"/"decleared" instead of the correct words "declare"/"declared".
Leo
October 27, 2018
i have some experience with JavaScript so with all of the topics i'm already familiar. even so follow throw this course i build understanding when better to use each type of variable and more in-depth look throw there Lifecycle Phases. also Bogdan usually replay fast to upcoming questions which means he is very dedicated to his courses. thanks Bogdan,

Charts

Price

JavaScript Variables Lifecycles - Price chart

Rating

JavaScript Variables Lifecycles - Ratings chart

Enrollment distribution

JavaScript Variables Lifecycles - Distribution chart

Related Topics

1929394
udemy ID
9/24/2018
course created date
6/25/2019
course indexed date
Bot
course submited by