Some valid reasons why you should learn JavaScript
Currently used by 94.5% websites
Wide range of applications including mobile and desktop devices
Most in-demand language
{ 2 / 20 }



{ 2 / 20 }
Here's a crash course of JavaScript by Freecodecamp.
Crash courses are just for quick look. Don't just stop learning after it. Keep exploring things by your own
{ 3 / 20 }
Crash courses are just for quick look. Don't just stop learning after it. Keep exploring things by your own
{ 3 / 20 }
First things first, interesting part about JavaScript is that you can start writing it directly in your browser.
Few simple steps:
- Open your browser
- Right click anywhere
- Inspect
- A window will come
- From the top navigation bar, go to console
- Start writing
{ 4 / 20 }
Few simple steps:
- Open your browser
- Right click anywhere
- Inspect
- A window will come
- From the top navigation bar, go to console
- Start writing
{ 4 / 20 }
JavaScript is a vast language but the basic principles are same here as well. In the beginning you need to learn some basic concepts.
Let's see what are these concepts
{ 5 / 20 }
Let's see what are these concepts

{ 5 / 20 }
This is great website and here you'll find a proper syllabus of JavaScript
https://javascript.info/
{ 6 / 20 }

{ 6 / 20 }
Start with the basics of JavaScript or we can say basic of any programming language
- Print statement
- Data types and variables
- Basic operators
- Logical operators
- Comparisons
- Loops and statements
These all are pretty basic stuff in any programming language
{ 7 / 20 }
- Print statement
- Data types and variables
- Basic operators
- Logical operators
- Comparisons
- Loops and statements
These all are pretty basic stuff in any programming language
{ 7 / 20 }

Variable are nothing but containers for storing data values. You will use them almost 100% in your JavaScript code.
There are three ways to declare a variable using var, let and const keyword
{ 8 / 20 }

These two methods can help you to add interaction using which user can interact with your web page
1. alert()
2. prompt()
{ 9 / 20 }
alert() - display a dialog with an optional message, and to wait until the user dismisses the dialog
prompt() - display a dialog with an optional message prompting the user to input some text, and to wait until the user either submits the text or cancels the dialog
{ 10 / 20 }
prompt() - display a dialog with an optional message prompting the user to input some text, and to wait until the user either submits the text or cancels the dialog
{ 10 / 20 }

Loops are nothing but piece of code that repeats itself on a particular situation whereas conditional statement is a piece of code that runs when particular conditions occurs
Loops:
{ 11 / 20 }
Some intermediate topics that you should cover in JavaScript
- Arrays
- Objects
- Functions
- Arrow function
- Array methods

{ 12 / 20 }
- Arrays
- Objects
- Functions
- Arrow function
- Array methods


{ 12 / 20 }
I think much JavaScript would be good enough before jumping onto DOM manipulation
Basic things you need to cover in DOM
Finding HTML Elements
- getElementsByTagName()
- getElementsById()
- getElementsByClassName()
{ 13 / 20 }
Basic things you need to cover in DOM

- getElementsByTagName()
- getElementsById()
- getElementsByClassName()
{ 13 / 20 }

- element.innerHTML
- element.attribute
-element.style.property
- element.setAttribute(attr, value)

- document.createElement(element)
- document.removeChild(element)
- document.appendChild(element)
{ 14 / 20 }
After learning these basic properties and methods, its time to move onto Evnets and Event Listener
The addEventListener() method attaches an event handler to the specified element.
{ 15 / 20 }
The addEventListener() method attaches an event handler to the specified element.
{ 15 / 20 }
Upto this point you will able to make a fully functional website using JavaScript. But there are always some margin of improvement
Here are some advance key concepts
- Hoisting
- Closures
- Callbacks
- Promises
- Async & Await
- Currying
- And other ES6 feature
{ 16 / 20 }
Here are some advance key concepts
- Hoisting
- Closures
- Callbacks
- Promises
- Async & Await
- Currying
- And other ES6 feature
{ 16 / 20 }
Although you will need an editor as you go further into this field
There are plethora of editors out there. But I would recommend VS Code. Why?
- Many built-in features
- It's fast
- Large community
- IntelliSense code completion and debugging
{ 17 / 20 }
There are plethora of editors out there. But I would recommend VS Code. Why?
- Many built-in features
- It's fast
- Large community
- IntelliSense code completion and debugging
{ 17 / 20 }
Here I compiled 9 website so that you can start learning JavaScript with minimum efforts
https://twitter.com/Prathkum/status/1380418201503272960?s=20
{ 19 / 20 }
https://twitter.com/Prathkum/status/1380418201503272960?s=20
{ 19 / 20 }
I think that's pretty much it for this thread. I hope you like it
Thanks for reading this
*** END ***
Thanks for reading this

*** END ***