Description

Learn about the jQuery library from scratch and stretch your journey from a beginner-level to advanced-level professional with a step-by-step and comprehensive course. A basic understanding of the JavaScript Document Object Model and CSS is suggested as a prerequisite to this course.

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. All the resource files are added to the GitHub repository at: https://github.com/PacktPublishing/The-Complete-jQuery-Course---Beginner-to-Professional-

What You Will Learn

Set up and start using jQuery and look at simple element manipulation
Apply jQuery coding to applications and benefit from the ease of jQuery
Use the power of jQuery in their projects
Learn to add jQuery, traverse, and select elements with jQuery
Update element content, append and prepend content
Look at class and styling with jQuery and forms with 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.

Approach

This course helps you go from beginner to extremely high-level with highly practical examples, and your instructor will complete each project with you step by step on-screen with the source code provided.

The instructor will share tips and tricks to start creating your own amazing applications throughout the course's progress.

Key Features

A highly practical, comprehensive course of over 15+ hours on jQuery from scratch * Gain the confidence to build dynamic and interactive websites using jQuery * Build mini-projects such as Lock Game, Multiple Step Screen, Memory Game, Color Guessing Game, and more

Github Repo

https://github.com/PacktPublishing/The-Complete-jQuery-Course---Beginner-to-Professional-

About the Author

Laurence Svekis

Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.

Course Outline

1. Introduction to jQuery

1. jQuery Course Introduction

This video provides an overview of the course and covers a brief idea about jQuery.

2. Introduction to jQuery

This video provides an introduction to jQuery.

3. Development Environment Setup

This video demonstrates the development environment setup.

4. First jQuery File

This video talks about the first jQuery file.

5. jQuery Versus JavaScript

This video talks about the difference between jQuery and JavaScript.

2. Getting Started with jQuery

1. jQuery Ready

This video helps you get started with jQuery.

2. Do You Need jQuery

This video explains why you need jQuery.

3. Update HTML and Text Made Easy

This video explains how to update HTML and how text is made easy with jQuery.

3. Element Selection and Traversing

1. Images and Attributes

This video explains about images and attributes.

2. Selectors and Updating Multiple Items

This video explains selectors and updating multiple items.

3. Form Elements Selection

This video explains about the form elements selection.

4. Selection by Order jQuery

This video explains how to do selection by order jQuery.

5. More Selection

This video explains about more selection.

6. Multiple Element Selections

This video explains about multiple element selections.

7. jQuery Making it Interactive

This video explains how jQuery makes websites interactive.

8. Selection Filtering and Fine Tuning

This video explains about the selection filtering and fine tuning.

9. jQuery Advanced Filtering

This video explains jQuery advanced filtering.

10. Introduction to Traversing

This video provides an introduction to traversing.

11. jQuery Traverse the Elements

This video talks about jQuery traversing the elements.

12. Element Siblings

This video explains element siblings.

4. Exercise Mini Project Lock Game

1. jQuery Exercise Lock Combo Guess

This video demonstrates what you will be making in this jQuery exercise lock combo guess.

2. Combo Lock Project Intro

This video provides an introduction to the combo lock project.

3. Create Interactive Elements

This video explains how to create interactive elements.

4. Apply Game Logic

This video demonstrates applying game logic.

5. Check Guess Values

This video demonstrates how to check guess values.

6. Combo Lock Project Review

This video provides a review of the combo lock project.

5. Exercise Mini Project Multiple Step Screen

1. Simple jQuery Exercise

This video explains a simple jQuery exercise.

2. Traversing the Elements

This video explains about traversing the elements.

3. More Ways to Select Elements

This video explains more ways to select elements.

4. Final Project Tweaks

This video helps you with the final project tweaks.

6. Exercise Form Validation Project

1. Form Validation Project

This video talks about the form validation project.

2. Form Input Check

This video explains the form input check.

3. Form Tweaks and Overview

