Ads

How To Learn Javascript | Complete Roadmap Of Javascript

How To Learn Javascript

Today in this article we cover four mager topics related to Javascript:
  1. Javascript baisc introduction
  2. All Javascript Topic in a sequence
  3. Free resources for learning Javascript 
  4. Projects for Practice
In this article i explain every single word which is required to became master in javascript.

Javascript Basic Introduction:

Javascript is a Object Oriented scripting programming language.The first ever javascript created by Brendan Eich .Javascript is a lightweight ,cross platform ,intrepreted compiler programming language.You don't need any special idr or editor for it ,open nodepad and Just write code and saved in html file and run any browser.For learning Javascript you dont need any special IT background or computer science degree.just with some html (For learning About HTML Click here) and css(For learning About CSS Click here) knowledge You can learn Javascript yourself .Even you dont need any tutor For this you just need a internet connection and a laptop even you can used your phone but i prefer laptop.
First version of Jvascript created Brendan Eich in 1995.After became ECMA standard in 1997.Leter day by day version updated.ECMAScript version name's are ES1,ES2,ES3,ES4,ES5,ES6.
Later 2016 version named with year like ECMAScript 2016/2017/2018.

Javascript uses:

As day by day improvement in browser's thats why javascript gained more popularity.Javascript used for differend purposes.Like web developemnt (javascript used for both front end and backend there are many frameworks and libraries for them for example for front end react ,angular vue etc and for backend nodeJS) with single language you can develop a complete project, it can also used for mobile development because its a cross platform for this you used react native and easily develop apps for both android and iphones, there is also framework for developming desktop applications its name is Electron.
its also used for gaming, IOT,for server application and creating Api's .
Any newbie can learn Javascript.Because it is very easy language.Just take a break and again start learning.
Here i will tell you a full list of topics and suggest some tutorials By following these steps you will master web development in no days.

All Javascript Topic In a Sequence:

There is a lot stuff in Javascript Almost Every beginner feel overwhelmed about JavaScript.Main question in his mind is where he learn JavaScript and How much he need to Learn JavaScript.Now i explaneed everey single topic in JavaScript which You need to cover in a beginner level.just copy the name of topic and search about it and then practice it and try to changing init.
We divided learning in two major part first in beginner and second is advanced.First clear begineer topic after practice follow second advanced part.

Beginner Level:

  • introduction, Set Invironment (internal,external, in body)
  • Syntax, Comments, version's
  • Variable, Let, Const
  • Data types, Scope
  • Functions, Objects
  • Events, Strings
  • Numbers, Arrays
  • operator, booleans
  • Assignment, Arithmetic operator
  • Logical and conditional operator
  • relational and bitwise operator
  • Comma and unary operator
  • Conditions,switch and Break
  • Loops (For, in, of,While,do while )
  • Hoisting and All Math functions
  • type of and type conversion
  • Sets and maps 
  • iterables and All date functions
  • Regular Expression and Errors handlings
  • Strict mode and this keyword
  • Arrow function and classes intro
  • debugging and reserved keywords

Advanced Part:

  • ES6 and OOPs
  • Javascript prototype 
  • Dom cover topic in 
  • Bom  cover topic in
  • Async  cover topic in
  • Apis  cover topic in
  • Ajax  cover topic in
  • Json  cover topic in
  • promises 
  • state-based Ui
  • ES Modules
  • JS testing
  • Service Workers
  • browser storage
  • closure
  • currying
  • generators
  • callbackss
  • await
  • intro to jquery or any other library of Javascript

Free Resources For learning HTML:

Here I provide two types resources first view video and go any website but prefair w3school view and edit thats topic code and try changing in this code.

Article form tutorial:

Video Tutorial:

Projects for Practice :

After learning these topic You should develop a small project.Because programming is 10% learning and 90% implementation.if you dont practice then you forget after some days.Vanilla Javascript is the back bone of Javascript .ones You become master in Javascript then you can learn any library.here i will suggenst some projects .after completing these topics you will master in vanilla Javascript.

  • Clock with hours minute seconds
  • Make calculater with JS
  • Tic Tac Toe game
  • Guess the color game
  • a Landing page
  • E-commerce website 
  • Any Social site like facebook

Tips:

      "Must make three projects for strong griping on concepts"

Also Read:

How To Learn Angular | Complete Path Of Learning Angular

How To Learn React | Complete Roadmap Of Learning React