- Videos
- Courses
- Practice
The Two Different Sides of JavaScript
Did you know that there are two different sides to JavaScript? There’s the programming side and then there’s the browser interactivity – and they involve different concepts!
Check out the video to learn more.
JavaScript for the Front-end Intro
In this video, you will learn:
- the differences between jQuery, JavaScript and the front-end JS frameworks
- the key concepts and interactions that websites have
- what to learn first
Free Courses
Intro to jQuery – Udacity
Good introduction to jQuery – all of the videos are accompanied by a quiz after to make sure you understand the concepts. It includes how to select elements, DOM manipulation and event listeners.
jQuery and AJAX for Beginners – Udemy
This is a great free course on Udemy that introduces you to all the key concepts of making an interactive website with jQuery – from DOM manipulation to AJAX calls.
HTML/JS: Making webpages interactive with jQuery – Khan Academy
This Khan Academy course has clear explanations, and the split screen shows you how the code changes reflect visually. It also has great challenges to help put what you learn into practice. It covers most of the key topics you need to know on jQuery.
HTML/JS: Making webpages interactive – Khan Academy
Plain Javascript version of the jQuery course.
You Might Not Need jQuery
A great resource showing you how jQuery and JavaScript code translate to each other.
Lynda Courses
These Lynda courses offer a great mix of theory and practical knowledge. Not only will you learn how to do things but also why they work. Lynda offers a free 1-month trial, and many libraries also offer free access, so check your local library website!
jQuery Essentials Training
JavaScript for Designers
Practice Exercises
Rithm School Intermediate JavaScript Part 2
This course focuses on jQuery and AJAX, and has plenty of exercises for you to test your knowledge along with solutions.
W3School jQuery Exercises
You can even practice your vanilla JS by repeating the exercises by using only plain JavaScript.
W3School jQuery Quiz
Test your HTML knowledge with their quiz!
Project Ideas
Beginner Javascript Projects – JSBeginners
Start here if you want to build your own JavaScript projects from scratch.
You can even download the project files to have a starting point (You just need to delete the JS file first).
You can build all of these projects in jQuery, vanilla Javascript or a JavaScript framework.
Yes, it’ll be overkill to use a framework for some of the very easy projects, but hey, that’s how we learn!
After, you can tackle the intermediate projects.