Free Course Image jQuery

Free online coursejQuery

Duration of the online course: 9 hours and 4 minutes

4.71

StarStarStarStarHalf star

(14)

Build interactive web pages faster with this free jQuery course—effects, animations, AJAX, UI widgets, and practical projects, plus a certificate option.

In this free course, learn about

  • Set up jQuery and select DOM elements; run code on document ready
  • Use core effects: hide/show/toggle, fadeIn/out/to, slideUp/down/toggle
  • Create and control animations with animate(), stop(), and callback functions
  • Apply method chaining to write cleaner, shorter jQuery code
  • Get/set text, HTML, values, and attributes; manage element properties
  • Add/remove DOM elements (append/prepend/before/after) and delete nodes safely
  • Work with CSS via addClass/removeClass/toggleClass and css()
  • Read/set element dimensions: width/height, inner/outer sizes, margins
  • Use conditional logic and build reusable custom jQuery/JS functions
  • Perform AJAX with XML/JSON: load/autoload, post(), and parse responses
  • Build real features: form validation and scroll-to-top button behavior
  • Use jQuery UI widgets: dialog, tooltip, menu, tabs, accordion, datepicker, autocomplete
  • Use sliders/spinner for value & style control (range, dimensions, opacity, color/class animation)
  • Implement jQuery UI interactions: draggable, droppable, resizable, selectable, sortable

Course Description

Upgrade your web development skills by learning how to make pages feel faster, smoother, and more interactive with jQuery. This free online course is designed for learners who want practical front-end power without getting lost in heavy theory. If you already know basic HTML, CSS, and a little JavaScript, you will be able to add dynamic behavior to real interfaces much more quickly and confidently.

You will practice how to select and manipulate elements, change text and attributes, and handle common UI behaviors with clean, readable code. Beyond simple interactions, the course helps you understand how effects and animations work in real websites, including timing, control, and building fluid transitions that improve the user experience. You will also see how to structure your code to stay maintainable through reuse, conditional logic, custom functions, and chaining patterns that keep scripts concise.

A major advantage of jQuery is how it simplifies working with asynchronous data. You will learn how to connect pages to external content using AJAX patterns, including sending requests and processing responses in formats commonly used on the web. These skills are valuable for forms, dynamic sections, and pages that update without a full reload, which is essential for modern user expectations.

To bridge learning with real implementation, the course focuses on applied tasks such as form validation and interactive components users recognize immediately. You will work with jQuery UI concepts to build richer interfaces like dialogs, tooltips, menus, sliders, draggable and droppable elements, resizable components, selectable and sortable lists, and helpful widgets such as date pickers, tabs, autocomplete, accordion panels, and spinners. By the end, you will be able to enhance web pages with professional, reusable interactions and be better prepared to support existing projects that rely on jQuery.

