Advanced JavaScript | Sigma Web Development Course - Tutorial #82

➡️ English Subtitles are now up for all the videos!

python, C, C++, Java, JavaScript and Other Cheatsheets [++]:

►Learn in One Video[++]:

►Complete course [playlist]:

Follow Me On Social Media
Comment "#HarryBhai" if you read this 😉😉

[shivam]

Bro just pin me also like the previous video for no reason😊

[NischitChettri]

i have watched this video and start making project by myself. My projects (Stop Watch, Digital watch, Calculator, Lucky Color Picker). And I am currently making a new project (Quiz website). I have applied what Harry bhai teaches and it is just beginning of the playlist and I start making cool project.

[shubhammadhuranjan]

Mr. Harry I am very glad that your bring an awesome advance course on web dev. But I have a request that you also bring full course on Data Science

[Shaamishorts]

sab sikhneme enjoyment to he lekin ye jo last me train me bethna and song play ho raha is ki enjoyment bahut alag he guys 🤘🤟🤟 live lond "harry bhai"..

[Hafijur]

🎯 Key Takeaways for quick navigation:

00:00 📚 *Introduction to Advanced JavaScript Concepts*
- Introducing advanced JavaScript concepts like destructuring and spread operators.
- These concepts are essential for advanced JavaScript development.
01:13 🧩 *Understanding Immediate Invocation of Functions*
- Immediate invocation of functions explained with an example.
- Demonstrating how to create and immediately invoke a function.
03:41 🔄 *Exploring Destructuring in JavaScript*
- Explanation of destructuring in JavaScript with an array example.
- Showing how to destructure an array to access its elements individually.
04:36 🔄 *JavaScript Variable Destructuring*
- Demonstrates how to destructure variables in JavaScript.
- Shows how to assign values from an array to variables using destructuring.
- Explains the use of the rest operator (`...`) to collect remaining array elements.
06:02 🔀 *Object Destructuring in JavaScript*
- Illustrates object destructuring in JavaScript.
- Shows how to extract specific values from an object and assign them to variables.
- Explains how object destructuring can be useful in practical projects.
07:15 🌐 *Spread Syntax in JavaScript*
- Introduces the spread syntax in JavaScript.
- Demonstrates how to use the spread syntax to manipulate arrays.
- Shows a practical example of using spread syntax in a function to sum numbers.
08:50 🧩 *Understanding Object Creation in JavaScript*
- Objects in JavaScript can be created using the `{}` syntax with key-value pairs.
- Keys are mapped from 0 onwards, and each value is mapped sequentially.
- The concept of index column value is important; it maps the values accordingly.
09:17 🚀 *Scope in JavaScript: Global, Local, and Block*
- Variables declared inside a block are not accessible outside that block, exemplifying block scope.
- let and const provide block-level scope in JavaScript, ensuring they're only available within the block they're declared in.
- Variables declared outside of functions become global, accessible throughout the program.
10:00 📦 *Hoisting Concept in JavaScript*
- Hoisting refers to the process where variable and function declarations are moved to the top of their containing scope before execution.
- If a variable is defined using `var`, it is hoisted to the top of the function or global context, and it can be accessed before declaration.
- Hoisting is important to understand in JavaScript, as it can lead to unexpected behavior if not used properly.
11:24 🔍 *Host Concept in JavaScript*
- The host in JavaScript refers to the process where variable declarations are moved to the top of the code before execution.
- When a variable is declared using var within a function, its scope is limited to that function.
- If a variable is declared using let or const, its scope is limited to the block in which it is declared.
12:45 🛠️ *Understanding Hoisting and Block Scope in JavaScript*
- Hoisting moves variable and function declarations to the top of their containing scope before execution.
- Variables declared with let and const do not hoist, ensuring they're only accessible after declaration in their block scope.
- Using variables before declaration can result in a "Cannot access 'x' before initialization" error.
13:27 📝 *Advice for Learning Advanced JavaScript*
- It's recommended to download and study the provided notes alongside the videos.
- Future videos will focus on building projects and exploring back-end development.
- Practicing exercises included in the notes is crucial for a deeper understanding of the concepts.

Made with HARPA AI

[mubeenkashif]

#sigmabatchop
#javascriptop
I Love you harry Bro. You are my best teacher.
Special Thanks to you for making this course for free.

[shubhammadhuranjan]

Mr. Harry bring a full course with advance level of Data Science ASAP

[DivyanshuRaikwar]

Success demands Consistancy ❤keep it up bro's 🎉

[rohitstudyclube]

In the whole world no one can create this type of course
#sigmqbatchop❤

[MDHAIDERYT]

As Salaamo alaikum, thank you so much bro. I have learnt a lot of things from you since the past 2 years not web development but data science especially. Huge respect to you. I like you and your funny acts too. Here Md Rumman Haider (MTech -NIT Rourkela)

[amlanishubham]

Yeh sab advanced hota hai 😳 mai seekh Gaya aur mujhe pata bhi nahi tha ki maine advanced JS seekh liya Jonas Schmedtmanm ke Udemy course se 😂👍 BTW basics yaha se hi seekh ke Gaya tha, *Ultimate JS* Wale course se aapke ❤❤❤

[ShakeelAhmad-xgor]

congratulations all for completed of HTML, CSS, and JavaScript and now we are going to learn Backend or react jo hoa seekh le ge koi masla ni hy #harrybhai zinda

[Leagueofnights]

Bhaiya iss course mein approx kitni videos hone wali h
(Plzz reply🤗)
Sigma batch op

[Nidhi-Dodiya-]

*one correction*
*let* and *const* hoist but you cannot access them before the actual declaration is evaluated at runtime, because they are in temporal dead zone.

[lakshyarajdash]

These topics I had learned from the latest js course. Thanks Harry bhai for such a quality content. Hope for great projects ahead. ❤
#SigmaBatchOP

[ayushjaiswal]

Thanks Harry Bhai, I am lagging behind but i am sure i will catch up #SigmaBatchOP keep maintaining the same intensity

[CodeWithPassion]

Sir I'm starting this course from first video

[aryanpardhi]

harry bhai mai react ki playlist dekh rha tha aapke usme create-react-app se react app banane batae ho, kya uski jgh vite bhi use kr skte hai react app banane ke liye ? plz answer ❤

[Balaji_Rathod_]

@CodeWithHarry Harry bhaiya Namaste ..🙏🏻
AAP jaise sigma Web course Kiya he vaise hi react js ka bhi banao please aapka react course Jo he usme aap JavaScript bahot fast likhi he Mai aapse request karunga ki Sigma web course ki taraha react ka bhi course banao please bhaiya

[areebnadir]

00:01 Key concepts in advanced JavaScript
02:02 Using IIFE to avoid errors with async functions.
03:46 JavaScript destructuring assignment
05:50 Restructuring in arrays and objects.
07:28 Using spread operator to sum numbers in an array
09:10 JavaScript variable scopes and hosting
10:52 JavaScript hosting moves declarations to the top of the code before execution.
12:26 Introduction to advanced JavaScript concepts