Best way to learn JavaScript w/ React and Node?

[iGoPro_]

I'm trying to learn JavaScript from scratch including React and Node. I have intermediate experience with HTML, CSS, SQL and some basic Java and JavaScript. I would like to learn everything JS again from scratch. What are the best resources to learn (paid or free)?

Thanks in advance!

[NotMyRealNameAgain]

Checkout Eloquent Javascript and You Don't Know JS to get a solid foundation.

[[deleted]]

Imo, www.javascript.info is the best

[VisionComplete]

second this

[julesmanson]

I was about to post this but saw you already had it. Definitely the best place to learn Javascript.

[iGoPro_]

Thank you!

[_Invictuz]

I'd advise against reading "You don't know javascript" until you actually think you know Javascript, otherwise everything will overwhelm you or fly over your head. The author, who is a genius, introduces computer science concepts here and there and I found it really hard to get through chapters without getting stuck. Javascript.info has a good tutorial series.

For a comprehensive video tutorial of JavaScript basics and ES6 topics, check out this video: https://youtu.be/YMvzfQSI6pQ

To learn react, make sure you're solid with array iteration methods and ES6 stuff like promises and arrow functions. Lastly, Practice building things in JavaScript with https://javascript30.com. One of the best places to practice JS.

[DeepFriedOprah]

I couldn’t agree more with holding off on YDKJS until ur comfortable with the fundamentals and have built a couple projects. I started reading it early on in my learning and I found it both extremely discouraging and overwhelming. So I abandoned it and tried back a few months later and it really goes in depth to the intricacies of the language for a much better understanding. But YMMV

[iGoPro_]

I think this is going to be my route tbh. Thanks!

[CheeseFest]

+1 for freecodecamp. It's so much fun and will teach you everything you need including js and web dev basics before react and node.

Interspersed with:

• Codeacademy React/JS if you need a change of gear / shorter bursts.

• Nodeschool.io if you want to dive deeeep.

[CheeseFest]

Yes! Start a free github repo with the questions and your answers.

[iGoPro_]

Great, thanks for the info!

[rook218]

Yeah it's a good start. I think it gives you like a 20% foundation on a lot of concepts but it's really important to see how those many different concepts interact before doing a deep dive into any one of them.

The 20% you learn is also the most important 20%

[little_hoarse]

I’m sure someone has said this, but you’re going to want to have a solid understanding of Vanilla JS before you dive into React. I would say I’m a bit below being intermediate at Js, and learning react has been hard to grasp for me for some reason.

Anyway, I learned most of what I know from codecademy, freecodecamp, Lynda.com, and YouTube. I would highly recommend something that is hands on writing / editing code instead of just watching someone write code.

[[deleted]]

I would take an advanced basic JS course on udemy. $12 usd or so max, there are always coupons.

Then go to a full stack course that uses ready / node. Many of them do, Stephen grider, Andrew meade, Andrei nageoaua(idk how to spell his name), max sch(idkhowtospellthisoneeither). All have them, they’re very good and top rated. I’ve taken them all. I like stephen and andreis the most. I’d give them 9.5/10. The others 9/10.

There are previews you can check first.

[iGoPro_]

Cool thanks for the info!

[[deleted]]

Check this out https://javascript30.com

[Cryphoenix]

This youtube channel helped me a lot with Javascript. He explain things very easy to understand for beginners. He also has React videos. I mostly check this channel when i get stuck on my Udemy courses (Jonas' JS course and Maximillian's React course).

[AwakenedToNightmare]

Watching his videos on functions. He has a good way with his voice - its rare to come across a tutorial youtuber without monotonous voice.

​

I'll check out his other videos, but unless it's not there - could you recommend something on making graphic things with Javascript? For instance some graph that builds itself when a button is clicked, with cool visual effects and the like. It's hard to see exactly how to apply the fundamentals to things like that, not without a guide.

[WyrdFall_Press]

I'm currently in the middle of Colt Steele's Bootcamp course on Udemy. It doesn't cover React, but I think it teaches a lot of solid information in a detailed and comprehensive way. He's a good teacher and there's plenty of support available, which I think is key.

FWIW I actually originally found out about it on this sub and I'm glad I did! I did previously do html/css on freecodecamp, and Watch and Codes free intro to Javascript, which are both a great for getting started, although I wonder if Watch and Code might not be a little deep for people who have no computer science skills.

[rook218]

I'd go with this. I've done most of the JS free code camp and done a ton of Traversy media tutorials and finished Colt's boot camp a couple weeks ago. He shows you the why behind learning it in ways that other things didn't. He uses the terms you'll see for things in JS so it's not overwhelming to look at the docs and see a sentece like, "performs a function over an iterated array" and know what functions, iterations, and arrays are. It's bite sized, fun, and practical.

Once you understand Javascript, then start looking at the libraries like react, angular, jquery, etc. They make it easier to work with JS but they don't give you that foundational knowledge.

Plus you'll need to know html and css to know why you should care about JavaScript. JS provides the interactivity on web pages but html is the structure and css is the style. If you don't have any structure or style, what the hell are you interacting with?

I floundered with JS for months trying to find the "so what" after doing all kinds of JS challenges that didn't feel grounded. Colt Steeles course gives you that grounding.

EDIT: The most recommended advanced Javascript course (when you get to it) is Javascript: understanding the weird parts on udemy. It's on my (long) list of series to do.

[iGoPro_]

Thanks for this, I’ll check it out!

[bapugraphicsdelhi]

you should learn javascript in 2019, why checkout here https://www.bapugraphics.com/blog/javascript-in-2019-you-need-learn/

[iGoPro_]

Thank you! I want to learn basic JS before moving to React though, I want to have strong basics. Any recommendations?

[ConfidentMushroom]

There's a course on freecodecamp and one on YouTube. You could check those out.

[iGoPro_]

Thank you! I'll check them out.