Now maybe you aren’t a web developer (yet), but you would love to be one– how can you start learning jQuery, even if you don’t know HTML/CSS that much, either?
1. Practice creating websites from scratch, without using any WYSIWYG (What You See Is What You Get) web development tools such as Adobe Dreamweaver. We do this for three reasons:
- You will better understand the structure of an HTML document, while being able to start memorizing HTML tags;
- You will learn the skill of always closing your HTML tags, which is probably one of the most important habits any web developer should practice;
- The more you do websites from scratch, the more you practice your HTML/CSS skills–the more you learn about the concepts of what an element is, and how to use selectors.
2. Once you have gotten the hang of creating websites from scratch, the next thing you should do is to understand what the Document Object Model is. It’s likely not a difficult thing for you to understand now that you’ve gotten the hang of creating websites from scratch, because you probably understand the structure of an HTML file by now. Pretty much all of the things you can do with jQuery is based on the concept of the HTML structure.
3. Once you’ve grasped the idea of what the Document Object Model is, now is the time to download the jQuery code from their website.
4. When you’ve downloaded the jQuery code, read through their documentation, and always start from the Hello World! Tutorial. We do this because this helps us get the feel of how to integrate jQuery with our websites. The best way to go around the documentation is to know what it is that you want to do next. Ask yourself, “do I want to learn how to animate stuff on my webpage?”, or, “do I want to add content dynamically?”
5. Once you’ve decided what you want to do next, learn how to create them by trying stuff out! Want to learn jQuery animation? Search around the documentation for functions that would do it. If you get errors, then don’t be discouraged. What’s great is that there are so many resources and examples on the web.