1. Block Scope. 2. Global Scope. 3. Lexical Scope. 4. Data type. 5. Math Library. 6. Number Library. 7. Strings. 8. Prototype inheritance. 9. Boolean. 10. Symbols 11. Type conversion 12. Operators. 13. Statements. 14. Reference Data type. (Class, Object, array, etc). 15. How to add methods to object. 16. Maps and Sets. 17. Functions declaration & expression. 18. Default parameter. 19. Spread operators. 20. Call back Function (Imp). 21. OOP's in JS. 22. Arrow Functions. 23. Functional programming. Call, apply & bind. 24. Closures. 25. Asynchronous in JS. 26. Promises. 27. DOM & navigation. 28. Event Bubbling. 29. Proxy reflection. 30. Regex 31. Web Workers. 32. Generators. I tried to create a list from the video. Please forgive me if I missed something out of it. Best way to learn is to create more n more projects.
You have very well explained the JS learning curve. Specially for interviews if someone wants to cover important topics in time. A great fan of your videos sir. Keep inspiring. Cheers 👍
Chapter 1: Types and Scope Let and const Local scope Global scope Lexical scope Primitive Data types Null and undefined Numbers Math library Number library Strings Strings methods Boolean Symbol Reference Data types Arrays Objects How to add method to Object This Sets Maps Type conversion Destructuring Operators and statements Chapter 2: Functions Function declarations Function expression Anonymous functions Immediately invoked functions Arrow functions Call back functions Pure functions Higher order functions Default parameters Rest parameters Spread operators Chapter 3: OOPs in JS Prototype inheritance Classes Arrow functions Chapter 4: Functional programming in JS Call, Apply and Bind Higher order functions Closures Function chaining Map, reduce, filter, each and every Curry functions Modules Chapter 5: Async in JS SetTimeOut SetInterval Fetch API Promises Async await Chapter 6: HTML and JS DOM Navigation EventHandlers Event bubbling Event propagation Master in JS: Proxy Reflection Symbols RegEx Recursion Web workers Generators Ref: exploringjs.com javascript.info
Thank you for cool tuto ! Unfortunately you don't say anything about coding challenges, no one can be a great JavaScript developer without problem solving skills ! I think there is a huge difference between mastering theory and having ability to solve problems...
I have been jumping from video to video and this is exactly what I was looking for but little did I know how unprepared I was. Where is my super suit...!?!? (pen and paper)
Just completed a Bootcamp to try to pivot from basic analysis to web development and I found this very useful for giving me direction now that the class is done. Thank you!
Hi, I like your channel very much. Learning lots of stuff from this channel, but one simple suggestion in Playlist of your channel some topics are repeated please have a look on that. I mean playlists are repeated.
I went through couple of resources for same purpose such as YDK JS book series, your channel etc. Excited to know more from you. Waiting for this video. 😊
Sir I completed the all topics also HTML and CSS. Now I want to go through a project would you suggest me... Or suggest me some website providing the project codes so I could practice them or should I go through PHP or any other language. Waiting for your reply
This video right here is what I'll recommend to everyone who's new to JS development rather than any other tutorial on planet earth. I'm also new to hardcore JS development, but I just wish I had seen this video earlier.
sir, js interviewer asked me:when browser window size is resized ,some css effect must be show(using js background color should be change).pls tell me sir.
This is awesome! I've a Masters in IT but have had some serious neurosurgical operations that have kept me back for nearly a decade and I'm just re-learning but crikey! Even in my Masters I thought of Javascript as very lightweight not really doing much....How wrong was I? Love the topics you've covered here.
why did you have DOM at the last thing to learn. I would think that DOM is more easier to grap and required topic in Javascript. I am bit confused about with that idea. But overall great presentation
If you don't know the JavaScript fundamentals, you wont be able to manipulate DOM, you will need to understand js Objects, windows object, for loops and accessing prosperity to manipulate DOM.
Hi Sir, I am watching all of your videos from last few weeks. As i am preparing for the interviews. The way you explain each and every thing is really Superb. I request you to please make video on debouncing and throttling in Javascript. and also one video on SOLID principal. Thanks
Hi sir, I really admire your teaching ideology, really appreciate it... learnt lot of thing from ur videos.. I also want to become a js expert.. Thanks :)
Because of scope, var a is defined in the global scope, but in myFunction you have created another scope which exists only inside of myFunction. This, refers to myFunction and "a" does not exist there, therefore it is undefined. If instead you say, return a, it will return 4 as the scope in myFunction has access to the global scope where var a is defined. Sorry if it is confusing, the short answer is because of scope.
@@sergi3629 Thank you for your reply. But 'this' in function refers to the window(global) object right? So in this case, 'this' refers to global object and so 'a' is defined globally. Should it not take the value of 'a' inside the function and so the function should return the value of 'a'?
I’m new to web development. My approach at the moment is to try and learn html, css, and js simultaneously. in your opinion is this a good strategy? Also, looking ahead, when it comes time to learn server side programming, would you recommend sticking with JS for that? Or learning another language like PHP? Thanks.
techsith Thanks for the reply. haven’t made it far enough to know which framework would be most suitable for me. Did a search and found angular has more job opportunities than React in SoCal (but not by much), so maybe I will go down that rabbit hole... I’m working on a math degree but I want to learn a small handful of programming languages on the side to have more opportunities. I find web development interesting which is why i’ve started with html, css and now js.
You have really nice skills of explanation, only thing is that your videos are not numbered, it is hard to identify the order in which one should study them. It would be great if you number them and create numbered playlist
Zura, In an ideal situation I would not skip any topics. But as I explained in the beginning of the video, this path is for someone who wants to learn fast and focus on mastering a framework . thanks for watching! :)
@@Techsithtube after a bit more research it seems like saga/thunk is usually preferred in the context of redux apps, as saga was created to solve this specific issue, whereas rxjs is more transferable but steeper learning curve and maybe more overkill/pain points. Most of the best jobs I'm interviewing for round back to system design stuff, would also enjoy a full project type deal using best practices of Node/React/Redux to build something non trivial with access rules, and other services. Any recommendations for other resources or content creators? Really appreciate your content and work your videos and instruction are a step above and cut to the chase :)
@@Techsithtube actually I have to do the comma after inputting like if I am inputting 10000-then it will show like 10,000 and I have to take two of these inputs and make one addition which will be like 10,000+10,000=20,000 and all should be in input fields
1. Block Scope.
2. Global Scope.
3. Lexical Scope.
4. Data type.
5. Math Library.
6. Number Library.
7. Strings.
8. Prototype inheritance.
9. Boolean.
10. Symbols
11. Type conversion
12. Operators.
13. Statements.
14. Reference Data type. (Class, Object, array, etc).
15. How to add methods to object.
16. Maps and Sets.
17. Functions declaration & expression.
18. Default parameter.
19. Spread operators.
20. Call back Function (Imp).
21. OOP's in JS.
22. Arrow Functions.
23. Functional programming. Call, apply & bind.
24. Closures.
25. Asynchronous in JS.
26. Promises.
27. DOM & navigation.
28. Event Bubbling.
29. Proxy reflection.
30. Regex
31. Web Workers.
32. Generators.
I tried to create a list from the video. Please forgive me if I missed something out of it. Best way to learn is to create more n more projects.
interesting..
Great job mate
Thanks!
👍✌️
Thanks
Knowing how and when to Apply all of the concepts is what interests me. Basically applying all of this in practice on real world apps and projects.
1. Types and scoping
2. Data types
3. let const var
4. null vs undefined
5. numbers
6. infinity
7. math library
8. prototypes
9. string methods
10. boolean
11. symbol
12. Map
13. type conversion
14. type coercion
15. operators
16. looping
17. reference data types
18. array
19. objects
20. for in for of
21. matrix in js
22. iterate through object
23. this keyword
24. new keyword
25. destructuring
26. sets
27. functions
28. IIFE
29. anonymous functions
30. defaults parameters
31. rest vs spread
32. shallow vs deep copy
33. callbacks
34. functions recurring
35. closures
36. js classes
37. oops in js
38. promises
39. prototype inheritance
40. async-await
41. arrow functions
42. this in arrow
43. Higher-order functions
44. functions
45. function chaining
46. map reduce includes filter
47. object chaining
48. fetch method
49. dom
50. add event in js
51. bubbling and propagation and delegation
52. stop propagation
53. proxy
54. reflections
55. regex
56. recursion
57. web workers
58. generators
59.
60.
Thank You
You have very well explained the JS learning curve. Specially for interviews if someone wants to cover important topics in time. A great fan of your videos sir. Keep inspiring. Cheers 👍
Thanks Gaurav, :)
Chapter 1: Types and Scope
Let and const
Local scope
Global scope
Lexical scope
Primitive Data types
Null and undefined
Numbers
Math library
Number library
Strings
Strings methods
Boolean
Symbol
Reference Data types
Arrays
Objects
How to add method to Object
This
Sets
Maps
Type conversion
Destructuring
Operators and statements
Chapter 2: Functions
Function declarations
Function expression
Anonymous functions
Immediately invoked functions
Arrow functions
Call back functions
Pure functions
Higher order functions
Default parameters
Rest parameters
Spread operators
Chapter 3: OOPs in JS
Prototype inheritance
Classes
Arrow functions
Chapter 4: Functional programming in JS
Call, Apply and Bind
Higher order functions
Closures
Function chaining
Map, reduce, filter, each and every
Curry functions
Modules
Chapter 5: Async in JS
SetTimeOut
SetInterval
Fetch API
Promises
Async await
Chapter 6: HTML and JS
DOM
Navigation
EventHandlers
Event bubbling
Event propagation
Master in JS:
Proxy
Reflection
Symbols
RegEx
Recursion
Web workers
Generators
Ref:
exploringjs.com
javascript.info
Thanks buddy for the detailed list.
Thanks
Thank you! This helps me in structuring my learning of JS.
I am gald that helped.
Nice video Sir
got good placement because of your Angular2/4 tutorial
Thank you for cool tuto ! Unfortunately you don't say anything about coding challenges, no one can be a great JavaScript developer without problem solving skills ! I think there is a huge difference between mastering theory and having ability to solve problems...
Plz make step by step video's according to this video session.. Then only we will get clarity of our video's..
step 1
look at his video list and use search features...
step 2
Its not grade school don't expect everything to served to you ready to eat
Thanks a lot @techsith because of your channel I was able to crack some good companies interview...please keep it up..
I think you might be my javascript guru
Ready to accept the position ! :)
@@Techsithtube jump on that thing
Thank you very much sir, first time I am guided. Great source of knowledge.
Excellent Sir, learning a lot from ur videos 😎
I have been jumping from video to video and this is exactly what I was looking for but little did I know how unprepared I was. Where is my super suit...!?!? (pen and paper)
Great video! Learned a lot! Thank you for posting! Have become your fan.
Jorr... Hemil Bhai. I learned lot from you starting from JS to React to Angular and many detailed descriptive topics.
Alpesh bhai, keep on learning!
how much time takes to learn this js and all.
Love ALL your great advice and videos! I don't know why I haven't found your channel before. Thank you for all that you do!
Thanks for watching and keep learning!
thank you. I have been learning for a year and needed a structure to get back to the basics. I'm going to follow each step you said!
people are paying thousands of dollars for Bootcamp and other things and my guy here explaining everything like smooth jazz for free
Thank you! I have been looking for a road map for sooo long :).
Now that you know, its time to follow the road map.
Your videos on JS have helped me a lot for my interview, thanks a ton!
did you got selected?
Thank you so much, that's a great video I wish I got this video before few moths back, anyway that's such useful information thank you once again :)
Now that you know, its time to follow the road map.
Just completed a Bootcamp to try to pivot from basic analysis to web development and I found this very useful for giving me direction now that the class is done. Thank you!
You're very welcome!
I like your videos then start to watch them. You're a Great tutor.
Thanks for watching Alla.
Hi,
I like your channel very much.
Learning lots of stuff from this channel,
but one simple suggestion in Playlist of your channel some topics are repeated please have a look on that.
I mean playlists are repeated.
Hi can you please tell me any certification on JavaScript
I would say focus on learning js rather than certification. I have never seen anyone asking for certification in an interview.
if your skills are good enough - they will show up in the interview ... certification as a proof of your learning is not required.
I went through couple of resources for same purpose such as YDK JS book series, your channel etc. Excited to know more from you. Waiting for this video. 😊
good overview
I am sad I found this so late! Thank you for making this path list!
Sir I completed the all topics also HTML and CSS. Now I want to go through a project would you suggest me... Or suggest me some website providing the project codes so I could practice them or should I go through PHP or any other language. Waiting for your reply
This video right here is what I'll recommend to everyone who's new to JS development rather than any other tutorial on planet earth. I'm also new to hardcore JS development, but I just wish I had seen this video earlier.
Thanks for recommendation Swapnil . Keep on learning !
A big thank you for the information provided
Thank You for this!
It would be better if you show examples as well.
Sir can you explain us the states in JavaScript. Thank you keep the good works.
Sourish Dutta from my understanding state is just a place to store data in an organized way
This was great, more please
Really usefull...Kinndly suggest JS Framework path (Like if any client want to do . any kind of job which JS frameworks i need to know)
It's a great video
Your RUclips video playlist is so confusing. You made many different playlists with the same video!
scope vs lexical scope?
sir what you think about javascript.info/ ? should we follow this to learn?
It is good but too basic.
do you have time to mentor me ?
sir, js interviewer asked me:when browser window size is resized ,some css effect must be show(using js background color should be change).pls tell me sir.
Thank you for this
In learning you are going to make a lot of promisses and you might break some of them...
Great content and very very useful map to really understand Javascript
Can you make it as a course. So, we can learn latest JavaScript from scratch
my eyyyyyyyyyyyyes 🔆🔆
This is awesome! I've a Masters in IT but have had some serious neurosurgical operations that have kept me back for nearly a decade and I'm just re-learning but crikey! Even in my Masters I thought of Javascript as very lightweight not really doing much....How wrong was I? Love the topics you've covered here.
Yes , JS is not that lightweight anymore. It used to be once upon a time. :)
Thank you so much !
Thanx for guiding :) it seems that I'm a bit expert but definitely not master yet. so I'll try hard :)
Hi, Can You Please create a video on how to start contributing to open source projects or js community?
why did you have DOM at the last thing to learn. I would think that DOM is more easier to grap and required topic in Javascript. I am bit confused about with that idea. But overall great presentation
If you don't know the JavaScript fundamentals, you wont be able to manipulate DOM, you will need to understand js Objects, windows object, for loops and accessing prosperity to manipulate DOM.
Awesome please write a book.. You have great understanding 🙌
ji
Hi Sir,
I am watching all of your videos from last few weeks. As i am preparing for the interviews. The way you explain each and every thing is really Superb.
I request you to please make video on debouncing and throttling in Javascript. and also one video on SOLID principal.
Thanks
Sure , I will release a video on that this monday. Thanks for watching!
Can you tell me how to explain our project as well as responsibilities for front end developer
can i ask you a question but its abt FCM from cloud firebase function ?
thanks for everyone
I will become a master in Js.. Thanks techsith
It's a great promise. It's a good start, make sure you finish it. :)
Yeah surely i will meet you one day.
Hi sir, I really admire your teaching ideology, really appreciate it... learnt lot of thing from ur videos.. I also want to become a js expert.. Thanks :)
thank you Harsha for a nice comment!
Sir you miss the subscriber concept and you miss the broadcasting and other
May I know why it is undefined instead of printing the value of a.
var a = 4;
function myFunction() {
return this.a;
}
console.log(myFunction());
Because of scope, var a is defined in the global scope, but in myFunction you have created another scope which exists only inside of myFunction. This, refers to myFunction and "a" does not exist there, therefore it is undefined. If instead you say, return a, it will return 4 as the scope in myFunction has access to the global scope where var a is defined. Sorry if it is confusing, the short answer is because of scope.
@@sergi3629 Thank you for your reply. But 'this' in function refers to the window(global) object right? So in this case, 'this' refers to global object and so 'a' is defined globally. Should it not take the value of 'a' inside the function and so the function should return the value of 'a'?
I’m new to web development. My approach at the moment is to try and learn html, css, and js simultaneously. in your opinion is this a good strategy? Also, looking ahead, when it comes time to learn server side programming, would you recommend sticking with JS for that? Or learning another language like PHP? Thanks.
What is your ultimate goal? mastering react or angular? IF you master JS you can do Node.js which is server side JavaScript. I would not learn PHP.
techsith
Thanks for the reply. haven’t made it far enough to know which framework would be most suitable for me. Did a search and found angular has more job opportunities than React in SoCal (but not by much), so maybe I will go down that rabbit hole...
I’m working on a math degree but I want to learn a small handful of programming languages on the side to have more opportunities. I find web development interesting which is why i’ve started with html, css and now js.
I thought let and const are es not js would I need to use Babel then?
Can Someone write chapter wise details
Rich content
Low audio quality
Great video as always,Thanks a lot sir
what is 2 key rules to follow???
Do you have a course? That'd be great.
Thanks for your great work. I was wondering if you had any plans to make any videos on Vue
Most probably next year.
Thank you so much 👍 yes, I did and you are amazing
Bubbling woow
had tried to learn async before the basic, was hell for me :P
Always learn fundamentals first . :)
Thank you ..can you please make same videos on nodejs and angular 2+ that will be grate
Akshay, I have series on NodeJs and Angular 5. do check out the playlists to find out more.
@@Techsithtube okay will check those videos thanks
You have really nice skills of explanation, only thing is that your videos are not numbered, it is hard to identify the order in which one should study them. It would be great if you number them and create numbered playlist
I have created a playlist with the right order ruclips.net/p/PL7pEw9n3GkoVYU-ZKBrDnxIiiUn0YP-uO
Yes order may be correct but as a viewer, I was always doubtful as there are is no numbering..alright..thanks for the reply
Thanks man, this really helps us to take the best path
This video is Gold,
Its doable to learn but its gonna take a lot of time ..... maybe months .
I want to Cry!!!!
Depending on how hard you work. :)
@@Techsithtube thank u for replying means so much to me :) ....
seems to me it wraps it up...
it will be in 3D?
J.K.
Who are you who know my problem♥
Invaluable.
This is best Syllabus!
I love you
Thank you :-):-)
Thanks tech sith it's very helpful video for fresher's
Keep on learning ! :)
Thank you sir 😋
Good plan, but one thing which I do not agree is skipping declaring variables using var.
Zura, In an ideal situation I would not skip any topics. But as I explained in the beginning of the video, this path is for someone who wants to learn fast and focus on mastering a framework . thanks for watching! :)
I get your point but I can't imagine mastering in JavaScript without knowing how var keyword works.
Again thumbs up to your video
I must say javascript.info has helped me a hell lot in the same order
If something has helped you, that is a great resource for you . Keep working on it.
Gold ❤️
Seventh
Redux Oberservables and RXjs plzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
Looks like this is a popular demand. I will create a tutorial on that. :)
@@Techsithtube after a bit more research it seems like saga/thunk is usually preferred in the context of redux apps, as saga was created to solve this specific issue, whereas rxjs is more transferable but steeper learning curve and maybe more overkill/pain points. Most of the best jobs I'm interviewing for round back to system design stuff, would also enjoy a full project type deal using best practices of Node/React/Redux to build something non trivial with access rules, and other services. Any recommendations for other resources or content creators? Really appreciate your content and work your videos and instruction are a step above and cut to the chase :)
Thanks a lot bro
You are doing really a good job! Don’t stop!
Thanks for watching Naser!
Can you say what is lexical scope?
Upper scope outside your function is called lexical scope. Basically , in javaScript you have access to variables defined in lexical scope.
So i m a master (:
I am glad that you figured it out. :) you are the master.
awesome !
How to use number pipi in input field using angular??
you can use someting like this -2.5 | number:'1.0-0'
@@Techsithtube actually I have to do the comma after inputting like if I am inputting 10000-then it will show like 10,000 and I have to take two of these inputs and make one addition which will be like 10,000+10,000=20,000 and all should be in input fields
Very helpfull video bro
Thanks for watching! :)
One word to describe both your content and delivery skills: EXCELLENT! Many thanks, my friend!