UrbanPro

Learn Java Script Training from the Best Tutors

  • Affordable fees
  • 1-1 or Group class
  • Flexible Timings
  • Verified Tutors

Search in

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

Asked by Last Modified  

Follow 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

Related Questions

Some basic program bass of java and how it work?
JavaScript (Lightweight & loosely typed client-side Scripting Language which needs interpreter) is entirely different from Java (Programming Language which needs compilation)
Shekhar
Want to learn javascript jquery and angular with live demo
Yes you can join me, i will provide you teaching with real life example,
Sandeep
0 0
7
Which language has the best future prospects: Python, Java, or JavaScript?
According to me, "Python" is the programming language having the best future prospect considering the current industry trend. Reason: Python is extensively used in advanced technologies such as Machine...
Atharva
0 0
5

What is an Array?

An array is a collection of (same or different type of) items.In Java and C#, etc., the elements inside the array should be of the same type (e.g. ) while in languages like JavaScript and Python. The elements can be different types also(e.g. )
M

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

Ask a Question

Related Lessons

Web Technology Tutorial
Web Technology has 2 category Front End (HTML,CSS,JS Etc) Back End/Server Side (PHP,JSP,ASP,ROR Etc) Front End technologies are - HTML, CSS, Bootstrap, Javascript, jQuery etc. Using front end...


How can everyone prepare to clear any Java interview?
Java interview your java should be much strong then J2EE. core java and Advance java is the basic foundation for Interview. Some of the topic about which you should know before going for a java interview...

Inversion of Control
Problem You have classes that have dependencies on services or components whose concrete type is specified at design time. In this example, ClassA has dependencies on ServiceA and ServiceB. Figure 1 illustrates...

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....

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 >

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...

Read full article >

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...

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 >

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 you
X

Looking for Java Script Training Classes?

The best tutors for Java Script Training Classes are on UrbanPro

  • Select the best Tutor
  • Book & Attend a Free Demo
  • Pay and start Learning

Learn Java Script Training with the Best Tutors

The best Tutors for Java Script Training Classes are on UrbanPro

This website uses cookies

We use cookies to improve user experience. Choose what cookies you allow us to use. You can read more about our Cookie Policy in our Privacy Policy

Accept All
Decline All

UrbanPro.com is India's largest network of most trusted tutors and institutes. Over 55 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 7.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