With over 15 hours of training, exercises, and challenges, it’s the most comprehensive jQuery course. Learn how to create dynamic and interactive web content with ease using jQuery.
About This Video
With over 15 hours of training, exercises, and challenges, it’s the most comprehensive jQuery course. Learn how to create dynamic and interactive web content with ease using jQuery.
About This Video
In Detail
jQuery is still the most popular JavaScript library available; in fact, over 19 million websites use it and it’s used in almost 5,000 libraries. jQuery Knowledge should be part of any front-end developer’s skill set and it’s a natural choice for anyone who is familiar with CSS and JavaScript. jQuery provides web developers with an easy way to create interactions with web pages.
This course has everything you need in order to use add jQuery to your skills as a web developer! Inside the course, you will build a color guessing game, form exercise, YouTube API AJAX data application, combo lock game, and much more. You will be amazed at how easy it can be to do so much. Best of all, jQuery syntax just makes sense.
This course will help in adding jQuery, traversing and selecting elements with jQuery, looking at page manipulations and interaction, and understanding et triggers, page triggers, and more. You will see class and styling with jQuery, forms with jQuery, and look at jQuery page animations. Finally, you will see AJAX and JSON integrating with jQuery.
By the end of this course, you will have learned about jQuery from scratch and be confident to start creating amazing web applications using jQuery.
Audience
This course is for anyone who wants to learn how to use jQuery and web developers looking to expand their programming skills. JavaScript programmers and front-end developers will also get a lot of benefits from this course.
Knowledge of HTML, CSS, and JavaScript is strongly recommended along with some programming background. Understanding web technologies and how websites work is a plus but not mandatory.
Chapter 1 : Introduction to jQuery
jQuery Course Introduction
Introduction to jQuery
Development Environment Setup
First jQuery File
jQuery Versus JavaScript
Chapter 2 : Getting Started with jQuery
jQuery Ready
Do You Need jQuery
Update HTML and Text Made Easy
Chapter 3 : Element Selection and Traversing
Images and Attributes
Selectors and Updating Multiple Items
Form Elements Selection
Selection by Order jQuery
More Selection
Multiple Element Selections
jQuery Making it Interactive
Selection Filtering and Fine Tuning
jQuery Advanced Filtering
Introduction to Traversing
jQuery Traverse the Elements
Element Siblings
Chapter 4 : Exercise Mini Project Lock Game
jQuery Exercise Lock Combo Guess
Combo Lock Project Intro
Create Interactive Elements
Apply Game Logic
Check Guess Values
Combo Lock Project Review
Chapter 5 : Exercise Mini Project Multiple Step Screen
Simple jQuery Exercise
Traversing the Elements
More Ways to Select Elements
Final Project Tweaks
Chapter 6 : Exercise Form Validation Project
Form Validation Project
Form Input Check
Form Tweaks and Overview
Form Complete Project
Chapter 7 : Exercise Color Guessing Game
Color Match Game Introduction
Color Guess Game Introduction
Build Gameplay Area
Just Add Color
Events for Dynamic Elements
Build in Game Logic
Tweaks and Adjustments
Better Gameplay Overview
Chapter 8 : jQuery Next Steps - Focus on Forms
jQuery Working with Forms
jQuery Do Even More with Forms
Next Steps with Forms
Chapter 9 : Making Interactive Elements
jQuery Events
Keyboard Events jQuery
Browser Events jQuery.
Chapter 10 : Page Manipulation and Content Updates
Hide Show Toggle
Page Content Updater
Before and After
Using jQuery Empty
HasClass Check Exercise Debugging
Back to Forms jQuery
jQuery Forms and Events
Remove Attribute
jQuery Placeholder Image Generator
jQuery Page Manipulation Classes
jQuery Form Error Classes
Window and Document Information
Popup Image Using jQuery
More jQuery Dimensions
Chapter 11 : jQuery Effects and Animations
jQuery Slide Animation
jQuery Fade Animation
jQuery Animate Effect
jQuery Animate Even More
jQuery Animate Advanced
jQuery Animate Exercise
jQuery Utilities Explored
Chapter 12 : AJAX with jQuery Get Data Connect with APIs
jQuery AJAX JSON
jQuery Load Data
jQuery Load More Data
jQuery Load Details
jQuery AJAX
jQuery, AJAX, and JSON
shorthand get and getJSON
Web APIs AJAX
More Random Images Each
More APIs More AJAX
AJAX jQuery Post Data
jQuery AJAX Post
Connect More Web APIs
Chapter 13 : jQuery AJAX YouTube API Application
Introduction YouTube API
Web Application Setup
Get YouTube Developer Key
Bring in jQuery AJAX
Loop Each Returned Video
Use JSON Feed Data
Output Results from API
Customize Results for API
Tweaks and Updates
Customize Code jQuery
Chapter 14 : jQuery Whack-a-Mole Exercise
jQuery Whack-a-Mole Introduction
HTML Page Setup
Get Coding jQuery
Build Dynamic Gameboard
Just Add Styling
Moles Keep Moving
Tweak and Update Code
Whack that Mole
Add that Whack
Source Code Review
Chapter 15 : Memory Game Project
Memory Game Project Introduction
Web Developer Setup
HTML and CSS Setup
Build Game Board Start Game
Build Gameboard
Randomize Array Contents
Flip the Cards
Apply Gameplay
Reset Cards to Back
Game Over Bug Fix
Memory Game Code Review
Chapter 16 : jQuery Image Carousel Component Rotate Images with jQuery/JavaScript/HTML/CSS
Image Carousel Project with jQuery Coding Introduction What to Expect
How to Get Started to Write Code for This Section Setup of HTML and JS Files
How to Create a Placeholder Array of Images to Use with Coding in Practice Code
How to Generate Random Color Code Values with JavaScript and jQuery
Applying Styling CSS to Page Elements to Create Image Carousel with jQuery
How to Add and Remove Classes from Elements Using jQuery Code
How to Add Option Control Buttons to jQuery Image Carousel
How to Set Up Intervals for Automatic Slider Rotation Source Code
jQuery Image Carousel Project Code Review and Debugging
jQuery List Item Select Coding Example with eq and nthChild
Chapter 17 : jQuery Resources Course Conclusion
jQuery Conclusion