9 min read
Recently I have focused on chalking out a path about
learning model. Please check it out in the video below. I believe that it will help you to learn the language faster.
Don't forget to SUBSCRIBE for future content.
The video above talks about
We will also get introduced to a community-driven
It is NOT a Paid or Promotional Article.
Alright, let's get started 🚀
The Basics & Syntaxes
To get started, you need to focus on the basics of programming. These are common across most programming languages. So focus on knowing,
What is a variable?
What are values?
What are types(or data types)?
How to work with variables to create output and expressions?
What are operators? How to use them?
What are conditional statements?
What are loops?
What is a function?
Scope and Scope Chain
Also, the object data type can contain the following:
Now start learning these and keep practising! Alright, how about the
syntaxes? Don't we have to memorize them? The syntaxes are the rules and grammar of the language. You get to know them but don't have to memorize them.
At the beginning of this article, I was talking about a
Parameters and Arguments
Functional Execution Context
Function Scope and Scope Chain
Arrow Functions and how does
thiskeyword works with it?
What's Pure function, and what are Side Effects?
What's a Callback function?
What is Recursion?
What are Generator Functions?
In many of my 1-1s and DMs, I get a frequently asked question,
I usually counter questions by asking, Have you seen any application without data? Won't it be a blank application? So if you have to deal with data, you must know how to structure the data based on your application's use case. Hence you have to learn Data Structure!
Exception and Error Handling
Error object for reporting an error using type, message, and stack trace.
What is an exception?
What is an error?
The Error object
Re-throwing an exception
Check out the Exception handling chapter from here:
Object Oriented Programming
After this, learn the followings:
What is Prototype?
Object-oriented programming vs Prototype-based programming
Finally, relate some real-life examples with OOP and build projects.
What are Event Listeners?
How to act based on an Event?
How to prevent the default behaviour of an event?
What are Event propagation and bobbling?
Create elements in the DOM tree.
Add values to the element.
Add styles and attributes to the element.
Update the element in the DOM tree.
Remove elements from the DOM tree.
Traverse the DOM tree.
Understand Event loop, task queue, job queue, and call stack with many examples.
Now is the time to get into Promises. Practice many examples with promises, like resolving, rejecting, and handling errors.
Next, get familiar with the async/await keywords
Practice as much as possible.
Learn about the module scope.
What is Dynamic import?
That's Not All the Topics
Debouncing and Throttling
Debugging is a mix of art and science. The art part helps us get creative at debugging, finding strategies, and getting to the root cause of the issue. The science part is about the tooling.
Libraries and Frameworks
All the best!
THE FINAL WORDS
Note: If you want to contribute to it by adding a chapter/article, you are most welcome to do that to help the community.
Before We End...
Let's connect. I share web development, Content Creation, Open Source, and career tips on these platforms.
Did you find this article valuable?
Support Tapas Adhikary by becoming a sponsor. Any amount is appreciated!