Course content

  • Video class: jQuery Fundamentals Bangla Tutorial - Get Started (Part - 01) 15m
  • Video class: jQuery Fundamentals Bangla Tutorial - hide, show, toggle (Part - 02) 11m
  • Video class: jQuery Fundamentals Bangla Tutorial - fadeIn, fadeOut, fadeTo (Part - 03) 06m
  • Video class: jQuery Fundamentals Bangla Tutorial - Sliding Effects(Part - 04) 07m
  • Video class: jQuery Fundamentals Bangla Tutorial - animation() Method (Part - 05) 11m
  • Video class: jQuery Fundamentals Bangla Tutorial - stop() Method (Part - 06) 04m
  • Video class: jQuery Fundamentals Bangla Tutorial - Callback Functions(Part - 07) 05m
  • Exercise: In which programming language is the function 'call back started' mentioned?
  • Video class: jQuery Fundamentals Bangla Tutorial - Chaining(Part - 08) 06m
  • Video class: jQuery Fundamentals Bangla Tutorial - Get Content and Attributes (Part - 09) 10m
  • Video class: jQuery Fundamentals Bangla Tutorial - Set Content and Attributes (Part - 10) 11m
  • Video class: jQuery Fundamentals Bangla Tutorial - Set and Get Attributes(Part - 11) 08m
  • Video class: jQuery Fundamentals Bangla Tutorial - Add Elements(Part - 12) 11m
  • Video class: jQuery Fundamentals Bangla Tutorial - Remove Elements (Part - 13) 05m
  • Video class: jQuery Fundamentals Bangla Tutorial - CSS Classes (Part - 14) 16m
  • Video class: jQuery Fundamentals Bangla Tutorial - css() Method (Part - 15) 11m
  • Video class: jQuery Fundamentals Bangla Tutorial - Dimension (Part - 16) 19m
  • Video class: jQuery Fundamentals Bangla Tutorial - Conditional Logic (Part - 17) 16m
  • Video class: jQuery Fundamentals Bangla Tutorial - Custom Function(Part - 18) 03m
  • Video class: jQuery Fundamentals Bangla Tutorial - XML with jQuery AJAX Method (Part - 19) 14m
  • Video class: jQuery Fundamentals Bangla Tutorial XML with AJAX Method[AutoLoad] (Part - 20) 07m
  • Video class: jQuery Fundamentals Bangla Tutorial - AJAX post() Method (Part - 21) 10m
  • Video class: jQuery Fundamentals Bangla Tutorial - Query with JSON (Part - 22) 10m
  • Video class: Real use of jQuery - Form Validation (Part - 01) 19m
  • Video class: Real use of jQuery - Form Validation (Part - 02) 13m
  • Video class: Real use of jQuery - Scroll to Top/Up Button (Part-03) 10m
  • Video class: Real use of jQuery - Dialogue Message with jQuery UI (Part-04) 10m
  • Video class: Real use of jQuery - Tooltip Widget (Part-05) 09m
  • Video class: Real use of jQuery - Menu Widget (Part-06) 08m
  • Video class: Real use of jQuery- Increment Slider Values (Part-07) 08m
  • Video class: Real use of jQuery - Handle Values with Range Slider (Part-08) 17m
  • Video class: Real use of jQuery - Control Dimension with Multiple Sliders (Part-09) 11m
  • Video class: Real use of jQuery - Control Image Opacity with Slider (Part-10) 06m
  • Video class: Real use of jQuery - Background Color Animation (Part-20) 12m
  • Video class: Real use of jQuery - Class Transition Animation (Part-21) 08m
  • Video class: Real use of jQuery - Draggable Widget Options (Part-11) 17m
  • Video class: Real use of jQuery - Draggable Widget Priority(Part-12) 08m
  • Exercise: What does the transcript indicate is the functionality of 'Maxim IND'?
  • Video class: Real use of jQuery - Droppable Widget (Part-13) 16m
  • Video class: Real use of jQuery - Custom Droppable Widget (Part-14) 12m
  • Video class: Real use of jQuery - Resizable Widget Options(Part-15) 19m
  • Exercise: What is the maximum height specified for the resizable element in the transcript?
  • Video class: Real use of jQuery - Resizable Widget Event(Part-16) 14m
  • Exercise: What is the primary task being focused on in the given context?
  • Video class: Real use of jQuery - Selectable Widget (Part-17) 13m
  • Exercise: What is the main topic of this discussion?
  • Video class: Real use of jQuery - Sortable Widget (Part-18) 13m
  • Video class: Real use of jQuery - Sortable Widget[Multiple list Items] (Part-19) 09m
  • Video class: Real use of jQuery - Datepicker Widget (Part-22) 07m
  • Video class: Real use of jQuery - Tabs Widget (Part-23) 07m
  • Video class: Real use of jQuery - Autocomplete Widget (Part-24) 07m
  • Exercise: Which of the following is a programming language mentioned?
  • Video class: Real use of jQuery - Effects of jQueryUI (Part-25) 07m
  • Video class: Real use of jQuery - Accordion Widget (Part-26) 08m
  • Exercise: What is mentioned as a repeated element in the transcript?
  • Video class: Real use of jQuery - Spinner Widget (Part-27) 07m
  • Video class: Real use of jQuery - ThemeRoller jQuery UI (Part-28) 06m

This free course includes:

9 hours and 4 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

Course comments: jQuery

TI

Tamim Islam

StarStarStarStarStar

nice bro ❤️

More free courses at Web Development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate