We cover the basics of jQuery including effects, manipulation, dynamic creation of elements, and interaction events.

What you will learn

Course Goal: Implementing jQuery

jQuery events

jQuery manipulation and effects

Element creation with jQuery

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.


Get Instant Notification of New Courses on our Telegram channel.


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!
English
language

Content

Introduction

Introduction

What is jQuery?

What is jQuery?

Selectors

Basic Selectors
Caching Selectors
Method Chaining
Additional Resources

Effects

Polymorphism in jQuery
Manipulating Elements
Animation
Class Manipulation
Attr
Editing Contents

DOM Creation

Adding New Elements
Cloning Elements
Removing Elements
Creating with $
Additional Resources

Handlebars Templating

Introduction to Handlebars
Setting up Handlebars
Using Variables
Reusing Templates
Helpers

Events

Getting Started with Events
Event Delegation
Common Events

DOM Traversal

Traversing the DOM

Excercises

Exercises

Conclusion

Course Conclusion