Introduction
  • Introduction
  • What is JQuery ?
  • JQuery alternatives
  • Where to get it
  • Lets use it
Undestanding the basics
  • Selecting elements by Tag
  • Selecting elements by ID or Class
  • Selecting other elements
  • Selecting Childrens
  • Finding elements
  • Getting the parents
  • Previous and Next
  • Using EQ
  • First, Last, Filter and Not
Using the DOM
  • Window and the DOM
  • Appending and Prepending
  • Before and After
  • Replacing elements
  • Removing elements
  • Access element Data
  • Playing with classes
  • Playing with Styles
  • Data attributes
Using Events
  • Understanding Events
  • Mouse Events
  • Keyboard Events
  • On and Window Events
  • Form Events
  • Form Events: Submit
  • Form Events: Change
Using Animations and Transitions
  • Showing and Hiding elements
  • Fade in and Fade out
  • Slide Down and Slide Up
  • Custom Animations
  • Custom Animations 2
  • Stop it all
  • Timing Animations
  • Timing Animations 2
Ajax
  • What is Ajax
  • GET data with Ajax
  • POST data with Ajax
Course project: Awesome tabs ( Widget )
  • Creating the markup
  • Creatig the JS
  • Get the project from Github
Course project: Card Slider ( Widget )
  • Creating the markup
  • Creating the JS
  • Creating the JS 2
  • Creating the JS 3
  • Get the project from Github
Course project: Overlay ( widget )
  • Creating the markup
  • Creating the JS
  • Creating the JS 2
  • Get the project from Github
Bonus !!! Using JQuery UI
  • What is JQuery UI
  • Draggable
  • Droppable
  • Resizable
  • Selectable
  • Sorteable
  • Accordion
  • Datepicker
  • Autocomplete
  • Slider
  • More widgets
  • AddClass and RemoveClass
  • Effect
  • Toggle
  • Switch Class
Course Project: Quizzer ( App )
  • Creating the App
  • Creating the App 2
  • Creating the App 3
  • Creating the App 4
  • Creating the App 5
  • Creating the App 6
  • Get the project from Github
Course Project: OsomMovie ( App )
  • Creating the markup
  • Creating the JS
  • Creating the JS 2
  • Creating the JS 3
  • Creating the markup 2
  • Creating the JS 4
  • Creating the JS 5
  • Creating the JS 6
  • Get the project from Github
Bonus !! Other plugins
  • JQuery Validate for Forms
  • Better animations.
Want more ?