@@swaniketchowdhury I find react with typescript better with type checks but the thing is o cannot find more material to read. And my project is complex keeping the future scope in mind I started the project in react typescript. I want to know your thoughts if I should switch to React in plain js or typescript.
I am from Karnataka India and looking for job in software development. I have completed engineering n have knowledge in JavaScript, node and Android studio. I can share resume. I am in need of job, can someone please help me?
1. diff between == and === 2. solved in typescript 3. solved in typescript 4. just standard syntaxes used everywhere 5. map,find,filter,push,pop on arrays
I like how you mention items people need to know when learning. I am learning and find people staying too simple, not adequate explaining, or being extremely complex. You are in the middle where many of us need help. I will be watching for your crash course.
I think a part two would be warranted covering: 1. Objects and how inheritance works 2. JavaScript's class syntactical sugar 3. Protected and private class properties and methods 4. How to implement OOP and functional programming with JavaScript
I'm a professional developer, and I agree with all of this, especially making use async/await. One thing I would add is to start using Typescript sooner than later.
Yes! 100%! A lot of this video seemed to be about problems that don't exist in typescript. ... We knew it was (in most/many cases) better back in early 2000 (with other Web languages), it's just as much/even more so today.
@@ciuee TypeScript is a compiled version of JavaScript. TypeScript adds type syntax to JavaScript, which is used to prevent errors such as assigning a number to a string variable.
Interesting, I was just reading a report where the principal developer behind Svelte says TypeScript is “not worth it” for developing libraries. Instead, interface types are declared using JSDoc annotations.
Man... this video turned waaaay more useful than I thought. As someone who writes JavaScript but doesn't have a clue what they are doing...this is solid advice.
I am on my 6th month in college for web dev and javascript has been allot to take in, I absolutely love watching your videos when I'm stuck on assignments. You explain things very well! Thank you for doing these videos! Your awesome 🙂
I've been programming since I was 10. I've been doing it for a living for 27 years. I've done projects in most major languages. I wrote a single page app with vanilla JS about 10 years ago. I've been writing a new SPA with VueJS for the past couple of months. This is a really good list for beginning JS programmers.
Hi James, I'm new to JavaScript, but not programming. Most TH-cam tutorials are for beginners with very basic explanations of what variables are, why we need them etc. That's great for the beginners who need it, but not the best use time for me (and probably many others). I'm looking for more 'developer's wisdom' type of videos such as this one. I'm looking forward to your crash course video(s), especially if it contains some lessons of what you learned (the hard way) from experience. Thanks for this excellent video!! ...........Liked and subscribed
I can't stop using [array methods] since I started but sometimes it can be a bad habit. Array methods cannot be broken out of so be mindful with big datasets or searching. Great video!
Knowing how pass by reference and pass by value work in javascript is also important, it's basically how primitives vs objects are treated. And not just async / await, the event loop in general, this will introduce stuff like requestAnimationFrame in browsers and process.tick in Node. The best thing is the ability to write javascript that is easy to read. It's very hard to make sure everyone can read your code. This will introduce linters and beautifiers to beginners. Finally, I also suggest everyone to switch to typescript because it's a better superset and there isn't really a reason not to.
Agree on the pass by reference vs value question. Especially with arrays it can be non-obvious to the beginner. Some Array methods create new arrays, others modify the array in place. This leads to statements that look strange like arr2 = arr1.concat(); Why would you concatenate arr1 with nothing? Well, this is how you crate a copy of an array.
There is no pass by reference in JS, only pass by value. If you were passing in by reference, you could change when the reference is pointing to, like you can in C, but you can't. You are passing a reference by value, which is different from passing by reference.
Thank you for this awesome summary. It really gets to the heart of what constitutes a comprehensive JS programming skillset, and provides an excellent perspective. Yes I would most certainly follow a course that you put together on these 5 topics
Asynchronous JS and Error Handling are the most important things that will level up your coding - I would have also added testing. I think everything else is superfluous
I'd add to the list Callbacks + Prototype & Prototypal Inheritance, which both of them relate to knowing Objects in JS. Those are ones that are most used and can be a bit hard to grasp for beginners. Afterwards try applying basic principles like DRY and KISS. Cheers!
Thank you so much for this video! I have been living under a rock since I built my last great webapp, I got javascript certification in 08 without ever actually needing it before then and couldn't understand why the programing meme group was always saying how hard it was, then I started to learn one of the modern frameworks and was completely unaware that es6 changes were now standard and I finally understood why everyone was saying it was difficult. This doesn't really resemble the JS I learned back then, but after watching your video and looking up these things it makes a lot more sense now.
What are those VSCode extensions you’re using for logging in the editor? Actually, it’d be nice if you have a list of recommended extensions in relation to JS and React 🙂
You forgot TypeScript, coming from JavaScript it's the best thing to learn nowadays and it saves a lot of time when developing, helping with type checking, documentation and (last but not least) autocompletion.
I started learning js a few months ago and these 5 things were literally my biggest hurdles until recently. It's ironic that you pointed them out perfectly
Great video! Lately, I've been more disciplined in doing back to basics learning, and totally agree with the points you made. I have found sometimes, with work I would forget to think about some of them following the patterns and pre-existing code. Another one I think I would like to learn about is logging and alerting for your application. Perhaps that topic is more its own topic, but definitely something I would like to learn more about specifically around monitoring and alerting for your applications.
Great list, I would say truthy/falsely checking is another fundamental basic thing that tends to boggle the mind of a lot of people I see learning JS for the first time.
Many people are misunderstanding the concept of promises and async/await. Almost everyone refers to them as "promises or async/await" when in fact, they are both promises but you have 2 different ways of handling those promises. So you have promises in either cases with two ways of handling them: 1. with 'thenables' 2. with async/await which is just syntactic sugar. People should really understand that it's wrong to say "should I use promises or async/await" because they are all promises that willresolve to a value in the future. The difference is how you handle them, via thenable or via async/await. This is where most begineers fail to graps the concept and they get the overcome the state of being a junior and still wrongly refer to these.
I started with C and then javascript then Data structure & algorithm , after that the speed at which I understand inner details increased exponentially.
As a lead developer, I can confidently agree that asynchronous code is probably the most important concept to grasp when learning JS. Also, learn Array.reduce() like the back of your hand. Will literally save you many lines of code.
Prefer for loops over reduce. Both read the same, but for loops doesn't create a performance time complexity for no reason. Plus it can be easily refactored to for..of for (async) iterators and generators when you need it.
Is there a specific extension you're using that's flagging the errors in the document rather than just the terminal? Looks really useful. Example is 5:04 where it's saying 'invalid URL'
If you guys don't have anything good for him, don't say anything bad. he is just sharing his knowledge and guiding you. I liked what he mentioned in this video.
I just started out and I love watching these type of videos. Today, right now, I only kinda know what your talking about, but I know that in a few months when I re-watch this, I'll be taking notes frantically and get right into practicing. 😄 Honestly, one of the things that attracted me to coding was the fact that I'll never be able to learn EVERYTHING. There will always be new things to discover and new problems that will no doubt drive me crazy and have me spend hours (days? More?) looking for a solution. I'm just sad that I have to waste time at my day job (where I feel like I've reached the final level and have nowhere left to climb) 😫😫
I like this guy. Seems like an actual subject matter expert, which is rare. After years in test engineering I’m trying to broaden my scope and really understand the language I’m using daily (trust me you can be a great QA Engineer and not really know how it’s working). Anyway, a shocking number of YT channels seem to have no evidence they’ve ever coded anything, and just make videos about vaguely what to learn (hTmL cSs aNd reaCT gUys) and then a lot more videos on career advice and how much money they make 😂 I’m convinced at least a couple of them have never coded at all and just used TH-cam tricks to make a channel about it. I respect the hustle I guess but it’s really not helpful. Anyway thanks, even in this quick high level summary you gave code examples so I’ll definitely be subbing and going through this channel’s backlog
The error handling section made me appreciate how much hand holding TypeScript does in this regard. I don't have to worry about most of the things he is talking about when using TS.
There are lots of built in array methods, string methods etc but are there many built in object methods ? Example maybe a method that automatically restructured an object and turns the key value pair values into separate objects? Etc
2:00 is correct in what the effect is, but for the wrong reasons. In JS, you're not working with objects, but with object references. So when you compare them with == it does exactly what makes sense, it compares the references, not the object that they refer to. It's the same as comparing two pointers in C/C++, it's just that JS variables being pointers is implicit,
LISTEN TO THIS MAN'S ADVICE!!!!! I'm a react dev & I can't stress enough that how important these topics are.
Glad you agree :)
Could any tell if I should do react in typescript, I am just starting. Please guide me
@@jayantjagtap2976 you can start using JS, learn TS with it if you can. Or if you are comfortable in TS then you can write in TS.
@@swaniketchowdhury I find react with typescript better with type checks but the thing is o cannot find more material to read. And my project is complex keeping the future scope in mind I started the project in react typescript. I want to know your thoughts if I should switch to React in plain js or typescript.
I am from Karnataka India and looking for job in software development. I have completed engineering n have knowledge in JavaScript, node and Android studio. I can share resume. I am in need of job, can someone please help me?
1. Equality
2. Asynchronous Js
3. Error Handling
4. Es6 Syntax
5. Array Methods
Thankyou 👍
1. diff between == and ===
2. solved in typescript
3. solved in typescript
4. just standard syntaxes used everywhere
5. map,find,filter,push,pop on arrays
just copypasted description - true programmer
@@vadymstepovyk5435 so grateful :))
@@flashdoom king
Hands down best video on "JavaScript need to knows" I've ever seen. Great job covering the the stuff that people tend to forget are industry standard.
Wow. Thank you :)
A JavaScript crash course for 2021 would be dope - you’re the most well-spoken JavaScripters I’ve come across.
Andrei Neagoe
Akshay saini
th-cam.com/video/t-ea0WJKib8/w-d-xo.html
I like how you mention items people need to know when learning. I am learning and find people staying too simple, not adequate explaining, or being extremely complex. You are in the middle where many of us need help. I will be watching for your crash course.
2 years on how are you doing?
It's a PERFECT video to someone who's already in touch with JS, but very confusing for a beginner.
Hahahahha right
Totally agree
Dude looks like he's been coding instead of sleeping.
var x = (...n) => {console.log(n[0])};
Hmm, I sleep about 8 hours a night but I get lots of these comments. IDK why I don't look like I'm sleeping but i promise I am lol
@@JamesQQuick good! :)
@@JamesQQuick do you drink water, take cold showers ,exercise. Those would probably help
@@JamesQQuick then you need a skincare routine
I think a part two would be warranted covering:
1. Objects and how inheritance works
2. JavaScript's class syntactical sugar
3. Protected and private class properties and methods
4. How to implement OOP and functional programming with JavaScript
Yes to this!
No one sane uses classes. If you want classes, use Java :-p
Prototype inheritance and hooks are all by sane human needs in their life.
05:47 - ES6 or ES2015, not ES2005(For new developers).
lol I was wondering if anyone else heard that
I was looking for this comment lol
@@dilln2158 I was shook.
Simple mistake, its not like he said ES25000BC
this man just returned from the javascript badlands holy shit r u ok my man
Damn...yes, I'm fine. Very healthy and plenty of sleep. Don't know why my eyes look red and puffy on camera
@@JamesQQuick I think it's the lighting of your room, combined with a cool light temperature on your camera light / monitor...
Omg, you made my day with this comment 🤣🤣🤣
I'm a professional developer, and I agree with all of this, especially making use async/await. One thing I would add is to start using Typescript sooner than later.
Yes! 100%! A lot of this video seemed to be about problems that don't exist in typescript.
... We knew it was (in most/many cases) better back in early 2000 (with other Web languages), it's just as much/even more so today.
Agreed. TypeScript made JavaScript tolerable.
I just don't get this idiotic trend towards loose typed languages.
How is typescript related to Javascript and what are its uses? Sorry I'm quite new to programming.
@@ciuee TypeScript is a compiled version of JavaScript. TypeScript adds type syntax to JavaScript, which is used to prevent errors such as assigning a number to a string variable.
Interesting, I was just reading a report where the principal developer behind Svelte says TypeScript is “not worth it” for developing libraries. Instead, interface types are declared using JSDoc annotations.
Man... this video turned waaaay more useful than I thought. As someone who writes JavaScript but doesn't have a clue what they are doing...this is solid advice.
Please make this crash course of those 5 concepts a reality! 🙏
Oooh I like that idea!
Yes please
@Lowkey Loki you are hilarious, 😹😹
@Lowkey Loki I've been going through that all week. Fairly confident in my concepts of vanilla JS then bam the moment I start learning jquery...🤯🤯🤯🤯🤯🤯
@Lowkey Loki good move. Makes the the transition a lot smoother
being a programmer isn’t stressful!
- james, 21 years old
😂
True 😚I love it
it is not stressful ? you joking or its sarcasm
He's only 21. Dude looked at least 25. Being a programmer is definitely stressful
Ooooohh I see what you did there 😹
The bags under yours eyes really sell the “I’m a JavaScript developer” message. Joking, but awesome video. Thank you.
I am on my 6th month in college for web dev and javascript has been allot to take in, I absolutely love watching your videos when I'm stuck on assignments. You explain things very well! Thank you for doing these videos! Your awesome 🙂
just take a bootcamp lol
I've been programming since I was 10. I've been doing it for a living for 27 years. I've done projects in most major languages. I wrote a single page app with vanilla JS about 10 years ago. I've been writing a new SPA with VueJS for the past couple of months. This is a really good list for beginning JS programmers.
can u plz help me?
crash course would be great 💯and seeing how the pieces fit together visually would be very helpful!
who are the people disliking this video?!
everything is explained simple and straight to the point! very important topics to understand as a JS dev.
Understanding 'this' and 'prototypal inheritance' are two important topics to consider as well.
Very good channel. No Bs. No frills. No delays. Very quick easy efficient digest of information.
Hi James, I'm new to JavaScript, but not programming. Most TH-cam tutorials are for beginners with very basic explanations of what variables are, why we need them etc. That's great for the beginners who need it, but not the best use time for me (and probably many others). I'm looking for more 'developer's wisdom' type of videos such as this one. I'm looking forward to your crash course video(s), especially if it contains some lessons of what you learned (the hard way) from experience. Thanks for this excellent video!! ...........Liked and subscribed
th-cam.com/video/t-ea0WJKib8/w-d-xo.html
Did you get a job ?
I thought i knew everything about JavaScript, after watching your video i realized i was right. :)
I would like to see a crash course on these topics please. Thank you James!
Agree
I can't stop using [array methods] since I started but sometimes it can be a bad habit. Array methods cannot be broken out of so be mindful with big datasets or searching. Great video!
Knowing how pass by reference and pass by value work in javascript is also important, it's basically how primitives vs objects are treated. And not just async / await, the event loop in general, this will introduce stuff like requestAnimationFrame in browsers and process.tick in Node. The best thing is the ability to write javascript that is easy to read. It's very hard to make sure everyone can read your code. This will introduce linters and beautifiers to beginners. Finally, I also suggest everyone to switch to typescript because it's a better superset and there isn't really a reason not to.
Agree on the pass by reference vs value question. Especially with arrays it can be non-obvious to the beginner. Some Array methods create new arrays, others modify the array in place. This leads to statements that look strange like arr2 = arr1.concat(); Why would you concatenate arr1 with nothing? Well, this is how you crate a copy of an array.
There is no pass by reference in JS, only pass by value. If you were passing in by reference, you could change when the reference is pointing to, like you can in C, but you can't. You are passing a reference by value, which is different from passing by reference.
Thank you for this awesome summary. It really gets to the heart of what constitutes a comprehensive JS programming skillset, and provides an excellent perspective. Yes I would most certainly follow a course that you put together on these 5 topics
Asynchronous JS and Error Handling are the most important things that will level up your coding - I would have also added testing. I think everything else is superfluous
this is so important for interviews. u must know this 5! thank you for ur help
I'd add to the list Callbacks + Prototype & Prototypal Inheritance, which both of them relate to knowing Objects in JS. Those are ones that are most used and can be a bit hard to grasp for beginners.
Afterwards try applying basic principles like DRY and KISS.
Cheers!
Thank you so much for this video! I have been living under a rock since I built my last great webapp, I got javascript certification in 08 without ever actually needing it before then and couldn't understand why the programing meme group was always saying how hard it was, then I started to learn one of the modern frameworks and was completely unaware that es6 changes were now standard and I finally understood why everyone was saying it was difficult. This doesn't really resemble the JS I learned back then, but after watching your video and looking up these things it makes a lot more sense now.
What are those VSCode extensions you’re using for logging in the editor?
Actually, it’d be nice if you have a list of recommended extensions in relation to JS and React 🙂
He is using quokka and try es6 es7 snippets
best thing about internet is that you get stuff like this video for absolutely free!! what a wonderful video and how nicely explained
You forgot TypeScript, coming from JavaScript it's the best thing to learn nowadays and it saves a lot of time when developing, helping with type checking, documentation and (last but not least) autocompletion.
I started learning js a few months ago and these 5 things were literally my biggest hurdles until recently. It's ironic that you pointed them out perfectly
Glad it was relevant for you :)
You are gift that keeps on giving. Thanks James
Thank you this was very helpful because I'm just getting started and now I have a bigger picture in my head. Thanks again.
yes, i love a hands on js course please.
what is that extension you use which shows you the output on the line of the code eg: 7:02 when it showed the output of console.log?
Yeah, it will be so cool to make this crash course about those 5 concepts! ❤😄
I'm learning for 2 months only and it feels so good to hear familiar stuff finally.
Yayyyy
I really want to know, which plugin you're using to see real-time errors and console outputs.
quokkajs
And what is that fancy looking editor? Is that Babel?
Thanks! I’ve learning JavaScript for one week now :)
@Laura W Andersen thank you, good luck to you too!
I think this is important.
And since you cannot really tell what I mean by "this", that's what you need to learn.
thank you. finally someone said it.
Thank you so much, I´m starting in Javascript and with this useful videos show us how to start in a pretty accurate learning path.
My JavaScript is *very* rusty! This is super helpful to get back into .js shape. Thank you!
Great video! Lately, I've been more disciplined in doing back to basics learning, and totally agree with the points you made. I have found sometimes, with work I would forget to think about some of them following the patterns and pre-existing code. Another one I think I would like to learn about is logging and alerting for your application. Perhaps that topic is more its own topic, but definitely something I would like to learn more about specifically around monitoring and alerting for your applications.
Agree , especially with the array methods. They are very confusing in the beginning but are so helpful once you get good.
Great list, I would say truthy/falsely checking is another fundamental basic thing that tends to boggle the mind of a lot of people I see learning JS for the first time.
Many people are misunderstanding the concept of promises and async/await. Almost everyone refers to them as "promises or async/await" when in fact, they are both promises but you have 2 different ways of handling those promises. So you have promises in either cases with two ways of handling them: 1. with 'thenables' 2. with async/await which is just syntactic sugar. People should really understand that it's wrong to say "should I use promises or async/await" because they are all promises that willresolve to a value in the future. The difference is how you handle them, via thenable or via async/await. This is where most begineers fail to graps the concept and they get the overcome the state of being a junior and still wrongly refer to these.
I started with C and then javascript then Data structure & algorithm , after that the speed at which I understand inner details increased exponentially.
Of course. Fundamentals first is the correct route.
totally agree. Now I need polish my javascript again. thank you!
It looks like you're crying! don't be sad my dude, there are people out there coding in C
I still code in C, that speed is stupid good.
C is good. C is good.
C is life
lol not crying. For some reason my eyes look red and puffy on camera.
Needs must, my guy.
These five are definitely very important. Good video!
I am literally learning Asynchronous programming now.
function yes{return new Promises();
}
oh man promise are quick to forget
I am asynchronously programming a literal!
As a lead developer, I can confidently agree that asynchronous code is probably the most important concept to grasp when learning JS. Also, learn Array.reduce() like the back of your hand. Will literally save you many lines of code.
Prefer for loops over reduce. Both read the same, but for loops doesn't create a performance time complexity for no reason. Plus it can be easily refactored to for..of for (async) iterators and generators when you need it.
The funniest entrance you have done ever 😂
haha thanks!
Great video! The way your phrased interconnected ideas was great!
Yesss!!! Please do the course! And if you can talk about Objects and the This keyword, also using those array methods with objects.
Thank you!!
Writing these down ✍️
Also I would be interested in this becoming a tutorial 😀
Awesome video! Count me in for your crash course !
0:03
When the errors fix themselves after 4 hours of debugging
Over a year ago and still the best advice I've gotten
Some code examples while you speak of each idea would be helpful
Thank you for the short version!
Omw to the array playlist.
Use typescript and the video it solves most of the problems 👌
Agreed! Everybody have to stop strugling with JS. Learn Typescript, and thats all.
Is there a specific extension you're using that's flagging the errors in the document rather than just the terminal? Looks really useful. Example is 5:04 where it's saying 'invalid URL'
It's probably the Quokka extension. It's great!!
thank you for video , you should sleep moore
Yes, I would love to see your crash course😁
Do vanilla async projects for beginners like movie search API
That's a great example!
@@JamesQQuick please do this project
Arrow functions and Anonymous functions are really good to know when learning React
Sir... Really big thanks for your help... You are the best teacher...
Great video!! Crash course for all these topics - awesome idea!!
If you guys don't have anything good for him, don't say anything bad. he is just sharing his knowledge and guiding you. I liked what he mentioned in this video.
this keyword is important too. Knowing the scope helps a lot when debugging
How do you show the object value printed inline like you did when logging out the destructuring example?
I just started out and I love watching these type of videos. Today, right now, I only kinda know what your talking about, but I know that in a few months when I re-watch this, I'll be taking notes frantically and get right into practicing. 😄 Honestly, one of the things that attracted me to coding was the fact that I'll never be able to learn EVERYTHING. There will always be new things to discover and new problems that will no doubt drive me crazy and have me spend hours (days? More?) looking for a solution. I'm just sad that I have to waste time at my day job (where I feel like I've reached the final level and have nowhere left to climb) 😫😫
5:47, miss landing you said ES2005 and is ES2015. Great video.
glad to see you have some videos on some of these topics
Started working more with javascript, this video has been a great help.
Great work! Async should be first on the list (IMHO). Cheers!
What extension do you use to show the results directly in the coding window without execute it?????
New to Javascript, and programing at all. Subbed!
I like this guy. Seems like an actual subject matter expert, which is rare. After years in test engineering I’m trying to broaden my scope and really understand the language I’m using daily (trust me you can be a great QA Engineer and not really know how it’s working).
Anyway, a shocking number of YT channels seem to have no evidence they’ve ever coded anything, and just make videos about vaguely what to learn (hTmL cSs aNd reaCT gUys) and then a lot more videos on career advice and how much money they make 😂
I’m convinced at least a couple of them have never coded at all and just used TH-cam tricks to make a channel about it. I respect the hustle I guess but it’s really not helpful.
Anyway thanks, even in this quick high level summary you gave code examples so I’ll definitely be subbing and going through this channel’s backlog
Hi. What is the name of extension that shows you results of console.log etc in code panel?
4:14 one concept for why I see functions declared as "const =" instead of "function ..." ???
Love the Space Jam poster 🤘🏾
Your channel is awesome dude. Watching from Brazil. Thank you!
Yes! A crash course tackling these subjects, Awesome!
awesome tutorial. You are a good man, Charlie Brown!
What's the extension name you use to display the output next to the written line, Please ?!!
You came up on my yesterday, and this is the second video of yours I've watched. You're spot on. Subscribed!
A crash course would be great 👍 🙌🏻
You got a like and subscription just for saying that the async/await is your prefered synthax :)
The error handling section made me appreciate how much hand holding TypeScript does in this regard. I don't have to worry about most of the things he is talking about when using TS.
There are lots of built in array methods, string methods etc but are there many built in object methods ? Example maybe a method that automatically restructured an object and turns the key value pair values into separate objects? Etc
I'm starting out with JavaScript after coming from courses in C#, HTML and CSS, I would love a crash course!
Great video... what is the name of your vscode plugin?
2:00 is correct in what the effect is, but for the wrong reasons. In JS, you're not working with objects, but with object references. So when you compare them with == it does exactly what makes sense, it compares the references, not the object that they refer to. It's the same as comparing two pointers in C/C++, it's just that JS variables being pointers is implicit,
Good stuff and thanks a lot for great explanation!
Your videos are soo underrated! Thank you for your content!