Build a Complete JQuery Plugin (Image Pop-up Dialog)
4.6 (11 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,127 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build a Complete JQuery Plugin (Image Pop-up Dialog) to your Wishlist.

Add to Wishlist

Build a Complete JQuery Plugin (Image Pop-up Dialog)

Use jQuery to create an amazing, animated, full fledged plugin, including the best practices of writing JQuery plugin.
4.6 (11 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,127 students enrolled
Created by Umair Jameel
Last updated 2/2017
English
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop technical skills to create full fledged and advance JQuery Plugins.
View Curriculum
Requirements
  • You should have basic concepts of JavaScript..
  • You should have basic concepts of JQuery.
Description

JQuery is one of the most famous JavaScript libraries, that is used to create interactivity in your web apps. More than that, it provides you the way to create fully functional plugins. 

Plugins are the way to increase use ability of common and unique functionality in your web application. In this course, you will learn to build one of common functionality called image pop dialog in the form of plugin. This plugin will work for image galleries in your web apps. You will learn all the tactics and best practices of creating generic JQuery plugins. It comprised of following major topics:

  • Plugin Structure
  • Custom and Default Properties
  • Giving controls to HTML element(s)
  • Caring about each instance of element.
  • Exposing functions.

We will bring up the topics that after completing this course, you will be able to develop your own advance level JQuery plugins.

Who is the target audience?
  • This course is for web developers who want to learn and create JQuery plugins.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
12 Lectures
01:05:28
+
Getting Started
1 Lecture 04:23

Students will see what are the things they will learn in this course, including methods, techniques and best practices of writing jQuery plugin.

Preview 04:23
+
Design Image Gallery
2 Lectures 06:51

Make Image Gallery with HTML.

Preview 02:36

Style Image Gallery with CSS.

Write CSS
04:15
+
Build Plugin
6 Lectures 42:27

Will give you an idea of how to use all jQuery plugin and what is the basic structure of writing your own plugin.

Preview 06:54

Show overlay (with default background color), when any image from image gallery is clicked.

Show overlay on image click
07:35

Add custom option for changing the color of overlay, rather than fixed default color.

Add custom options for overlay
04:11

Close the overlay when cross button is clicked.

Close overlay
09:12

Show image with default and custom properties.

Show image on overlay
07:52

Show image caption below the image with default and custom properties.

Show caption of image
06:43
+
Add Advance Options
2 Lectures 09:33

Add basic animations for opening and closing the image.

Add animations
02:39

Expose open and close image functions to let user perform others tasks when event occur.

Expose functions
06:54
+
Conclusion
1 Lecture 02:14

Points to take care while development JQuery plugin.

Where to go from here?
02:14
About the Instructor
Umair Jameel
4.6 Average rating
11 Reviews
1,127 Students
1 Course
Mobile and Web App Developer.

I am a professional web application developer. Working in Angular JS, Node JS, Express JS and Mongo DB for around two years. Before that, I have worked in various technologies including Java, C#, C++, WordPress, Unity3D and Game Maker Studio. Like to work on Photoshop for designing logos, characters and photo editing. Passionate about technologies and like to instruct on my YouTube channel.