jQuery Practice Exercises for Beginners Building Forms

jQuery Practice Exercises for Beginners Building Forms

jQuery Practice Exercises for Beginners Building Forms

All jQuery practice exercise building 2 projects from scratch using jQuery

Language: english

Note: 4.5/5 (108 notes) 10,401 students

Instructor(s): Laurence Svekis

Last update: 2019-11-12

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.

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


Course content

  • Introduction to practice jQuery
    • Introduction
    • Developer Setup and Environment
  • Create step application for multiple screens
    • Simple jQuery Exercise
    • Traversing the Elements
    • More ways to select Elements
    • Final Project Tweaks
    • Project Source Code
  • Form Validation
    • Form Validation Project
    • Form Input Check
    • Form Tweaks and Overview
    • Form Complete
    • Source Code
  • Bonus Content
    • Resources and Links
    • Bonus Lecture


jQuery Practice Exercises for Beginners Building FormsjQuery Practice Exercises for Beginners Building Forms


Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate