Biggest Mistake which Developers do:
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.
Suppose you stated with your First JS Tutorial which displays current date.
<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:
- Create a new web page.
- Add the button and the onclick event to it.
- Add the alert to show the date.
- Run the web page on your browser to test the feature you just created.
Now you know how to do implementation of your code.
However, the best Editor according to me would bewhich 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 JS
The topics which you should cover are –
2. Variables –
3. Data Types –
4. Operators –
5. Arithmetic Operations –
6. Assignment –
7. JS Output –
8. Objects –
9. Loop –
10. Break & Continue –
Examples of JS 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 JS
3. Working with Classes
What should be covered on the Advanced level of JS
1. Partially updating parts of a web page from database every few seconds using AJAX.
3. Creating interactive feature in your website so that conversion rates increases. Example can be anfeature which you can create with JS.