jQuery in Action: Build 8 jQuery Projects
4.7 (94 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,397 students enrolled
Wishlisted Wishlist

Please confirm that you want to add jQuery in Action: Build 8 jQuery Projects to your Wishlist.

Add to Wishlist

jQuery in Action: Build 8 jQuery Projects

A 100% jQuery Hands-On Course! Learn jQuery from Scratch jQuery Examples, jQuery Exercises, Quizzes& 8 jQuery Projects!
4.7 (94 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,397 students enrolled
Created by Crypters Infotech
Last updated 8/2017
English
Current price: $10 Original price: $100 Discount: 90% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 11 hours on-demand video
  • 6 Articles
  • 91 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • Learn jQuery from scratch
  • Apply jQuery knowledge to build real-world practical jQuery projects
  • Write complicated JavaScript functions easily, quickly and effectively
  • Create cool visual effects and animations
  • Create impressive games easily
  • Build professional user interfaces
  • Add nice and unique features to websites
  • Build high performing jQuery applications
  • Accomplish amazing things by writing just a few lines of code
  • Get working files for every lecture for easy reference
View Curriculum
Requirements
  • Basic knowledge of HTML, CSS and JavaScript would be helpful
Description

*** 11 hours of content***

***Last Updated on 15th May 2017***

***Quizzes, Exercises, Hands-On Practices and Unique jQuery Projects are Included***

---------------------------------------------------------------------------------------------------------------------------

Do you want to accomplish amazing things by writing just a few lines of code? Do you want to write complicated JavaScript functions easily and quickly? Do you want to create cool visual effects and animations? Do you want to develop impressive games and professional user interfaces easily? Do you want to add nice and unique features to your websites and applications?

Then, join this 100% hands-on jQuery course and ease the pain of web development and increase your productivity as a web developer.

jQuery is a very popular JavaScript library which makes front-end web development easy. jQuery simplifies JavaScript programming. You can implement a complex functionality in just 5 or 6 lines of jQuery code where it might require 25 or more lines of JavaScript code to implement the same functionality.

---------------------------------------------------------------------------------------------------------------------------

Adrian Willsher says

"This is a great course for beginners learning jQuery. The instructor is clear and has an excellent grasp on everything presented. The practical applications presented in the second half are good. I have already purchased and am looking forward to the instructor's next jQuery course."

Mihai Enuica says

"A very good, useful course, well taught with a interesting jquery projects."

eniyenzima Emmanuel Niyenzima says

"Best jQuery class at udemy!"

Veeranjaneyulu k says

"I don't have any idea about jQuery . After Completing this course, i am able to do my own scripting using jQuery. Thank you for the one of the best course for JQuery. I am excepting more sessions on angular js ,java script."

---------------------------------------------------------------------------------------------------------------------------

 Practical jQuery: Build 8 jQuery Projects course helps you learn jQuery from scratch and apply your jQuery knowledge to develop unique and nice jQuery projects that you can use in your websites, web applications and mobile applications. You are going to develop unique user interface designs, cool visual effects and animations, nice features for your website and even games in this course using jQuery.

The Course Structure is as follows:

First you will understand what jQuery is and why you should learn jQuery. We will also compare JavaScript and jQuery by implementing a functionality to understand why jQuery is a "Write Less, Do More" library. Then, you will learn how to set up the jQuery development environment and the basic syntax of jQuery. Shhh.....I am also going to share a secret with you which will help you write jQuery code easily.

Then come the jQuery Selectors. Selectors will help you select the elements upon which you need to perform an action. Next is the Events section. The events are the actual action that is performed. Later, you will learn how to use different Effects and Animations to energise your pages. DOM Manipulation and DOM Traversal are two important sections where we discuss how to handle the web page on the fly.

Then comes, the Let's Develop Section where you are going to develop a number of jQuery projects that too from SCRATCH. Trust me, this section is going to boost your confidence as a front-end web developer. Different jQuery Projects available in Let's Develop section are

  1. Accordion
  2. Slide Panel
  3. New Ticker
  4. Photo Zoom In/Zoom Out Effect
  5. Memory Game
  6. Image Slider
  7. Animated Graph
  8. Animated Tooltip

So, what are you waiting for?? Join this wonderful jQuery course NOW and let's get started !!!

Who is the target audience?
  • Anyone who wants to learn jQuery from scratch
  • Anyone who wants to improve JavaScript skills
  • Anyone who wants to improve jQuery skills from basics to advanced
  • Web developers and designers who want to improve their productivity
Students Who Viewed This Course Also Viewed
Curriculum For This Course
98 Lectures
11:10:31
+
Be Familiar with jQuery (Introduction to jQuery)
4 Lectures 15:02

This is an overview of different projects that you are going to develop as part of this jQuery course.

Preview 04:11

Get the list of software you need to proceed with this jQuery course. You require only a text editor and browser to proceed.

What Software You Need?
00:23

Understand what jQuery is and why you should use it.

What is jQuery?
03:44

Compare JavaScript and jQuery to know how accurate the official tag line of jQuery "Write Less, Do More" is. You will find that you need just 5 or 6 lines of jQuery code where JavaScript required 25 to 30 lines of code to implement the same functionality.

Preview 06:44

Quiz: Introduction to jQuery
3 questions
+
Be Ready to Start (Basics of jQuery)
4 Lectures 23:23

This lecture explains how to setup the jQuery development environment. You can either reference jQuery online or download the required files and reference it locally.

Setup jQuery Development Environment
10:20

This lecture explains the basic syntax of jQuery. It helps you a lot as you start writing your jQuery code.

Understand the Basic Syntax of jQuery
04:05

This lecture explains the importance of $(document).ready() event. This jQuery method makes sure that the DOM is ready before you run the code.

Importance of $(document).ready() Event
02:48

This lecture shares a very secret tip that will help you write your jQuery code easily and quickly.

Preview 06:10

Quiz: Basics of jQuery
5 questions
+
Select the Elements upon which to Act (jQuery Selectors)
22 Lectures 01:37:02

This lectures explains the all selector. The symbol * is used to select all the elements on a webpage.

All Selector
04:13

You will learn how to select elements using the tag name. You just have to specify the tag name within double quotes.

Tagname Selector
02:01

You will learn how to combine different selectors at a time. Different selectors are to be separated by comma.

Multiple Selectors
00:52

You will learn how to select an element using its id. You need to specify the symbol # just before the id.

ID Selector
02:04

You will learn how to select an element using its class name. You need to specify a . (dot) just before the class name.

Class Selector
00:52

This is a hands-on practice implemented using class selector.

Hands-On Practice: Class Selector
03:23

You will learn how to select the currently active element using this selector. This selector should be specified without double quotes.

Preview 02:00

This is a hands-on practice implemented using this and tag name selectors.

Hands-On Practice: this and Tagname Selectors
06:13

You will learn how to select elements that have a specific attribute, elements that have a specific attribute value and elements that do not have a specific attribute value.

Attribute based Selectors - Part 1 (name, value equals and value not equal)
05:30

You will learn how to select elements that have an attribute value that starts with the specified value, that ends with the specified value and that contains the specified value.

Attribute based Selectors - Part 2 (value starts with, ends with and contains)
03:22

You will learn how to select an element that has an attribute value with the specific word.

Attribute based Selectors - Part 3 (value contains a word)
05:22

You will learn how to select the first element, last element, even indexed element and odd indexed element.

Position based Selectors - Part 1 (first, last, even indexed and odd indexed)
07:52

You will learn how to select elements with index equal to the specified value, index less than the specified value and index greater than the specified value.

Position based Selectors - Part 2 (index equals, less than and greater than)
02:37

You will learn to select element that is the first child and also the element that is the last child.

Relationship based Selectors - Part 1 (first child and last child)
07:15

You will learn how to select the nth child (where n is specified) and also the nth child from last.

Relationship based Selectors - Part 2 (nth child and nth last child)
02:28

You will learn how to select the first child of specific type, last child of specific type, nth child of specific type and nth child from the last of specific type.

Relationship Selectors - 3 (first and last of type, nth and nth last of type)
03:36

You will learn how to select an element that is the only child of its parent and also the element that is the only child of specific type.

Relationship based Selectors - Part 4 (only child and only of type)
03:29

You will learn how to select a direct child, descendent, general sibling and adjacent sibling.

Preview 07:16

You will learn how to select elements in a form.

Form based Selectors
07:05

You will learn how to select elements based on their state.

State based Selectors
12:11

You will learn how to select elements based on the content.

Content based Selectors
06:32

Quiz: Selectors
4 questions

Exercises: Selectors
00:49
+
Let the Actions Happen (jQuery Events)
10 Lectures 01:03:39

This is an introduction to events.

Overview
03:33

You will learn about different mouse events.

Mouse Events
09:55

You will learn about different keyboard events.

Keyboard Events
03:27

You will learn how to use focus, blur, focusin and focusout events.

Form Events - Part 1 (focus, blur, focusin and focusout)
06:54

You will learn how to use change, select and submit events.

Form Events - Part 2 (change, select and submit)
09:20

You will learn about different browser events.

Preview 05:30

You will learn how to attach event handlers to different elements.

How to Attach Event Handlers?
11:40

Difference between .click() and .on("click") (Event Delegation)
08:54

jQuery allows you to attach more than one method to the same element. You will learn how to do that.

Method Chaining
04:10

Quiz: Events
3 questions

Exercises: Events
00:16
+
Energise Your Pages (jQuery Effects and Animations)
5 Lectures 27:11

This is an introduction to effects and you will learn what a callback function is.

Introduction to Effects
05:54

You will learn how to use the basic effects such as hide, show and toggle.

Basic Effects
04:03

You will learn how to use fadeIn, fadeOut and fadeToggle events.

Fading Effects
04:18

You will learn how to use slideUp, slideDown and slideToggle events

Sliding Effects
01:51

You will learn how to create animations and effects on your own.

Custom Animations
11:05

Quiz: Effects
3 questions
+
Handle the DOM (DOM Manipulation)
9 Lectures 45:52

Learn how to get or set the HTML value of elements.

Get/Set HTML
06:58

Learn how to get or set the text value of elements.

Get/Set Text
03:43

Learn how to get or set value for the value attribute of form elements.

Get/Set Values of Form Elements
05:24

Learn how to set values for attributes and properties.

Get/Set Attributes and Properties
05:50

Learn how to add content or event new element itself.

Preview 06:18

Learn how to remove element from DOM.

Remove Element
02:41

You will learn how to modify the content in a DOM.

Modify Content
03:13

You will learn how to change the style (appearance).

Modify Style
11:28

Quiz: DOM Manipulation
4 questions

Exercises: DOM Manipulation
00:17
+
Move through the DOM (DOM Traversal)
4 Lectures 24:28

You will learn how to use different methods like parent, parents, parentsUntil etc.

Ancestors Traversal Methods
07:51

You will learn how to use next, nextAll, prev methods etc.

Siblings Traversal Methods
05:56

You will learn how to use methods such as children and find.

Children Traversal Methods
03:16

You will learn how to use different filtering methods such as first, last, eq, filter, not, slice and has.

Filtering Methods
07:25

Quiz: DOM Traversal Methods
6 questions
+
jQuery and AJAX
5 Lectures 01:00:03

What is AJAX? Learn XMLHttpRequest object and its properties and methods.

What is AJAX?
11:22

Learn to use $.ajax() method to make an asynchronous request using AJAX

The $.ajax() Method
11:10

Learn how to send text and JSON data from AJAX method using processData option and also see how to use method and contentType options.

Different Options to Configure AJAX request
14:47

Learn to use success, error and complete callback options or their alternative constructs .done(), .fail() and .always()

Three Callback Options and Alternative Constructs
08:45

Learn to use different shorthand methods such as .get(), .post(), .getJSON() and .load()

Different Shorthand jQuery AJAX Methods
13:59
+
jQuery Plugins
7 Lectures 49:24

Learn what a plugin is (in general) and what a jQuery plugin is (in specific)

Introduction to jQuery Plugins
01:53

Find and Make Use of Existing Plugins
03:35

Learn to create basic jQuery plugins

Create Basic jQuery Plugins
17:51

Advanced Plugin Concepts - Part 1
04:22

Advanced Plugin Concepts - Part 2
10:28

Advanced Plugin Concepts - Part 3
04:18

Advanced Plugin Concepts - Part 4
06:57
+
Code it Yourself (jQuery Exercises)
1 Lecture 00:53
Exercise #1: Distinguish between left and right mouse clicks
00:53
3 More Sections
About the Instructor
Crypters Infotech
4.5 Average rating
448 Reviews
4,519 Students
8 Courses
Career Enhancement Training Solutions

Crypters Infotech is a division of Crypters Infosystems and Solutions Pvt. Ltd IT Company. We offer industry-oriented training that helps even fresh heads to become IT giants. Our professional team of trainers provide high quality training with an outlook towards future. We provide training mainly in web development and mobile app development.