I know – these questions are asked a ton on here, but there is rarely a definitive answer. I understand that everyone learns differently, but I was wondering if you could critique my learning plan for this summer. I want to read through the materials for my uni's back end web development course [1], and take a front end class like this [2]. Let me know if these should suffice. I did the absolute basics of html and css last semester and this semester I took a course on the fundamentals of programming in Java [3]. Curious to hear your thoughts.<p>Links:
[1] https://classes.engineering.wustl.edu/cse330/index.php/CSE_330_Online_Textbook_-_Table_of_Contents<p>[2] https://www.udemy.com/the-complete-web-developer-in-2018/?couponCode=DBJUNIOR281<p>[3] https://wustl.app.box.com/s/17s96l72w7fvihn1bz5s7sqiulguazag
I highly recommend reading the book You Don't Know JS [0]<p>It has a Gitbook version too [1]<p>But it is very big but really good that you will understand the depths of JavaScript. So to begin with learn Vanilla JavaScript. Vanilla JavaScript means JavaScript only without any framework.<p>Then try learning ES6(ES2015)/ES7(ES2016) or in generally ESM (EcmaScript Modules). You can learn it by checking the resources below on my personal Github repo.<p>So to summarise, learn Vanilla JS first, then EcmaScript Modules & then choose any framework. If you don't know what to choose, or are confused then I recommend choosing either one of React or Vue, due to both are very easy to start code with.<p>I also made a list of my favourite reads. Remember I read a lot of books & put my favourite on there [2]<p>[0]: <a href="https://github.com/getify/You-Dont-Know-JS" rel="nofollow">https://github.com/getify/You-Dont-Know-JS</a><p>[1]: <a href="https://www.gitbook.com/book/maximdenisov/you-don-t-know-js" rel="nofollow">https://www.gitbook.com/book/maximdenisov/you-don-t-know-js</a><p>[2]: <a href="https://github.com/deadcoder0904/awesome-javascript-reads" rel="nofollow">https://github.com/deadcoder0904/awesome-javascript-reads</a>
Go to freecodecamp.org and complete it. It will take you only one day to get started if you have any prior programming experience.
After that, you will be pointed to different JS projects. Work on them and finish them and tada you know JS.
I would suggest to try freecodecamp.org first.<p>My process, that I considered very successful, was:<p>1. Total focus on freecodecamp.org only, until I complete the first certificate (Front End)<p>2. Start building small, modest projects following tutorials and documentation - I think it is important to build them completely, including making it functional and available, deploying it.<p>Only after that, I went on to read good books like You Don't Know JS and Eloquent JavaScript.<p>I think this worked for me because I learn better coding (freecodecamp.org and codecademy.com's code-on-the-browser style) than reading books or watching videos.
Also because I was focused on learning to get a job as a web developer (I did!).<p>If you think this could a be a good path for you, you can read my post <i>"Learning to code"</i> at my personal blog: <a href="https://rodrigohgpontes.github.io/" rel="nofollow">https://rodrigohgpontes.github.io/</a>
I've been trying to learn a bit more JavaScript myself. I'm an engineer by trade but I've worked on some web applications, so I have some practical experience with JavaScript (for typical front-end as well as with Meteor for full-stack). Despite that practical experience, I didn't feel that I had a solid understanding of JavaScript outside of libraries and frameworks.<p>I'm personally going through Haverbeke's "Eloquent JavaScript" -- both reading the chapters and completing all of the exercises. The 2nd Edition is written with ES5 in mind, the 3rd with ES6. The latter is only available online currently -- a print edition is stated to be in the works.<p>To practice my JavaScript, I joined a couple game jams where I used Phaser to build a couple small games over the course of a couple weekends. It was a mixed bag: I felt that I was learning the nuances of Phaser rather than strengthening my general JavaScript knowledge. I've been trying to replicate the "immersion" experience with JavaScript, though I've only been able to use it for personal projects at home: I can't use it at work (we build our analysis tools in MATLAB or Python, there's little experience in our group in JavaScript, and JavaScript is not typically used in our discipline).<p>[1] <a href="http://eloquentjavascript.net/" rel="nofollow">http://eloquentjavascript.net/</a>
Any plan you follow, make sure you learn the "new" JavaScript syntax, ES2017/ES8. I find every ES release significantly simplifies JavaScript for beginners. So make sure it's _at least_ ES6. ES7 brings little to the table, but ES8 in its new features has async/await which is huge.<p>Shameless plug, I write daily about JavaScript and frontend development topics on my blog <a href="https://flaviocopes.com" rel="nofollow">https://flaviocopes.com</a>, with a very beginner-friendly style.<p>I don't have prepared learning plans _yet_, but I plan to work on that very soon, certainly before this summer, as a way to navigate my tutorials and go from level X to level Y.
I've been doing his React course and it's been very helpful so far. I have no reason to believe his other course aren't just as good:<p><a href="http://wesbos.com/courses/" rel="nofollow">http://wesbos.com/courses/</a><p>NOTE: Some of his courses are paid. The plain JS course is free though. However, I paid for the React course and feel it was very worth it.