[Roadmap] Learn Modern Javascript With Udacity
4 Months ago I was accepted to Google Udacity Scholarship Program. It was amazing experience. During this time, I wanted to be useful to the community, so I contributed as possible as I can. And It’s time to share them to everyone.
My Original Post
I decided to create roadmap for learning modern javascript and dedicated myself to overview every course related to JavaScript on Udaciy. It’s great experience for me. I believe it would be better roadmap with community’s contributions and feedbacks.
I would like to start with a question that’s reason why I did create this roadmap.
How important is Javascript for Modern Front-end Development?
I think, JavaScript is the core technology for Modern Front-end Development. Without JavaScript, we can’t talk about modern front-end. So it’s essential to know JavaScript very well.
AJAX, SPA, Service Worker, Indexed DB, API Development, PWA etc all related to JavaScript. I don’t want to dive deep for this but I’m sure everyone is okay with that. (If you don’t think that javascript is not core tech for Modern Front-end, I’m happy to hear your thoughts about it)
This roadmap (nano roadmap) that only focus javascript related topics, nothing else. In this way we’ll focus on JavaScript more than others. You can think this as component based learning. Our component is only JavaScript for this roadmap, in this way we’ll keep our learning experience simple and straight (KISS), so it’s hard to get lost.
Good front-end developers know html/css with enough JQuery, great ones understand javascript deeply.
How This Roadmap Works?
This roadmap is based on Udacity courses that’s available to take for free but I’ll strengthen it with additional resources. Please don’t forget to contribute and give feedback.
I’ve created a mindmap on coggle.it. You can see the big picture with that.
If you want to keep track your workflow, you can check Trello board template I made for you
You can copy board and use it for yourself. It’s same for coggle.
0 — A Brief History of JavaScript
1 — Intro to JavaScript
Additional Resources
https://javabrains.io/courses/corejs_jsfordev/
2- ES6 — JavaScript Improved
When we talk about modern JS, we can’t ignore ES6. If you finished Google Mobile Web Specialist Challenge Course, You’ve already taken this course.
3 — JavaScript and the DOM
This course is really so valuable. I learnt a lot. If you just use libraries to handle DOM such as JQuery, or don’t even know what DOM is, and how to handle browser events with vanilla JS. This course is great for you.
For example, have you heard monitorEvents() method before?
Did you know that Web API is not in JavaScript Core but it’s very important if you want to be powerful Frontend Developer.
Additional Resources
JavaScript DOM Tutorial
4 — Object-Oriented JavaScript
Udacity has two OOP JavaScript courses.
I’ve taken second one before and to be honest I didn’t like it, first one is newer and IMHO, easier to understand however doesn’t include advanced OOP part.
Here we need to fill this gap with additional resources and I need your help!
Additional Resources
Pong in JavaScript (using ES6)
5 — JavaScript Testing
This course might be great course for starter however it’s not modern and you’ll need additional resources for sure.
Dear @Udacity, we need more updated and detailed course for Testing!
Additional Resources
6 — JavaScript Design Patterns
I’m sure this course will teach you so much. IMHO this course is turning point for devs that wants to be real ninja.
7 — JavaScript Promises
Additional Resources
JavaScript Promises for Dummies
promisejs.org
8 — Asynchronous JavaScript
This course includes everything you need for Asynchronous Javascript,
- Ajax with Fetch
- Ajax with jQuery
- Ajax with Fetch
Additional Resources
Asynchronous Programming with JavaScript
@dorijan11lfpvv’s contribution, Thank you!
9 — Front End Frameworks
Do you want to choose a framework to learn, first take this course!