true

Find the best tutors and institutes for Java Script Training

Find Best Java Script Training classes

Please select a Category.

Please select a Locality.

No matching category found.

No matching Locality found.

Outside India?

Search for topics

If you had 3 months to learn JavaScript, how would you do it?

Asked by Last Modified  

IT Courses/Java Script Training

Follow 1
Answer

1 Answer

Please enter your answer

Three months for a newbie with "0" knowledge of JS. Here we go:(Note: Since your question says on JS, I'm considering you are good with HTML and CSS. Keeping responsive design away from this answer.)Month 1:Week 1:1. Understand what JS is used for. What I'll miss if skipped using JS on my website or... read more

Three months for a newbie with "0" knowledge of JS. Here we go:
(Note: Since your question says on JS, I'm considering you are good with HTML and CSS. Keeping responsive design away from this answer.)
Month 1:
Week 1:
1. Understand what JS is used for. What I'll miss if skipped using JS on my website or application.
2. Why do they call it client-side language?
3. Why is logic so necessary in JS (or any other programming language for that matter)?
4. Say "Hello World" using nothing more than an alert box (don't bother thinking beyond yet).
5. Understand what a "Variable" is, why can't I write my values what they are supposed to be.
6. Understand what data-types are and why they are so important (boolean, null, undefined, String etc.).
7. How to use inline JS, JS tag and <script> tag to include our JS with HTML page.

Week 2:
1. Understand conditional statements (if-else, switch-case)
2. Apply conditional statements in "Hello {variable-value}"
3. Understand for loop
4. Apply for loop in "Hello {loop-increment-variable}"
5. Understand for-each
6. Apply for-each loop in "Hello {value-variable}"
7. Understand functions to "return" some value
8. Apply return in "Hello {function-returned-value}"

Week 3:
1. How to call a function from HTML
2. Understand events, what they are and why they are useful.
3. Understand HTML elements (button, checkbox, radio, combo etc.) and how to get their values using JS and show them in an alert box.
4. Use HTML elements value, apply some conditional statements (e.g. if combo box value is "x" or selected index is "y", show something in alert box).

[Enough for week 3]
Week 4:
1. Create one HTML form (let's say registration form for social media app, like FB).
2. On "Submit" (or call any button which appears at the bottom of the page) button click, call a JS function. Apply some logic and show user's data in an alert box.
3. Get familiar with jQuery [imp].
[Enough for week 4]
[From here on, a breakup is every month]

Month 2:
1. Use the same registration form, get the data and this time go beyond the alert box. Learn how to set HTML elements' values using JS (e.g. span, para etc.). Show the data in another div after the form in the same page (don't bother redirecting to another URL for now).
2. Understand form validations.
3. Understand event bubbling and propagation.
4. Understand cookies and how to use them.
5. Learn what MVC (Model, View, Controller) is, it's value in any project and try to apply it in your registration form with form validation.
6. Learn what an API is. Don't worry, you don't have to write it but use it to get data from the server.
7. Try with some free API (there are many, google will tell you), call it and show it's data in an alert box.
8. Learn what AJAX is, it's usage and how to implement it.
9. Setup your local server (localhost. Google XAMP and rest you'll be told. It's easy!), put some XML / JSON file there and try to load it using AJAX call.
10. Learn how to use AJAX's success and failure events.
11. [SERVER SIDE CODE REQUIRED] If you've successfully set up your localhost (considering XAMP to get PHP work on that), get some necessary code of Php which returns some hard-coded value. Try calling that Php from your JS and show fetched data in the alert box (or in some form, by now you know how to display it in HTML element).
12. [SERVER SIDE CODE REQUIRED] If you can get a decent code which gets values from DB, try your hands with that now. If everything goes well, by the end of this month, you will be done with integrating your client-side application with a server, sending your data in parameters and showing fetched data on UI without refreshing the page, KUDOS!!!

Month 3:
1. Time to break all the barriers. Try creating something on your own. Browse through google search (or any other) API which is free to use. Get Data, render your page, clone elements (div, span, p etc.), put your data in those elements, format it using CSS.
2. Try playing with multiple data holder elements. Browse jQuery plugins, take any complicated control (e.g. data grid). Fetch data from the server, render the grid control dynamically and display your data in there.
3. Try using jQuery pagination control. Again hit some API which returns you loads of data and tries fitting your data with pagination control.
4. Try your hands on your custom control. Start with creating as simple as a checkbox and proceed towards difficulties like combo or table.
Time-Over!!!
The syllabus mentioned above is a high-level idea of how to get JS in 3 months. But I'm sure if you follow this, whatever I left will anyway come across your path. Write back for any further details.
Happy JS.

read less
Comments

Now ask question in any of the 1000+ Categories, and get Answers from Tutors and Trainers on UrbanPro.com

Ask a Question

Related Lessons

JavaScript Arrow Function
Javascript Arrow Functions : JavaScript ES6 is a type or version which let us provide a way to write javascript syntax in a better way. ES6 version is having a feature or new method to use functions...

Abhay | 19 May

0 1
0

JavaScript Arrow Function.
Javascript Arrow Functions : JavaScript ES6 is a type or version which let us provide a way to write javascript syntax on a better way. ES6 version is having a feature or new method to use functions...

Ajay | 16 May

1 0
0

Advantage of Node.js over Angularjs
i. Nodejs helps a user to develop scalable network applications. It delivers efficiency along with with event-driven, non-blocking I/O model, which has been proved ideal for real-time data-intensive applications....

Suprio Dutta | 20/05/2019

0 0
0

Recommended Articles

Here are the top 6 must have skills for every Web Designer : Technical Skills Web designers undoubtedly require very strong technical skills. They must have hands on using Web designing software and tools, such as Adobe Dreamweaver, Fireworks, Photoshop, Flash etc. In addition to the knowledge of design...

Read full article >

Hadoop is a framework which has been developed for organizing and analysing big chunks of data for a business. Suppose you have a file larger than your system s storage capacity and you can t store it. Hadoop helps in storing bigger files than what could be stored on one particular server. You can therefore store very,...

Read full article >

Information technology consultancy or Information technology consulting is a specialized field in which one can set their focus on providing advisory services to business firms on finding ways to use innovations in information technology to further their business and meet the objectives of the business. Not only does...

Read full article >

Microsoft Excel is an electronic spreadsheet tool which is commonly used for financial and statistical data processing. It has been developed by Microsoft and forms a major component of the widely used Microsoft Office. From individual users to the top IT companies, Excel is used worldwide. Excel is one of the most important...

Read full article >

Looking for Java Script Training classes?

Find best Java Script Training classes in your locality on UrbanPro.

Are you a Tutor or Training Institute?

Join UrbanPro Today to find students near you
X

Looking for Java Script Training Classes?

Find best tutors for Java Script Training Classes by posting a requirement.

  • Post a learning requirement
  • Get customized responses
  • Compare and select the best

Looking for Java Script Training Classes?

Find best Java Script Training Classes in your locality on UrbanPro

Post your learning requirement

UrbanPro.com is India's largest network of most trusted tutors and institutes. Over 25 lakh students rely on UrbanPro.com, to fulfill their learning requirements across 1,000+ categories. Using UrbanPro.com, parents, and students can compare multiple Tutors and Institutes and choose the one that best suits their requirements. More than 6.5 lakh verified Tutors and Institutes are helping millions of students every day and growing their tutoring business on UrbanPro.com. Whether you are looking for a tutor to learn mathematics, a German language trainer to brush up your German language skills or an institute to upgrade your IT skills, we have got the best selection of Tutors and Training Institutes for you. Read more