The Complete jQuery Bootcamp : Build 20 Real Projects!

Master jQuery with the most comprehensive course! Projects , web animation , interface design , app design using jQuery.

2.90 (175 reviews)
Udemy
platform
English
language
Web Design
category
instructor
1,694
students
26.5 hours
content
Nov 2019
last update
$19.99
regular price

What you will learn

Go from a total beginner to an advanced jQuery developer.

Understand basic and advanced jQuery concepts : selectors , events , effects , using with ajax , traversing jQuery.

Understand the working of jQuery behind the scenes.

Gain a deep understanding of each topic with a programming example used in projects.

Explore how attractive interface can be designed using jQuery UI.

Complete Hands on to Interactions : Drag and drop , Resize , Select and Sort functionalities.

Practical implementation of Widgets in UI : Accordion , Date picker , Menu , Tool tip and many more.

Understand how mobile apps can be designed using jQuery Mobile.

Explore more about jQuery mobile by creating multiple app pages and connecting them.

Hands on to the functionalities : Adding Buttons , Icons , POPUPS , Toolbars , Panels and many more.

Get friendly support on any problem in less than 12 hours.

A certificate of completion at the end.

Description

++++++The FIRST  COMPLETE  BOOTCAMP  COURSE ON jQuery  +++++++

++++++++ Watch the Promo Video To Know how much deep this course is designed to make your concepts clear.

+++++++ Over  25+ hours of content & 200+ lectures which covers every small concept of jQuery.

++++ Only jQuery course which will start your training with the basics and then using the basics you will learn the designing of user interface using jQuery and then the mobile apps+++++

____________________________________________________________________________________________

Who can take this course....???

1. If you are a beginner to jQuery programming and want to learn the basics .....

2. If you are already an expert in jQuery and want to learn User Interface (UI) designing and Mobile Apps designing .....

3. If you want to brush up your skills in this topic.......

4. If you want to be an web as well as app designer/developer.....

So , if you come under any of these 4 cases , then YES , this course is designed for you..

This course will start your journey from scratch and at the end of it you will be a jQuery GURU.

Topics which are covered in the course are as follows:

1. Introduction to jQuery

2. Understanding the Syntax.

3.Using the Selectors.

4, Using effects and events

5. Combination of jQuery with HTML AND CSS.

6. TRAVERSING in jQuery.

7. USing AJAX with jQuery.

8. Introduction to jQuery User interface (UI)

9. USING INTERACTIONS.

10 USING WIDGETS.

11 USING EFFECTS.

12. APP designing.

Benifits / Advantages of this course:

1). No matter you are a beginner or an expert , this course is designed from scratch.

2). Every programming example will start from a blank page and will ends up with a desired output.

3). A line to line description of every single code is provided in a descriptive manner.

4). This course will work as a "ZERO to HERO" , so at the end you will be an expert in designing interfaces and using javascript libraries effectively.



Content

Introduction to jQuery.

Introduction to jQuery.
Introduction to instructor.
Let's include jQuery in our web page.

Understanding SELECTORS in jQuery.

The ELEMENT selector in jQuery.
The ID selector in jQuery.
The CLASS selector in jQuery.
Selecting ALL Elements.
Selecting the CURRENT element in jQuery.
Selecting the paragraph element in jQuery.
Selecting the FIRST PARAGRAPH element in jQuery.
Selecting first LIST ITEM from group of unordered list.
Selecting list items differently.
Selecting href attribute.
Selecting the BUTTON elements.
Selecting elements from tables in even and odd fashion.

Applying EVENTS in jQuery.

Introduction to events .
The CLICK event in jQuery.
CLICK event can be used in different ways.
The DOUBLE CLICK event in jQuery.
The BIND event in jQuery.
The BLUR event in jQuery.
The FOCUS event in jQuery.
Let's use the FOCUS event differently.
FOCUS event used with disable method.
The SELECT event in jQuery.
The CHANGE event in jQuery.
Using CHANGE event with multiple data.
The SUBMIT event in jQuery.
The KEYDOWN event in jQuery
The KEYPRESS event in jQuery.
The MOUSEENTER event in jQuery.
MOUSEENTER event can be used as a highlighter.
The MOUSELEAVE event in jQuery.
The HOVER event in jQuery.
Applying HOVER event with different effects.
The MOUSEDOWN event in jQuery.
The MOUSEDOWN event can be used differently.
The MOUSEUP event in jQuery.
The MOUSEOVER event in jQuery.
Adding css to Mouseover event.
The MOUSEOUT event in jQuery.
The LOAD event in jQuery.
The UNLOAD event in jQuery.
The DELEGATE event in jQuery.
The ON event in jQuery.

Applying EFFECTS in jQuery.

Introduction to effects in jQuery.
The HIDE effect in jQuery.

Introduction to jQuery User Interface (UI).

Conceptual understanding of User Interface
Introduction to jQuery UI.
Understanding the features of jQuery UI.

Using the concept of DRAGGABLE in jQuery UI.

