Learn Java Script Training from the Best Tutors
Search in
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.
Related Questions
Now ask question in any of the 1000+ Categories, and get Answers from Tutors and Trainers on UrbanPro.com
Ask a QuestionRecommended Articles
Top 6 Skills Required to Become a Web Designer
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...
Make a Career as a BPO Professional
Business Process outsourcing (BPO) services can be considered as a kind of outsourcing which involves subletting of specific functions associated with any business to a third party service provider. BPO is usually administered as a cost-saving procedure for functions which an organization needs but does not rely upon to...
Make a Career in Mobile Application Programming
Almost all of us, inside the pocket, bag or on the table have a mobile phone, out of which 90% of us have a smartphone. The technology is advancing rapidly. When it comes to mobile phones, people today want much more than just making phone calls and playing games on the go. People now want instant access to all their business...
Why Should you Become an IT Consultant
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...
Looking for Java Script Training classes?
Learn from the Best Tutors on UrbanPro
Are you a Tutor or Training Institute?
Join UrbanPro Today to find students near youThe best tutors for Java Script Training Classes are on UrbanPro
The best Tutors for Java Script Training Classes are on UrbanPro