The Complete jQuery Course: From Beginner To Advanced! [Video]

Preview in Mapt

The Complete jQuery Course: From Beginner To Advanced! [Video]

Peter Sommerhoff

1 customer reviews
Use jQuery to create stunning animations, provide fast feedback forms, handle all user events and perform Ajax calls.

Quick links: > What will you learn?> Table of content

Video
$5.00
RRP $191.99
Save 97%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$5.00
RRP $191.99

Frequently bought together


The Complete jQuery Course: From Beginner To Advanced! [Video] Book Cover
The Complete jQuery Course: From Beginner To Advanced! [Video]
$ 191.99
$ 5.00
The Complete Sass & SCSS Course: From Beginner to Advanced [Video] Book Cover
The Complete Sass & SCSS Course: From Beginner to Advanced [Video]
$ 191.99
$ 5.00
Buy 2 for $10.00
Save $373.98
Add to Cart

Video Details

ISBN 139781788620321
Course Length5 hours 56 minutes

Video Description

This course covers jQuery from start to end. You'll learn the ins and outs of developing professional dynamic websites using JavaScript & jQuery. Topics included in the course include:Effects & Animations: Make your site come alive with jQuery's animation utilities and enhance you’re the responsiveness of your design to user behavior and input. Beautify your site with elegant animations, e.g. fading in elements, sliding in submenus and highlighting selected elements. DOM Manipulation: Change the contents and appearance of any element in the DOM, even dynamically added ones. Select any element with ease and modify its CSS styles, positioning, content text, image src, or whatever you can think of. Learn AJAX: Discover how to fetch and add content to your page dynamically without reloading. Fetch images from Flickr, movies from TheMovieDB and display all using jQuery's user-friendly syntax.Event Handling: Learn how to handle any user input events, including mouse clicks and keyboard input. Use keyboard input to create a simple game with a main player moving around using the arrow keys. Form Validation: Create a fast-feedback form that notifies your users of incorrectly formatted input before even submitting the form. Additionally, perform basic validation checking with jQuery before sending the form data to the server. Inside the course, you'll not only have life-long access to all the lectures but also to us. We'll be there to personally answer all your questions and help you get the most out of this course. Also, you can always let us know any suggestions and wishes you have to improve the course. Additionally, we'll include all the resources you need to fully follow along, including the project code, configurations, presentation slides etc.

Style and Approach

The course is structured in a way that you will get hands-on experience as fast as possible. Still, we'll be covering some general concepts about JavaScript, jQuery and other frameworks as well. However, we want you to get your hands dirty -- because the only way to actually learn a programming language (or a framework) is to really get into the code yourself!

Table of Contents

Introduction
Welcome to the Complete jQuery Course! Learn What This Course Can Do For You!
A Quick Overview of JavaScript and jQuery
Overview of JavaScript Frameworks
Setting Up The Editor
Effects – Animations
Setting Up The jQuery Project
Fading In Elements (and Fading Them Out Again)
A Pitfall With fadeIn/fadeOut vs. fadeTo
Showing And Hiding Elements
Sliding Elements Up And Down
Moving Elements
Get Creative: Custom Animations!
Delaying and Chaining Animations
Timing Animations Using Callback Functions
Coding Activity: Creating a Signup Lightbox!
Element Selectors
Using CSS Selectors in jQuery
jQuery Methods for Traversal
jQuery Methods for Filtering
Manipulating the DOM I – Inserting, Replacing and Removing Elements
What is the DOM?
Adding New Elements to the DOM
Replacing Elements and Content
Removing Elements and Content
Manipulating Attributes and Properties
Coding Activity: Creating an Image Slideshow!
Manipulating the DOM II – Changing Element Data and CSS
Changing the CSS Properties of Elements
Adding or Removing CSS Classes
Changing the Data of an Element
Retrieving and Changing the Content of an Element
Events I ? Handling Mouse Events & Keyboard Events
What are Events and Event Handlers?
Adding Click Handlers
Adding Hover Handlers
Adding MouseEnter & MouseLeave Handlers
Adding the Same Handler for Multiple Events
Modularizing Event Handlers (No More Inline Functions)
Delegated Events
Passing Additional Data to Events
Coding Activity: Creating an Image Gallery with Lightbox Preview
Handling KeyDown & KeyUp Events
Events I ? Forms
The Focus & Blur Events
Using the Change Event
Handling the Submit Event
Coding Activity: Complete Form Validation on Submit
Coding Activity: Fast Feedback Form
Ajax with jQuery
What is Ajax?
Fetching a Server File with jQuery
Retrieving Flickr Images Through the Flickr API (+Understanding JSON)
Coding Activity: Retrieving Pokémon Data from The PokéAPI (Or Star Wars)
Coding Activity: Improving the Pokédex