This video provides an overview of form tweaks.

4. Form Complete Project

This video helps you with the form complete project.

7. Exercise Color Guessing Game

1. Color Match Game Introduction

This video provides an introduction to the color match game.

2. Color Guess Game Introduction

This video provides an introduction to the color guess game.

3. Build Gameplay Area

This video helps you build the gameplay area.

4. Just Add Color

This video explains how to add color.

5. Events for Dynamic Elements

This video explains the events for dynamic elements.

6. Build in Game Logic

This video explains how to build in game logic.

7. Tweaks and Adjustments

This video explains the tweaks and adjustments.

8. Better Gameplay Overview

This video provides an overview of better gameplay.

8. jQuery Next Steps - Focus on Forms

1. jQuery Working with Forms

This video explains jQuery working with forms.

2. jQuery Do Even More with Forms

This video explains what more you can do with jQuery forms.

3. Next Steps with Forms

This video explains what are the next steps with forms.

9. Making Interactive Elements

1. jQuery Events

This video explains jQuery events.

2. Keyboard Events jQuery

This video explains keyboard events jQuery.

3. Browser Events jQuery.

This video explains browser events jQuery.

10. Page Manipulation and Content Updates

1. Hide Show Toggle

This video demonstrates how to hide show toggle.

2. Page Content Updater

This video demonstrates how to add page content updater.

3. Before and After

This video demonstrates the changes after adding the changes.

4. Using jQuery Empty

This video demonstrates how to use jQuery Empty.

5. HasClass Check Exercise Debugging

This video explains the HasClass check exercise debugging.

6. Back to Forms jQuery

This video explains how to get back to forms jQuery.

7. jQuery Forms and Events

This video explains jQuery forms and events.

8. Remove Attribute

This video demonstrates the Remove attribute.

9. jQuery Placeholder Image Generator

This video demonstrates how to add jQuery placeholder image generator.

10. jQuery Page Manipulation Classes

This video talks about jQuery page manipulation classes.

11. jQuery Form Error Classes

This video explains jQuery form error classes.

12. Window and Document Information

This video talks about the window and document information.

13. Popup Image Using jQuery

This video demonstrates popup image using jQuery.

14. More jQuery Dimensions

This video demonstrates more jQuery dimensions.

11. jQuery Effects and Animations

1. jQuery Slide Animation

This video demonstrates jQuery slide animation.

2. jQuery Fade Animation

This video explains jQuery fade animation.

3. jQuery Animate Effect

This video demonstrates the jQuery animate effect.

4. jQuery Animate Even More

This video demonstrates how to do jQuery animate even further.

5. jQuery Animate Advanced

This video demonstrates about the advanced level of jQuery Animate.

6. jQuery Animate Exercise

This video talks about the jQuery animate exercise.

7. jQuery Utilities Explored

This video helps you explore jQuery utilities.

12. AJAX with jQuery Get Data Connect with APIs

1. jQuery AJAX JSON

This video explains jQuery AJAX JSON.

2. jQuery Load Data

This video demonstrates how to load jQuery data.

3. jQuery Load More Data

This video demonstrates how to load even more jQuery data.

4. jQuery Load Details

This video demonstrates how to load jQuery details.

5. jQuery AJAX

This video explains about jQuery AJAX.

6. jQuery, AJAX, and JSON

This video explains working with jQuery, AJAX, and JSON.

7. shorthand get and getJSON

This video talks about shorthand get and getJSON.

8. Web APIs AJAX

This video talks about web APIs AJAX.

9. More Random Images Each

This video talks more about the random images each.

10. More APIs More AJAX

This video is about more APIs, more AJAX.

11. AJAX jQuery Post Data

This video demonstrates about AJAX jQuery post data.

12. jQuery AJAX Post

This video explains the jQuery AJAX post.

13. Connect More Web APIs

This video demonstrates how to connect more web APIs.

13. jQuery AJAX YouTube API Application

