Interactivity with JavaScript

Learning Paths Series: Javascript

I'm starting a little series of good learning resources that I encountered. Each article will be dedicated to certain technology and divided into 4 categories:

1. General - resources that should accompany you through the whole learning process.
2. Beginner - Your entry point. The first stages into that world.
3. Intermediate
4. Advanced

There are many resources out there. This is an opinionated list of selected ones, meaning, these are resources I deem as good or important for learning, and I hope most of you would be able to learn better using this guide.

Disclaimer: I'm not affiliated with any of the resources and am not about to receive any type of compensation for including any of them here. This is an objective guide.

General:

1. The Coding Train - YouTube Channel, good to follow, he touches many topics and is fun to watch as well as educational and informative.
2. CodeSandbox - Online IDE for Rapid Web Development
3. JSFiddle - Code Playground
4. awesome-javascript - A collection of awesome browser-side JavaScript libraries, resources, and shiny things. You can find neat gems here.
5. r/learnjavascript - you know what it is
6. r/javascript - this too...
7. Modern JavaScript Tutorial: - simple, but detailed explanations with examples and tasks
8. Stack Overflow Javascript - Stack Overflow forum javascript tag
9. CodePen - An online code editor, learning environment, and community
10. WebStorm - An IDE by JetBrains. The one I personally use.

​

Beginner:

Both courses are good entry point courses. You can choose one or do both if you wish to practice more.

1. The Complete JavaScript Course 2020: Build Real Projects! - A Udemy Course
2. Interactivity with JavaScript - A Coursera Course

​

Intermediate:

Various coding games and challenges can be played and practiced at the beginner stage as well. It depends on your level of programming maturity. It's not a must resource but a nice addition. If you come from another language you would probably want to check it at the beginner stage of Javascript. If this is your first language, you might wish to develop some programming maturity first.

1. JavaScript: The Advanced Concepts - Udemy Course
2. CodinGame - Coding Games and Programming Challenges to Code Better. Practice what you learn.
3. Programming JavaScript Applications - A great book with a deep dive.
4. JavaScript (ES2015+) Enlightenment - In depth JS tutorials.

​

Advanced:

1. Learning Javascript Design Patterns - Free Online book
2. Project Euler - A website dedicated to the fascinating world of mathematics and programming. High-level riddles.

​

Some advice:

Couple Javascript with CSS + HTML so you'll be able to start playing with it and see nice results. Do a quick scan of some HTML tags and CSS, just enough to be able to build small things.

Practicing is super important, start practicing at the beginner stage. The coding game challenges can be approached then, and if it's too much for you, then practice on what you learned. Tweak it, tune it, play with the material, and don't be afraid to break stuff.

Devote the needed time! There are no shortcuts. There's no magic. I'm not a believer in super-learning or fast-reading. Make sure you know how to implement before jumping to the next topic.

Distribute your learning and practice across the weak. 1 hour every day is better than 10 hours every Sunday.

​

Good luck to all the Javascript learners.

This is a great opportunity for beginners to learn the basics.

​

If you're trying to get into programming, I suggest you check out Andrew Ng's course on coursera (it's free, but I have an account)

https://www.coursera.org/learn/javascript/

There are a lot of resources out there, but the one that I've found most helpful is "How to Think Like a Computer Scientist."

​

If you are looking to dive into coding concepts and have the math knowledge to do that, I suggest you check out the Andrew Ng course, it's the most comprehensive resource for learning JS.

​

And in this course, you can even do some really basic stuff like making your own programs, creating your own games, etc.

​

If you have a strong background in programming, I recommend you check out "JavaScript Basics and Basics of Programming with Python."

​

It's really easy to get going without any prior programming knowledge, and it gives you a lot of exercises that you can practice while you learn to be productive with the language.

​

And the course on coursera is really great, you can check out it right here:

https://www.coursera.org/learn/javascript/

​

I've also been working with this website that has some really useful exercises you can do.

​

And if you are looking for something more advanced, I suggest you check out "Learning JavaScript as a Programmer" by Eric Matthes.

​

Also, if you want to work on something more complicated, I suggest you check out "JavaScript Cheat Sheet: A Quick Guide."

​

I also posted a short video about it a while back, and it was really helpful.

​

Check it out and let me know if you have any questions :)

As a noob to another, i could only afford free sources, so i will share the ones i used.

Are you well versed with HTML and CSS while you start JS?

https://www.w3schools.com/js/default.asp - Intro level

javascript.info - intermediate to advanced

https://developer.mozilla.org/en-US/docs/Web/JavaScript - advanced,exhaustive detail

Youtube - find all of Brad Traversy free videos, very very useful

I found several free courses out there too

Udemy - basics of JS https://www.udemy.com/course/programming-for-entrepreneurs-javascript/

Coursera - Go to course page, click on "Enroll" button, and find the link to "Audit" course. You get access to course materials free

https://www.coursera.org/learn/javascript?specialization=web-design

https://www.coursera.org/learn/duke-programming-web