What You Will Learn

  • Add beautiful effects & animations to your sites
  • Use AJAX to add content a the page dynamically from APIs like Flickr and TheMovieDB
  • Create dynamic websites that users enjoy
  • Handle arbitrary user events such as mouse clicks and keyboard presses
  • Add fast feedback and validation for forms using jQuery
  • Manipulate the appearance and content of any element on the page

Authors

Table of Contents

Introduction
Welcome to the Complete jQuery Course! Learn What This Course Can Do For You!
A Quick Overview of JavaScript and jQuery
Overview of JavaScript Frameworks
Setting Up The Editor
Effects – Animations
Setting Up The jQuery Project
Fading In Elements (and Fading Them Out Again)
A Pitfall With fadeIn/fadeOut vs. fadeTo
Showing And Hiding Elements
Sliding Elements Up And Down
Moving Elements
Get Creative: Custom Animations!
Delaying and Chaining Animations
Timing Animations Using Callback Functions
Coding Activity: Creating a Signup Lightbox!
Element Selectors
Using CSS Selectors in jQuery
jQuery Methods for Traversal
jQuery Methods for Filtering
Manipulating the DOM I – Inserting, Replacing and Removing Elements
What is the DOM?
Adding New Elements to the DOM
Replacing Elements and Content
Removing Elements and Content
Manipulating Attributes and Properties
Coding Activity: Creating an Image Slideshow!
Manipulating the DOM II – Changing Element Data and CSS
Changing the CSS Properties of Elements
Adding or Removing CSS Classes
Changing the Data of an Element
Retrieving and Changing the Content of an Element
Events I ? Handling Mouse Events & Keyboard Events
What are Events and Event Handlers?
Adding Click Handlers
Adding Hover Handlers
Adding MouseEnter & MouseLeave Handlers
Adding the Same Handler for Multiple Events
Modularizing Event Handlers (No More Inline Functions)
Delegated Events
Passing Additional Data to Events
Coding Activity: Creating an Image Gallery with Lightbox Preview
Handling KeyDown & KeyUp Events
Events I ? Forms
The Focus & Blur Events
Using the Change Event
Handling the Submit Event
Coding Activity: Complete Form Validation on Submit
Coding Activity: Fast Feedback Form
Ajax with jQuery
What is Ajax?
Fetching a Server File with jQuery
Retrieving Flickr Images Through the Flickr API (+Understanding JSON)
Coding Activity: Retrieving Pokémon Data from The PokéAPI (Or Star Wars)
Coding Activity: Improving the Pokédex

Video Details

ISBN 139781788620321
Course Length5 hours 56 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

The Complete Sass & SCSS Course: From Beginner to Advanced [Video] Book Cover
The Complete Sass & SCSS Course: From Beginner to Advanced [Video]
$ 191.99
$ 5.00
Ultimate CSS Grid Course: From Beginner to Advanced [Video] Book Cover
Ultimate CSS Grid Course: From Beginner to Advanced [Video]
$ 192.99
$ 5.00
LaTeX A-Z: from beginner to advanced in less than 3 hours [Video] Book Cover
LaTeX A-Z: from beginner to advanced in less than 3 hours [Video]
$ 94.99
$ 5.00
Complete MATLAB Tutorial: Go from Beginner to Pro [Video] Book Cover
Complete MATLAB Tutorial: Go from Beginner to Pro [Video]
$ 196.99
$ 5.01
The Complete Google Go Programming Course For Beginners [Video] Book Cover
The Complete Google Go Programming Course For Beginners [Video]
$ 123.99
$ 5.00
The complete JavaScript developer: MEAN stack zero-to-hero [Video] Book Cover
The complete JavaScript developer: MEAN stack zero-to-hero [Video]
$ 73.99
$ 5.00