DEV Community 👩‍💻👨‍💻

Cover image for If I were to restart JavaScript again from scratch then I will follow this roadmap.
Ankur Tyagi
Ankur Tyagi

Posted on • Updated on

If I were to restart JavaScript again from scratch then I will follow this roadmap.

Every time I work in a new JavaScript framework I learn a bit more about JavaScript Fundamentals.

Every time I work in a new JavaScript framework I learn a bit more about JavaScript Fundamentals.

If I were to restart Javascript again from scratch then I will follow this roadmap.

A Thread... pic.twitter.com/LptUXS7jui

— Ankur💻🎧💪 (@TheAnkurTyagi) October 6, 2021

If I were to restart Javascript again from scratch then I will follow this roadmap.

It is worth noting that as a beginner in the subject, much of the learner’s interest lies in the hands of the tutor.

An inefficient tutor can pretty quickly lead to the learner losing interest in the subject.

This can have implications for your career growth.

JavaScript basic steps:

  • What is JavaScript?
  • Declaring JavaScript Variables: var, let, and const
  • Basic math in JavaScript — Numbers and operators
  • JavaScript syntax
  • ES6 let VS const variables
  • Arrays, Data Types, Strings
  • Conditionals & Looping code
  • Object basics
  • this
  • Objects and Classes
  • Functions & Scope
  • Functions — Reusable blocks of code
  • Function return values
  • Arrow Functions
  • Reference vs. Copy
  • Inheritance in JavaScript
  • Working with JSON data
  • JavaScript Dates
  • JavaScript Timers
  • DOM & Events
  • Asynchronous JavaScript From Callbacks to Promises, to Async/Await.
  • JavaScript Event Loop
  • UI Events
  • Forms, controls
  • Document and resource loading

Advanced Topics:

  • Functional Programming in JS
  • Advanced Working With Functions
  • Closures
  • Regular Expressions
  • Unicode in JS
  • Object prototypes
  • Storing data in the browser
  • ES6 Modules
  • Object building practice

What many JavaScript students make mistake is that they keep on reading JavaScript tutorials one by one, and do not implement any of them.

Time to build more projects:

A Simple and Effective Way to Learn and Practice JavaScript:

JavaScript runs over the web today, no doubt & for every front-end developer, no matter if already experienced or at the start of your career.

Frameworks come and go, but JavaScript will stay Forever.

Projects You Can Build With Vanilla JavaScript.

If you are going for your next interview then I encourage you to check my blog where I shared

12 Common JavaScript Questions I Used to Ask in Interviews:

If you like this.

I encourage you all to sign up for my newsletter.

It's free.
You can ask me your questions via email.

Check out the latest edition ⬇

The 2-1-1 Developer Growth Newsletter by Ankur

Thanks for reading.

If you’re a regular reader, thank you, you’re a big part of the reason I’ve been able to share my life/career experiences with you.

"Don't miss out" Follow your mentor on Twitter 👉 TheAnkurTyagi

If you like this you might be you are interested in my eBook as well.

I have written a book for developer growth & shared my 12+ years of experience.

Awesome feedback I received from the community. Check out the book below.

Grab the book now... ThePrimeGuide

book.png

In the end,

I would say the better you understand why and how JavaScript works and doesn’t work.

The more solid your code will be...
The more you’ll be able to effectively harness the true power of the language...

Happy coding.

Top comments (44)

Collapse
 
sakko profile image
SaKKo

I love how you arranged everything.
People have different ways to learn.
It's all about learning and not stoping.

Happy coding

Collapse
 
tyaga001 profile image
Ankur Tyagi Author

Thank you

Collapse
 
damiisdandy profile image
damilola jerugba

😂😂😂😂 this comment section is filled with people that have no idea what abstraction is.

I get it’s painful to see that you spent thousands of dollars on a degree and people only watching a $10 course and reads some dev articles is considered on the same playing fields as you… but commooonn a degree is just a sheet of paper to try and prove that you have knowledge on something, it doesn’t automatically mean you truly have knowledge on that subject 🙂.

Self taught or not, even you with a degree most of your knowledge is gotten from you reading personally.

So please stop the gate keeping and reduce the toxicity. ✨🌈

Collapse
 
johnnymccodes profile image
johnnymccodes

abstraction is when you just use typescript, right?

Collapse
 
damiisdandy profile image
damilola jerugba

Hehehe, just went to your profile you really love typescript, and nah abstraction isn’t just typescript

Collapse
 
damiisdandy profile image
damilola jerugba

My roadmap to JavaScript was so weird, I knew Python then a learnt ReactJS 🤡, as time went by I became well versed in JavaScript and now have a job writing it.

Collapse
 
vijayst profile image
Vijay Thirugnanam

JavaScript is really difficult to learn because there is so much to learn. All of that is not required to build a web app. As an integrator who puts together a web app using various libraries and frameworks, I don't see a need to learn all the nuances. Yes, I flunk interviews. But I have developed and am maintaining a robust source code that other developers can understand, if needed. So, learn JavaScript the way you want to. There is no recommended path that I can think of.

Collapse
 
z2lai profile image
z2lai

I think you got too many "fundamentals" in your list. The fundamental concepts that need "understanding" in order to develop anything should be pass-by-reference vs pass-by-value, lexical scope, execution context (hoisting and this), and asynchronous JS/event loop. The rest of your list is just learning syntax or working with specific APIs which you can learn about when you need to use it.

Collapse
 
glowkeeper profile image
Steve Huckle

clickbait article

Collapse
 
lluismf profile image
Lluís Josep Martínez

As many others.

Collapse
 
fbolaji profile image
Francis.B

To be honest this is the exact road map most programming languages will take you through.. as you get involve in more and complex javascript applications or projects, you will learn to apply different aspects of javascript you will need to resolve design and architectural flow of the project. In my opinion after learning and understand how javascript works and interact with html, css and etc. I will suggest that you learn modular, class and prototype patterns very well before diving into frameworks.

Collapse
 
ihtesham_haider profile image
Ihtesham Haider

Thanks 👍🏼😊

Collapse
 
noorblch profile image
Noor Baloch

I love this article. wpdigitalservices.com

Collapse
 
johnnymccodes profile image
johnnymccodes

TYYYYYYYYPE

SCRIIIIIIIIIIIIPT

Collapse
 
egotr profile image
nghialv

Why don't you mention TypeScript dude ?

Collapse
 
tonyedgal profile image
Tony Edgal

@peter_brown_cc2f497ac1175
Mr fundamentals and cs degree.
It's funny how you read and gave this article engagements without addressing a big problem with this roadmap.
Objects, this and classes before functions and scopes.

I guess you've been too busy looking for unimportant things like people with no cs degree.

@tyaga001 I personally think learning methods before basic function is borderline mentally suicidal.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

This post blew up on DEV in 2020:

js visualized

🚀⚙️ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳

Happy coding!