Discussion on draggable options with default functionality.
Understanding options - Part 1.
The advance helper option in draggable.
Understanding the position of cursor in draggable.
Discussion on actions used in draggable.

Using DROPPABLE in jQuery UI.

Discussion on droppable options with default functionality.
Understanding options for droppable - Part 1
Understanding options for droppable - Part 2.
Understanding the concept of classes in droppable.
Discussion on droppable actions with the disable functionality.
Understanding events in droppable method.

RESIZABLE functionality in jQuery UI.

Introduction to the resizable with default functionality.
Using advance options of resizable - Part 1.
Understanding options for resizable - Part 2
Understanding options for resizable - Part 3
Discussion on actions used in resizable with functionality.

SELECTABLES in jQuery UI.

Introduction to selectables with default functionality.
Using options of selectables Part-1
Understanding different actions in selectables.
Working with the index in selectables.

SORTABLES in jQuery Ui.

Introduction to sortables with default functionality.
Using options in sortables Part-1.
Understanding options in sortables Part-2.
Using advance options in sortable Part-3.
Introduction to the actions used in sortables.
Use of events in sortable method.

Applying ACCORDION in jQuery UI.

Introduction to accordion with default functionality.
Understanding different actions used in accordion.

Applying AUTOCOMPLETE in jQuery UI.

Introduction to autocomplete with default functionality.
Understanding options in autocomplete Part-1.
Using options in autocomplete Part-2.
Understanding options Part-3.

Using BUTTONS in jQuery UI.

Introduction to the buttons with default functionality.
Using options in buttons Part-1.
Introduction to actions used in buttons.

Using DATEPICKER in jQuery UI.

Introduction to datepicker with default functionality.
Creating an inline datepicker.
Using options in datepicker Part-1.
Using options in datepicker Part-2.
Introduction to actions with functionality.

Using DIALOGS in jQuery.

Introduction to dialogs with default functionality.
Using options in dialog Part-1.
Using options in dialog Part-2.
Introduction to actions in dialogs with functionality.

MENU in jQuery UI.

Introduction to menu with default functionality.
Using options in menu Part-1.
Using actions in menu.

PROGRESSBAR in jQuery UI.

Discussion on progressbar with default functionality.

SLIDERS in jQuery UI.

Understanding the sliders with the default functionality.
Using options in slider Part-1.
Using options in slider Part-2.
Using actions in slider.

SPINNER in jQuery UI.

Introduction to spinners with default functionality.
Using options in spinner Part-1.
Understanding the actions in spinner.
Using actions in spinner.

TABS in jQuery UI.

Introduction to tabs with default functionality.
Using options in tabs Part-1.
Use of event option in tab method.
Understanding actions in tab.

TOOLTIP in jQuery UI.

Introduction to the tooltip with default functionality.
Using options in tooltip Part-1.
Using options in tooltip Part-2.

Introduction to jQuery for mobile.

Introduction to jQuery for mobile.

Let's create pages for your mobile apps.

Your first page ...!!!
Understanding the concept of multiple pages in jQuery Mobile.
Pages can also be used as dialogs in jQuery Mobile

Playing with transitions in jQuery Mobile.

Introduction to transitions.
How to use transitions on dialogs.

Let's add BUTTONS to your mobile app.

Introduction and basic understanding of buttons.
Using advance buttons in your app.
Grouping of button is also possible.
Let's create a back button in jQuery Mobile.
INLINE BUTTONS - The best way to use buttons.
Bonus information on buttons.

Using icons on buttons.

Adding icons to button.
Yes , we can POSITION the icons in the way we want.
Let's remove the text and display only the icon.
A DEEP modification in icons.
Playing with the colours.

Creating POPUPS in your app.

Introduction to the simple popup.
Different ways to close a popup.
We can also position popups wherever we want.
Transitions can be made a part of popups.
Adding directional arrows to popups.
Dialogs can also be added to popups.
Playing with photos in terms of popup.
Using some CSS to make popups amazing.

Better understanding of TOOLBARS in jQuery Mobile.

Understanding the header.
Understanding the footer.
Let's position headers and footers.

Let's create a NAVIGATION BAR for your mobile app.

Let's create a basic navigation bar.
Adding ICONS to navigation bar.
Positioning icons in navigation bar.
Advance options in navigation bar.
Adding navigation bars to CONTENT.
Adding navigation bar in the FOOTER.
BONUS lecture on navigation bars.

Creating PANELS for your mobile app.

Understanding the basics.
Different ways of closing a panel.
Different ways to display the panel.
Positioning of panels.

Using COLLAPSIBLE in your mobile app.

Let's create a simple collapsible .
Let's use the concept of nested collapsibles.
Grouping of multiple collapsibles.
Using collapsible as popup.
Bonus lecture on collapsibles.
Playing with icons.
Changing the position of icons.

Adding TABLES to your mobile app.

Creating the first responsive table.
The another way of creating a table.
Presenting tables in different form.

