Introduction to jQuery

Learn jQuery basics, including effects, manipulation, and dynamic element creation. Enhance your front-end development skills with this comprehensive course.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course dives into jQuery, making your web development easier by handling effects, DOM manipulation, and events. It's all about boosting your JavaScript skills without the hassle of complex coding.

Key Points

  • Basics of jQuery: effects, manipulation, dynamic creation, interaction events
  • jQuery simplifies JavaScript by reducing boilerplate code
  • Working with the Document Object Model (DOM) using jQuery
  • Event handling techniques for smoother development
  • Exploring method chaining and class manipulation

Learning Outcomes

  • Understand what jQuery is and how it simplifies JavaScript
  • Effectively manipulate DOM elements with various jQuery methods
  • Utilize event handling to create interactive web pages
  • Implement animations and effects using jQuery
  • Work with Handlebars for dynamic templating

About This Course

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

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!

  • Course Goal: Implementing jQuery

  • jQuery events

  • jQuery manipulation and effects

Instructor

Profile photo of RefactorU LLC
RefactorU LLC

Hey folks, thank you for visiting. RefactorU was founded in late 2012 in Boulder, Colorado, and was one of the first accelerated web application development "bootcamps" in North America. Launching its first cohort in 2013, it was the first full-stack Javascript bootcamp in Colorado, the first to be approved by Colorado's Division of Private Occupational Schools, and the second bootcamp...

Review
4.9 course rating
4K ratings
ui-avatar of Marc Joseph Castro
Marc J. C.
4.5
1 year ago

I feel it was a good match, the talk to code was a good pace.

  • Helpful
  • Not helpful
ui-avatar of Vaddshah Raduv
Vaddshah R.
5.0
1 year ago

soo good

  • Helpful
  • Not helpful
ui-avatar of Andrei Semenov
Andrei S.
3.0
2 years ago

The files with exercises are not working. The course is too short.

  • Helpful
  • Not helpful
ui-avatar of Density Labs
Density L.
5.0
2 years ago

good course

  • Helpful
  • Not helpful
ui-avatar of Doa ERBAY
Doa E.
5.0
2 years ago

explains the subject in a very concise and simple way :)

  • Helpful
  • Not helpful
ui-avatar of Nizar Bouali
Nizar B.
4.5
2 years ago

Good jib

  • Helpful
  • Not helpful
ui-avatar of Diego Giroleti
Diego G.
5.0
2 years ago

Really good introduction to the language. I think that building little pieces of programs on every lessons, to show the real life applications of the language, would be better than the browser's console exemples, but a great course nonetheless.

  • Helpful
  • Not helpful
ui-avatar of Srikumar Avirneni
Srikumar A.
3.0
3 years ago

The course would be fun and would help understan better if it had a mini hands on project.

  • Helpful
  • Not helpful
ui-avatar of Jakub Bober
Jakub B.
3.5
3 years ago

ok

  • Helpful
  • Not helpful
ui-avatar of Maruthamuthu Meiyazhagan
Maruthamuthu M.
4.5
3 years ago

good

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses