This blog is inspired by the Tweet by Pratham
For more amazing content do follow him on Twitter.
Now let's dive into the blog:
First and foremost, it's a programming language so you should know about basic programming concepts:
- Control statements
- And other basic stuff....
If you know programming beforehand and have some experience in any programming language like C, C++, Java, Python etc. then this should not be hard for you.
But you can start with the ZERO knowledge as well.
- callbacks, promises, etc...
You need to cover some intermediate topics so that you can add behaviour to your website. They are
- Arrays and their methods
- Arrow function
These will help you to work with DOM.
Let's talk about DOM a little bit. It stands for Document Object Model.
Consider it as a tree that comprises the content of a particular web page (HTML)
Here is a simple example:
Don't get confused here. DOM is not a programming language it's just a model using which we can access and modify HTML elements.
Basic things you need to cover in DOM
Just one last thing and then you will be able to make fully-fledged websites.
After learning these basic properties and methods, its time to move onto Events and Event Listener
addEventListener() method attaches an event handler to the specified element.
Here are some advanced key concepts
- Async & Await
- And other ES6,ES7 features
Project-based learning is the best. Here are some practice projects you can build
Do follow Pratham if you liked this content and let me know if you want more such blogs about Web Development.