1. Introduction YouTube API

This video provides an introduction to the YouTube API.

2. Web Application Setup

This video helps you with the setup of web application.

3. Get YouTube Developer Key

This video talks about how to get YouTube developer key.

4. Bring in jQuery AJAX

This video explains how to bring in jQuery AJAX.

5. Loop Each Returned Video

This video explains loop each returned video.

6. Use JSON Feed Data

This video explains how to use JSON feed data.

7. Output Results from API

This video talks about the output results from API.

8. Customize Results for API

This video helps you with customizing results for API.

9. Tweaks and Updates

This video helps you with the tweaks and updates.

10. Customize Code jQuery

This video talks about customizing code jQuery.

14. jQuery Whack-a-Mole Exercise

1. jQuery Whack-a-Mole Introduction

This video provides an introduction to jQuery whack-a-mole.

2. HTML Page Setup

This video shows the HTML page setup.

3. Get Coding jQuery

This video helps you get coding jQuery.

4. Build Dynamic Gameboard

This video helps you build a dynamic gameboard.

5. Just Add Styling

This video explains how to add styling.

6. Moles Keep Moving

This video helps you in keeping the moles moving.

7. Tweak and Update Code

This video demonstrates how to tweak and update code.

8. Whack that Mole

This video helps you with whacking that mole.

9. Add that Whack

This video helps you add that whack.

10. Source Code Review

This video helps you with source code review.

15. Memory Game Project

1. Memory Game Project Introduction

This video provides an introduction to the memory game project.

2. Web Developer Setup

This video helps you with setting up web developer requirements.

3. HTML and CSS Setup

This video helps you with setting up HTML and CSS.

4. Build Game Board Start Game

This video explains how to build a gameboard and start the game.

5. Build Gameboard

This video helps you build a gameboard.

6. Randomize Array Contents

This video helps you randomize array contents.

7. Flip the Cards

This video helps you flip the cards.

8. Apply Gameplay

This video helps you apply gameplay.

9. Reset Cards to Back

This video demonstrates how to reset cards to back.

10. Game Over Bug Fix

This video explains about fixing the game over bug.

11. Memory Game Code Review

This video demonstrates the review of memory game code.

16. jQuery Image Carousel Component Rotate Images with jQuery/JavaScript/HTML/CSS

1. Image Carousel Project with jQuery Coding Introduction What to Expect

This video provides an introduction to the image carousel project with jQuery coding and what to expect.

2. How to Get Started to Write Code for This Section Setup of HTML and JS Files

This video explains how to get started to write code for this section setup of HTML and JS files.

3. How to Create a Placeholder Array of Images to Use with Coding in Practice Code

This video demonstrates how to create a placeholder array of images to use with coding in practice code.

4. How to Generate Random Color Code Values with JavaScript and jQuery

This video explains how to generate random color code values with JavaScript and jQuery.

5. Applying Styling CSS to Page Elements to Create Image Carousel with jQuery

This video helps in applying styling CSS to page elements to create image carousel with jQuery.

6. How to Add and Remove Classes from Elements Using jQuery Code

This video explains how to add and remove classes from elements using jQuery Code.

7. How to Add Option Control Buttons to jQuery Image Carousel

This video explains how to add option control buttons to jQuery image carousel.

8. How to Set Up Intervals for Automatic Slider Rotation Source Code

This video explains how to set up intervals for automatic slider rotation source code.

9. jQuery Image Carousel Project Code Review and Debugging

This video demonstrates jQuery image carousel project code review and debugging.

10. jQuery List Item Select Coding Example with eq and nthChild

This video explains jQuery list item select coding example with eq and nthChild.

17. jQuery Resources Course Conclusion

1. jQuery Conclusion

This video provides the conclusion of this course on jQuery.

Course Images

The Complete jQuery Course - Beginner to Professional

By Packt

Booking options

Highlights

Description

Course Content

About The Provider

Tags

Reviews