Understanding the GRID concept.

Using grid layouts in your app.
Modifying grid using CSS.
The concept of adding multilpe rows.
Making a grid responsive.

List views in Mobile app.

Starting with the basics of list view.
Understanding the concept of list dividers.
Panels can also be used inside a list.

Working on the content of lists.

Let's work on the icons.
Adding some standard icons to your list.
Thumbnails can also be added to the lists.
Split buttons-Making list more amazing.
Adding count bubbles to the list.
A list can also be created in a popup form.
Let's make a collapsible list.
Let's create a combination of popup and collapsible list.
Creating a calendar -A BONUS project.

Using FILTERS in list items.

Creating a basic filter.
Understanding the concept of custom filter.
Collapsible lists can also be filtered.
Let's filter the tables .
BONUS filter example.

FORMS-The most important part of mobile app.

Understanding the basics of form.
Concept of buttons in form.
Use of field container in forms.

Inputs used in forms.

Concept of text input used in forms.
Understanding the concept of text area in forms.

Screenshots

The Complete jQuery Bootcamp : Build 20 Real Projects! - Screenshot_01The Complete jQuery Bootcamp : Build 20 Real Projects! - Screenshot_02The Complete jQuery Bootcamp : Build 20 Real Projects! - Screenshot_03The Complete jQuery Bootcamp : Build 20 Real Projects! - Screenshot_04

Reviews

Rohan
November 13, 2020
Not a good one. For some concept, I had opened w3 school to understand. Need to explain more cleanly.
Niraj
April 2, 2018
Superb course for learning jQuery. I recommend to all who want jquery take this course. very nice and deeply explain about jquery. Thank you....
Daniel
March 3, 2018
Good and comprehensible course, ideal for beginners. It will give you the basic knowledge needed for you to go and build your own project using jQuery. Sometimes the course had a little bit too slow pace for me, but for someone this might be a plus, since in every lecture you get to build the entire HTML and usually also CSS first, before you get to actually coding jQuery. 5*
Chiranjib
February 14, 2018
pls go slow,u r speaking too fast..this is the only demerit of this course so pls resolve this problem as soon as possible
Matt
January 5, 2018
My review might change as I go through this course. Some problems with the course include the indentation the teacher uses when doing jquery inside the document.write function is way off and sloppy, the teacher talks way too fast and doesn't cover some important concepts clearly. For example when writing the document.ready function in the head, and then not using the document.ready function when writing jquery in the body section is never explained. Also, there is no zoom in feature when the teacher starts to code, and the text is too small if you want to use half your computer screen for the video and the other half for your text editor. My advice would be to redo the course, talk slower, clearer, get the proper intention for the code, get a zoom feature because the code is way too small. This course could be the top course, there are better courses available on Udemy.
Charvika
December 16, 2017
This course is a complete building block for any beginner or any expert. These kind of courses are very helpful as 3 subjects can be completed in single series.
Fakarr
November 29, 2017
The first thing that i noticed about the course is that , it seems like a classroom training is going on , instructor is very clear in his views and what he is saying he is confident about that. Since i have just started and completed just an introduction so i cannot say anything about programming , but i hope the course will go the same .
Oswal
November 28, 2017
This course is one of the best programming course i have ever found , Udemy has always proved that it is the best of all.
Bruno
November 26, 2017
This is really a nice course , as provided in the description everything is going the same way , i hope that i will find the same pace till the end.
Alama
November 22, 2017
I have taken this course to learn basic jquery but this course has huge content which will teach many things . thank you.
Nayat
November 22, 2017
This course is from scratch and the instructor is very calm and friendly in every lecture , i hope the course go same till the end section.
Yata
November 21, 2017
The programming part carried out is awesome , there are lot of things which are basic and explained very clearly . It is providing a full proof training.
Vasko
November 20, 2017
Not so impressed as a start. I hope I will find some value in the course. I also could not find any course materials.
Ureka
November 13, 2017
The instructor of this course is very good at speaking and programming skills. The content is well and up to the mark as it was promised in course description and promo. This course is helpful for learning purpose and for implementation as well. I am a freelancer working on freelancer.com and daily i find 5-10 jquery projects , so with such skills and certification we can handle big projects on jquery. Thank you so much , I am grateful to you.
Filak
November 11, 2017
This is my first course on udemy , i am a beginner in the field of jQuery and this course is one of the best online tutorial i found. The instructor is very clear and is talking to the point , every small concept is explained which is good for beginner. I really appreciate the efforts made by him as well as the efforts made bu UDEMY for providing students a platform to learn. Thank you all.

Charts

Price

The Complete jQuery Bootcamp : Build 20 Real Projects! - Price chart

Rating

The Complete jQuery Bootcamp : Build 20 Real Projects! - Ratings chart

Enrollment distribution

The Complete jQuery Bootcamp : Build 20 Real Projects! - Distribution chart
1400240
udemy ID
10/19/2017
course created date
11/11/2019
course indexed date
Bot
course submited by