We cover the basics of jQuery including effects, manipulation, dynamic creation of elements, and interaction events.
Free tutorial
Created by RefactorU LLC
English
English [Auto]
What you’ll learn
- Course Goal: Implementing jQuery
- jQuery events
- jQuery manipulation and effects
- Element creation with jQuery
Requirements
- Introduction to HTML
- Introduction to Javascript
- Intermediate Javascript
Description
In this course we cover the basics of jQuery including effects, manipulation, dynamic creation of elements, and interaction events. While Javascript is a very powerful language, we often have to write a lot of boilerplate code to work with different browsers. jQuery abstracts some of that logic away from us, so that we have more utilitarian functions that we can work with. Essentially, it’s a library that boosts Javascript front-end development.
We’ll explore jQuery to add and remove elements from the Document Object Model (DOM), we’ll look at event handling, and look at some other techniques that jQuery allows us to use that will make our development a bit easier.
Course Includes:
- 28 videos with over 80 minutes of lectures and explanations.
- 6 external resource files.
- 9 exercises to help you master jQuery concepts.
What You’ll Learn:
- What is jQuery?
- Basic Selectors
- Caching Selectors
- Method Chaining
- Effects
- Polymorphism in jQuery
- Manipulating Elements
- Animation
- Class Manipulation [add, remove, and toggle class]
- Editing Contents
- DOM Creation
- Adding new elements [append, prepend, before…]
- Cloning elements
- Removing elements
- Creating with $
- Handlebars Templating
- Setting up Handlebars
- Using variables
- Reusing Templates
- Helpers
- Events
- Event delegation
- DOM Traversal
- Additional Resources
- Exercises
- And More!
Who this course is for:
- Intermediate JS developers
Show less
Course content
10 sections • 28 lectures • 1h 28m total lengthCollapse all sections
Introduction1 lecture • 1min
- Introduction00:40
What is jQuery?1 lecture • 1min
- What is jQuery?01:08
Selectors4 lectures • 9min
- Basic Selectors05:00
- Caching Selectors01:43
- Method Chaining01:49
- Additional Resources1 page
Effects6 lectures • 16min
- Polymorphism in jQuery02:04
- Manipulating Elements04:15
- Animation03:03
- Class Manipulation01:40
- Attr01:07
- Editing Contents03:39
DOM Creation5 lectures • 9min
- Adding New Elements03:43
- Cloning Elements01:45
- Removing Elements01:05
- Creating with $02:06
- Additional Resources1 page
Handlebars Templating5 lectures • 19min
- Introduction to Handlebars01:37
- Setting up Handlebars06:36
- Using Variables05:28
- Reusing Templates02:09
- Helpers03:19
Events3 lectures • 20min
- Getting Started with Events08:26
- Event Delegation06:32
- Common Events05:03
DOM Traversal1 lecture • 10min
- Traversing the DOM10:25
Excercises1 lecture • 0min
- Exercises1 page
Conclusion1 lecture • 1min
- Course Conclusion00:40
