O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The Complete jQuery Course - Beginner to Professional

Video Description

Exercises Included with Source Code. Learn how to create Dynamic and Interactive web content with ease using jQuery

About This Video

  • Learn to add jQuery, traversing and selecting elements with jQuery and page manipulations and DOM interaction.
  • Learn to event triggers page trigger and more, Class and styling with jQuery and Forms with jQuery.

In Detail

This course has everything you need to use add jQuery to your skills as a web developer! Inside the course, you'll build a color guessing game, form exercise, YouTube API AJAX data application, combo lock game and much much more! You will be amazed at how easy it can be to do some much. Best of all jQuery syntax just makes sense!

Go ahead and hit that "take this course" button to start learning the jQuery Today. jQuery is still the most popular JavaScript library available, in fact over 19 Million websites use it and its used in almost 5000 libraries. jQuery Knowledge should be part of any front-end developers skill set and its a natural choice for anyone who is familiar with CSS and JavaScript. jQuery provides web developers and an easy way to create interactions with web pages. Basic understanding of the JavaScript Document Object Model and CSS is suggested as a prerequisite to this course. this course covers everything you need to know in order to start creating amazing web applications using jQuery.

Table of Contents

  1. Chapter 1 : Introduction to jQuery
    1. jQuery Course Introduction 00:04:23
    2. Introduction to jQuery 00:03:51
    3. Development Environment Setup 00:14:35
    4. First jQuery File 00:07:01
    5. jQuery vs JavaScript 00:06:03
  2. Chapter 2 : Getting started with jQuery
    1. jQuery Ready 00:06:41
    2. Do you need jQuery 00:08:31
    3. Update HTML and Text made easy 00:04:26
  3. Chapter 3 : Element Selection and Traversing
    1. Images and Attributes 00:13:04
    2. Selectors and updating multiple items 00:07:56
    3. Form Elements Selection 00:05:30
    4. Selection by Order jQuery 00:07:54
    5. More Selection 00:11:00
    6. Multiple Element Selections 00:02:37
    7. JQuery making it Interactive 00:08:53
    8. Selection Filtering and fine tuning 00:11:27
    9. jQuery Advanced Filtering 00:08:06
    10. Introduction to Traversing 00:08:37
    11. jQuery Traverse the Elements 00:10:02
    12. Element Siblings 00:05:17
  4. Chapter 4 : Exercise Mini Project Lock Game
    1. jQuery Exercise Lock Combo Guess 00:03:08
    2. Combo Lock Project Intro 00:12:44
    3. Create Interactive Elements 00:07:28
    4. Apply Game Logic 00:08:29
    5. Check Guess Values 00:06:00
    6. Combo Lock Project Review 00:06:11
  5. Chapter 5 : Exercise Mini Project Multiple Step Screen
    1. Simple jQuery Exercise 00:09:09
    2. Traversing the Elements 00:10:47
    3. More ways to select Elements 00:08:07
    4. Final Project Tweaks 00:02:20
  6. Chapter 6 : Exercise Form Validation Project
    1. Form Validation Project 00:08:30
    2. Form Input Check 00:08:49
    3. Form Tweaks and Overview 00:04:17
    4. Form Complete Project 00:08:01
  7. Chapter 7 : Exercise Color Guessing Game
    1. Color Match Game Introduction 00:01:37
    2. Color Guess Game Introduction 00:11:03
    3. Build GamePlay Area 00:09:27
    4. Just Add Color 00:06:00
    5. Events for Dynamic Elements 00:09:28
    6. Build in Game Logic 00:09:52
    7. Tweaks and Adjustments 00:07:22
    8. Better GamePlay Overview 00:05:39
  8. Chapter 8 : jQuery Next Steps focus on Forms
    1. jQuery working with Forms 00:07:30
    2. jQuery Do even more with Forms 00:14:04
    3. Next Steps with Forms 00:02:25
  9. Chapter 9 : Making Interactive Elements
    1. jQuery Events 00:08:20
    2. KeyBoard Events jQuery 00:11:05
    3. Browser Events jQuery. 00:03:39
  10. Chapter 10 : Page Manipulation and Content Updates
    1. Hide Show Toggle 00:08:47
    2. Page Content Updater 00:04:07
    3. Before and After 00:05:30
    4. Using jQuery Empty 00:02:14
    5. HasClass Check Exercise debugging 00:17:37
    6. Back to Forms jQuery 00:19:13
    7. jQuery Forms and Events 00:13:54
    8. Remove Attribute 00:03:17
    9. jQuery Placeholder Image Generator 00:17:16
    10. jQuery Page Manipulation Classes 00:04:59
    11. jQuery Form Error Classes 00:07:58
    12. Window and Document Info. 00:05:00
    13. Popup Image using jQuery 00:08:56
    14. More jQuery Dimensions 00:07:23
  11. Chapter 11 : jQuery Effects and Animations
    1. jQuery Slide Animation 00:09:05
    2. jQuery Fade Animation 00:08:02
    3. jQuery Animate Effect 00:10:52
    4. jQuery Animate Even More 00:07:39
    5. jQuery Animate Advanced 00:12:46
    6. jQuery Animate Exercise 00:08:47
    7. jQuery Utilities Explored 00:06:00
  12. Chapter 12 : AJAX with jQuery get data connect with APIs
    1. jQuery AJAX JSON 00:06:21
    2. jQuery Load Data 00:08:52
    3. jQuery Load More Data 00:04:36
    4. jQuery Load Details 00:06:25
    5. jQuery ajax 00:08:26
    6. jQuery AJAX and JSON 00:07:20
    7. shorthand get and getJSON 00:05:26
    8. Web APIs AJAX 00:08:10
    9. More random Images each 00:05:35
    10. More APIs more AJAX 00:04:54
    11. AJAX jQuery Post Data 00:06:55
    12. jQuery ajax post 00:03:50
    13. Connect more web APIs 00:08:25
  13. Chapter 13 : jQuery AJAX YouTube API application
    1. Introduction YouTube API 00:02:50
    2. web application setup 00:04:16
    3. Get YouTube Developer Key 00:04:02
    4. Bring in jQuery AJAX 00:06:20
    5. Loop each Returned Video 00:05:31
    6. Use JSON feed data 00:09:48
    7. Output Results from API. 00:03:47
    8. Customize Results for API 00:06:49
    9. Tweaks and Updates 00:05:37
    10. Customize Code jQuery 00:15:40
  14. Chapter 14 : jQuery WackaMole Exercise
    1. jQuery Wack a Mole Introduction 00:01:36
    2. HTML page Setup 00:03:14
    3. Get Coding jQuery 00:06:28
    4. Build Dynamic GameBoard 00:05:44
    5. Just add Styling 00:07:25
    6. Moles Keep Moving 00:09:32
    7. Tweak and Update Code 00:03:46
    8. Wack that Mole 00:05:15
    9. Add that Wac 00:04:01
    10. Source Code Review 00:06:43
  15. Chapter 15 : jQuery Resources Course Conclusion
    1. jQuery Conclusion 00:03:33