Sharing Is Caring:

jQuery Practice Exercises for Beginners Building Forms

  • All jQuery practice exercise building 2 projects from scratch using jQuery
  • Free tutorial
  • Rating: 4.5 out of 54.5 (131 ratings)
  • 11,198 students
  • 1hr 5min of on-demand video
  • Created by Laurence Svekis
  • English

What you’ll learn

  • Apply jQuery coding to applications
  • Build projects using jQuery
  • Be more comfortable with using jQuery


  • HTML, CSS, JavaScript are strongly recommended
  • Some programming Background
  • Understanding of web technologies and how websites work


jQuery is a great addition to any web project to make it more interactive and have dynamic content.

This course covers how to use jQuery in a project.

#1 Project create a multiple step output.  Click next show content on the next page hide content from the previous page.  Designed to practice element manipulation and also accessing elements via the Document Object Model DOM.

#2 Project create form validation using jQuery.  Build this from scratch once the form is submitted get all the input values check for length and also check for valid emails.  Output and update element CSS if errors occur.  All done in jQuery so students can familiar themselves with traversing elements, selecting elements and updating styling of elements all through jQuery.  

This course requires knowledge of jQuery, JavaScript DOM, CSS, and HTML.  Its designed to walk through and practice using jQuery in various exercises including getting form values, updating and manipulating HTML elements and more. Work along side the lessons and try the code, source code is included.

Read Also -->   Paint and Roto for Feature Film VFX 01

This course is taught by an instructor with over 19 years of web development experience, ready to help you learn jQuery and answer any questions you may have.  

Join now and start practicing using jQuery today see what you can build.

Who this course is for:

  • Anyone who wants to learn how to use jQuery
  • Web developers who want to practice JQuery
  • jQuery, JavaScript Programmers

Show less

Course content

4 sections • 14 lectures • 1h 7m total lengthCollapse all sections

Introduction to practice jQuery2 lectures • 5min

  • Introduction02:25
  • Developer Setup and Environment02:58

Create step application for multiple screens5 lectures • 31min

  • Simple jQuery Exercise09:08
  • Traversing the Elements10:46
  • More ways to select Elements08:07
  • Final Project Tweaks02:19
  • Project Source Code00:20

Form Validation5 lectures • 30min

  • Form Validation Project08:29
  • Form Input Check08:48
  • Form Tweaks and Overview04:17
  • Form Complete08:01
  • Source Code00:21

Bonus Content2 lectures • 1min

  • Resources and Links00:09
  • Bonus Lecture01:13

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO