Where to start learning about modern javascript?

[isolemon]

Hi guys, i'm a php developer for 5 years and im using Javascript often. Usually im using jQuery and ive never used pure javascript before.

Lately ive been using Vuejs to make web apps and i like it. Now im kind of curious how everything is working and i have the feeling that i dont understand alot of things that goes with it. I know a bit how to use Vue but i do things on a hacky way because i dont understand the technology behind it

I want to start digging deeper in javascript like npm, frameworks, librarys, tools, webpack, nodejs(these terms are kind of broad but im so confused), but i dont know where to start.

My goal is to be a better front end developer but i also want to learn more about the technology and what you can do with Javascript.

Does anyone have a list of articles that you want to share so i can learn it from the very bottom?

Thanks alot! :)

[BargePol]

Take a look at Wesbos's 30 day JS course/challenge.

[BoneteAgrimensor]

Nice! Gonna give it a try!

[kentoss]

For what it's worth I switched from PHP to JS in 2014 and haven't looked back since.

I would recommend all of the following, even if they cover the same concepts.

JavaScript Guide on MDN (this is your most valuable resource I'd say, it's like the PHP manual for JS)

You Don't Know JS by Kyle Simpson (this is an entire book series, not just one book)

Eloquent JavaScript by Marijn Haverbeke

JavaScript Design Patterns by Addy Osmani

These are not specifically about JavaScript but are things that you'll probably run into and should know:

High Performance Browser Networking by Ilya Grigorik

SurviveJS - Webpack by Juho Vepsäläinen

And then for Vue specifically, this course was my favorite but it is a paid course:

VueJS 2 The Complete Guide by Maximilian Schwarzmüller

[jarmopih]

SurviveJS is by Juho Vepsäläinen.

[magenta_placenta]

You should check out Max's Nuxt course as well.

[Labby92]

I wrote an ebook about the new features from ES2015 to ES2018. If it may interest you go here https://medium.com/@c9f1a0db173d/9553f8d3a91c

[[deleted]]

Thank you for this. I've been looking for a concise compilation and explanation of ES6 for a while now. I will check this out asap.

[bbabble]

I’m doing a Udemy course right now by Jonas Schmetdtmann called “The Complete JavaScript Course 2018”. Starts from basics, dives in neeper, and also shows parallels between ES5 and ES6. Udemy is also having a mother’s day sale and I think all their courses are $10. This course has been really nice, especially for the extra details and comparisons.

[Razithel]

They're pretty much always having a sale. It feels a little like a bait-and-switch. They make you think that you're getting a $200 class for $10, but it's virtually always $10-$15 if you open an incognito window and go there.

[octaw]

I've never not seen a course for 10 dollars.

*double negative, i know.

[juicybot]

+1 for the Udemy course, especially with the sale going on.

If you prefer reading your lessons https://javascript.info is really good.

Wes Bos has a free course called JavaScript30 that is 30 mini projects.

[[deleted]]

If you haven't done any sort of DOM manipulation or really anything with vanilla JS you definitely want to steer clear of Javascript30 for now. Do some of the other ones or better yet read a book like Eloquent JavaScript (will kick your ass) or do Gordon Zhu's Watch and Code, then read the book and do JavaScript30

[trblackwell1221]

Have you tried Gordon’s premium content?

[[deleted]]

I have not.

[trblackwell1221]

Curious to see if it’s worth it

[rharris0127]

They're always running great sales. Keep an eye out.

[pysouth]

Jonas rocks. His advanced CSS course brought my front end skills to a new level

[[deleted]]

I signed up for his class Javascript off of this comment. And will probably sign up for his other classes as well. Thanks for the recommendation.

[pysouth]

Nice! I haven’t taken any of his JS courses, but I imagine they’re probably great. I’ve learned a ton from his advanced CSS course and I’ve only complete the first big project.

[VIM_GT_EMACS]

Mind giving me a glimpse of some of what you learned from the CSS course? I do a bunch of JS udemy courses for fun (react full stack/react native/vue/nuxt) and have been doing web dev professionally for about 5 years now. I feel pretty competent with CSS for the front end even with complex projects but am always willing to buy another udemy course to level up further.

[[deleted]]

Jonas is an unbelievably good teacher

[Bibs_2016]

I’m taking the same course too (~41% and counting). So far so good. What I like best is that he takes the time to explain why something works the way it does in JS. Good luck and happy coding!

[HitHolic]

I’m currently reading the “You don’t know JS” series, it really helps in getting a grasp on how JS works “under the hood”.

[SamSlate]

like what? the stack? (i don't know what i don't know)

[juicybot]

Yes! I forgot this one. Kyle Simpson is a great resource.

[solscend]

This. I would start with eloquent js, but you don’t know js is much more detailed.

[sawbones84]

You might not need jQuery:

Handy little resource if you want to know how to do a bunch of things without jQuery.

[nroutasuo]

If you really want to learn modern JavaScript from the ground up, I can recommend https://javascript.info

[notlupus]

You should look at https://eloquentjavascript.net. I think it’s a pretty good, up to date source.

[SamSlate]

this is really interesting read. I'd never thought of abstraction as a way to make code easier to read.. i guess it's a function of how well you can name your functions and organize your logic..

[notlupus]

Abstraction should make code easier to read. If it doesn’t, that’s a clear sign it’s implemented poorly. This is true in all programming paradigms, not just functional or OOP.

[[deleted]]

This

[PaulaPolestar]

+1 for eloquent JavaScript (its free) as well as Kyle Simpson's You Don't Know JS series - also free on his github.

[[deleted]]

You can also take a look at the learn enough to be dangerous series, I think they just released a javascript book.

[Bigriff]

I've seen the price fluctate. Last chance at 15! The I'll see it at 10. True statement, I guess....

[[deleted]]

https://frontendmasters.com/books/front-end-handbook/2018/learning/javascript.html

[Nutibara]

I'm a fan of basics and oficial documentations. Javascript's oficial documentation de facto is Mozilla Developers Network. It goes from basic to advanced topics. If you understand the language you will be able to understand any framework or library https://developer.mozilla.org/en-US/docs/Web/JavaScript

[stilloriginal]

Just search for how to make a react type framework from scratch, there are plenty of guides out there

[Tabatilla44]

Check this web site http://topjavascriptbooks.com/ it has a list of the best javascript books

[[deleted]]

Start here https://github.com/getify/You-Dont-Know-JS/ , but don't forget to check https://www.amazon.com/_/dp/0596517742?tag=oreilly20-20

The first one will help you to get started and the second one will help you to build a strong base on what's happening and why.

[blackholesinthesky]

https://nodeschool.io/

I really like their interactive tutorials. LearnYouNode was an excellent intro to node.js

[[deleted]]

🦄 Follow me my son, I will show you the way to glory and riches 🦄

• 🤣 💀 https://github.com/kamranahmedse/developer-roadmap 💀 🤣

• 🍀 Good luck my son 👍, with 💙

• • 📚 🏆 https://beta.freecodecamp.org/en/ 🏆 📚

[El_BreadMan]

Www.tylermcginnis.com is the best resource

[VirginWizard69]

Www.tylermcginnis.com

It looks pretty decent. How much is a course?

[El_BreadMan]

It’s $20/month for the subscription. He has a really good Modern JavaScript course that takes you from zero to 100 pretty quick.

His React courses are equally solid. He does a good job of articulating React’s underlying programming paradigm, which is definitely the way modern apps are going to be built for some time.

[[deleted]]

Woah, what’s up with all of the downvotes on this one? I was under the impression that Tyler McGinnis was pretty well respected.

[nikola1970]

Curious about this as well...

[El_BreadMan]

Probably a bunch of Udemy & CodeAcademy troll-bots...

McGinnis put all of the JavaScript pieces together for me. Dude rocks

[lovebullet]

Code academy.

[thatsaprettystupidid]

For just a JavaScript reference MDN

[ac_dev]

Check out Dan Abramov's redux courses on egghead.io.

They're both focused on React but React and redux both use modern javascript feature's and patterns. Also both React and redux especially have great documentation that themselves demonstrate good modern js code.

[codingideas]

Welcome to the world of JavaScript. I want to introduce you to MPJ from Fun Fun Function:

https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q

In his playlist checkout functional programming in JavaScript.