What is the best way to learn JavaScript

I am a self-taught Web Developer and I say that the – Best way to learn JavaScript is to learn by yourself. Like any other programming language / web script, the learning process of JavaScript should be started from Beginners level to Intermediate level and then finally the Advanced level.

Biggest Mistake which Developers do:

————————————————————————————————————

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

Students should read one tutorial then implement what the tutorial has taught them, in their own code. This will make them understand the code correctly, otherwise I guarantee they will forget what they just read within the next 30 minutes or before.

Your First JavaScript Tutorial

————————————————————————————————————

Suppose you stated with your First JavaScript Tutorial which displays current date.

The JavaScript Code for this is:

<button type="button"
onclick="alert(Date())">
Click me to display Date and Time.</button>

After reading this tutorial you should implement it on your own computer. Below are the implementation steps you should follow:

1. Create a new web page.
2. Add the button and the onclick event to it.
3. Add the alert to show the date.
4. Run the web page on your browser to test the feature you just created.

Now you know how to do implementation of your code.

Which Editor should I use for JavaScript

————————————————————————————————————

As a beginner you will also ask how to write JavaScript code? You can use your windows notepad, or you can download notepad++ which is a very good editor.

However, the best Editor according to me would be Visual Studio Code which is very lightweight just 45 MB in size, and very-very powerful too. It is totally free of cost and runs on every operating system – windows, linux & mac.

What should be covered on the Beginners level of JavaScript

The topics which you should cover are –

1. JavaScript Syntax - JavaScript Syntax

2. Variables - JavaScript Variables

3. Data Types - JavaScript Data Types

4. Operators - JavaScript Operators

5. Arithmetic Operations - JavaScript Arithmetic

6. Assignment - JavaScript Assignment

7. JS Output - JavaScript Output

8. Objects - JavaScript Objects

9. Loop - Multiple ways to loop through an Array in jQuery JavaScript

10. Break & Continue - JavaScript Break and Continue

Examples of JavaScript Programmes for Beginners

I would also like to list some programmes which Beginners should implement.

1. Create a program where user inputs 2 int values in 2 input boxes and you display the greatest of them on the alert box, when a button is clicked.

2. Create a program where user enters a number in a text box and you should display its table (upto 10) on a div. The table should be created on the button click event. Also prevent user to enter string on the text box (give appropriate error on alert box when input is string).

3. Create a small form for Job Application. It should have 5 fields – name, age, education, address and expected salary. These 5 fields should have HTML controls where user enter his/her information, there should be a button which on clicking shown the user information on a div controls.

4. Finding whether a number is prime number or not.

5. Create a calculator with common function – add, subtract, divide & multiply

What should be covered on the Intermediate level of JavaScript

1. AJAX

a. AJAX Introduction

b. AJAX Database

c. XML Applications

2. Functions

a. Arguments object

b. Arrow functions

c. Default parameters

d. Method definitions

e. Rest parameters

f. getter

g. setter

h. async function

3. Working with Classes

a. class

b. constructor

c. extends

d. static

4. JavaScript Cookies

What should be covered on the Advanced level of JavaScript

When you are on the Advanced level, this means you basically know how to work on JavaScript. In the Advanced level you have to deal with integration of JavaScript with applications created on Python, Ruby, PHP, The Official Microsoft ASP.NET Site etc.

Here your job would be to make features on JavaScript that communicate efficiently with the Server technology like databases, Python, Ruby, PHP, The Official Microsoft ASP.NET Site.

Some examples of advanced features made with JavaScript are:

1. Partially updating parts of a web page from database every few seconds using AJAX.

2. Get and show real time stock prices on the page. You can get the stock price by implementing the API with your JavaScript code.

3. Creating interactive feature in your website so that conversion rates increases. Example can be an autocomplete feature which you can create with JavaSript.

4. External API implementations like TMDB API in your JavaScript and helping users to get details of any movie, actor & series

5. Infinite scroll or auto-paging feature

Conclusion

I only want to point you in the right directly so that you can learn JavaScript efficiently and at the same time you also love this web language.

You will need a good patience to learn JavaScript just like this guy:

 Happy Coding