jQuery Essentials
The Agile PHP Framework for Rapid Web Application Development and Scalability.
Course Overview
This 3-day jQuery Essentials course aims to instruct you on harnessing the power of the jQuery library for crafting engaging and dynamic web pages. You’ll acquire the skills to control the DOM, incorporate animations, effects, and manage user engagement using jQuery
In-Person | Physical
3 Days | 30+ Hours
Basic to Advance
Unlimited Retakes
Ranked as one of the Best Schools for Web Development
- The only school that offers the most number of web development courses
- 1st school to offer WordPress, Joomla & Drupal Classes since 2006
- 1st school to offer Laravel Class since 2014
- 1st school to offer Bootstrap Class since 2014
- About 85% of Government Agencies and LGUs enroll in our web classes
- Globally Recognized Course Certificate
Frequently Asked Questions
- Basic Computer knowledge and Skills in PC or Mac.
- Should be proficient in HTML5, CSS3 with Bootstrap 5
- Should be proficient and have a strong working knowledge in JavaScript.
- Certificate of course completion
- Training references (PDF)
- Exercise materials
- Some add-ons
- Free trainer consultation
- Unlimited Free Retakes
Unlimited Retakes = Unlimited Hours of Learning!
We understand that individuals have different learning styles and paces, that’s why we offer the opportunity to learn at your own speed. If you need more time to grasp a concept, you are welcome to come back and retake the class at no additional cost. We believe in providing students with the support they need to succeed.
To Avail: Finish the course to qualify for the unlimited refresher classes
Validity: 1 Year
- For beginners who want to learn how to use jQuery to work together with JavaScript.
- Aspiring Web Developers and Front-end Designers
- For people who would like to add dynamic behaviors to a website.
- JavaScript user who would like to simplify JavaScript operations.
- People who want to create dynamic websites.
jQuery is a popular, open-source JavaScript library that simplifies the process of creating dynamic and interactive web pages. It is designed to make it easier to navigate and manipulate the Document Object Model (DOM), handle events, create animations, and make asynchronous requests to a server (AJAX).
jQuery provides a simple and consistent API that allows developers to write cross-browser compatible code. It abstracts away many of the cross-browser inconsistencies and makes it easy to add interactive elements to web pages. It also has a large and active community of developers that have created thousands of plugins that can be easily integrated into web pages to add a wide range of functionality.
- DOM manipulation: jQuery provides a simple and easy-to-use API for manipulating the Document Object Model (DOM), which allows developers to add, remove, and modify elements on a web page.
- Event handling: jQuery provides a consistent way to handle events such as clicks, hovers, and form submissions.
- Animations and effects: jQuery has a built-in library of animation and effect methods, which makes it easy to add visual effects to web pages.
- AJAX: jQuery provides a simple and consistent way to make asynchronous requests to a server and update a web page without requiring a full page refresh.
- Cross-browser compatibility: jQuery makes it easy to write JavaScript code that works across different web browsers, which can be a complex task without a library like jQuery.
- Plugins: jQuery has a large community of developers that have created thousands of plugins that can be easily integrated into your web pages to add a wide range of functionality, such as sliders, lightboxes, and modal windows.
Course Outline
Getting Started with jQuery
- Introduction
- Downloading and use jQuery
- Hosting it yourself vs jQuery CDN
- Syntax overview
- Understanding jQuery chaining
- Anatomy of a jQuery Script
- Writing your first jQuery script(s)
Selecting, Decorating and Enhancing
- Targeting html object using Tag, ID and class
- Using the ‘this’ keyword
- jQuery and data attributes
- jQuery utility methods
- Advanced DOM Traversal
- Creating and appending elements with jQuery
- Using jQuery and CSS together
- JavaScript setTimeout and setInterval
- CSS Animations
- Setting CSS Properties
- Adding CSS classes
- Visible state with jQuery and CSS
Animation Effects
- How events work
- jQuery Event Object
- Binding events
- Effect functions (eg: animate, click, hover, toggle)
- Creating a simple image slideshow
Enhancing Web Forms
- Understanding Forms
- jQuery UI and Forms
- Basic Form Enhancements
- Form Validation
- Validation Tutorial
AJAX
- Introducing Ajax
- What Is Ajax?
- Ajax: The Basics
- Ajax the jQuery Way
- Converting data in JSON format
- Difference between post and get
- Adding Google Maps to Your Site Using jQuery Ajax
Using jQuery UI Plugins
- Plugin Installation
- Use of Date Picker
- Use of Color Picker
- List sorter
- draggable, droppable, etc.
Registration
Meet your Mentor
Single Course Promo
Course Packages Promo
Promo Mechanics: Courses that are part of a Packaged Promo should be availed within the same month. Promo rates are subject to change without prior notice
HTML5, CSS3 with Bootstrap 5 + JavaScript
HTML5, CSS3 with Bootstrap 5 + PHP with MySQL
Schedules
november 2023
sat04nov(nov 4)9:00 amsun05(nov 5)7:00 pmDrupal CMSWeb DevelopmentPhysical Class
Time
4 (Saturday) 9:00 am - 5 (Sunday) 7:00 pm
Organizer
Inventive Media
fri10nov(nov 10)9:00 ammon13(nov 13)7:00 pmPHP with MySQLWeb DevelopmentPhysical Class
Time
10 (Friday) 9:00 am - 13 (Monday) 7:00 pm
Organizer
Inventive Media
sat11nov(nov 11)9:00 amsun12(nov 12)7:00 pmJoomla CMSWeb DevelopmentPhysical Class
Time
11 (Saturday) 9:00 am - 12 (Sunday) 7:00 pm
Organizer
Inventive Media
fri17nov(nov 17)9:00 ammon20(nov 20)7:00 pmCodeIgniter PHP FrameworkWeb DevelopmentPhysical Class
Time
17 (Friday) 9:00 am - 20 (Monday) 7:00 pm
Organizer
Inventive Media
sat18nov(nov 18)9:00 amsun19(nov 19)7:00 pmWordPress CMSWeb DevelopmentPhysical Class
Time
18 (Saturday) 9:00 am - 19 (Sunday) 7:00 pm
Organizer
Inventive Media
sat18nov(nov 18)9:00 ammon20(nov 20)7:00 pmHTML5, CSS3 & BootstrapWeb DevelopmentPhysical Class
Time
18 (Saturday) 9:00 am - 20 (Monday) 7:00 pm
Organizer
Inventive Media
fri24nov(nov 24)9:00 amsun26(nov 26)7:00 pmReact JS EssentialsWeb DevelopmentPhysical Class
Time
24 (Friday) 9:00 am - 26 (Sunday) 7:00 pm
Organizer
Inventive Media
fri24nov(nov 24)9:00 amsun26(nov 26)7:00 pmJavaScript EssentialsWeb DevelopmentPhysical Class
Time
24 (Friday) 9:00 am - 26 (Sunday) 7:00 pm
Organizer
Inventive Media
fri24nov(nov 24)9:00 ammon27(nov 27)7:00 pmLaravel 10 PHP FrameworkWeb DevelopmentPhysical Class
Time
24 (Friday) 9:00 am - 27 (Monday) 7:00 pm
Organizer
Inventive Media
Time
24 (Friday) 9:00 am - 27 (Monday) 7:00 pm
Organizer
Inventive Media
Time
24 (Friday) 9:00 am - 27 (Monday) 7:00 pm
Organizer
Inventive Media
Time
25 (Saturday) 9:00 am - 26 (Sunday) 7:00 pm
Organizer
Inventive Media
Time
25 (Saturday) 9:00 am - 26 (Sunday) 7:00 pm
Organizer
Inventive Media
december 2023
fri01dec9:00 amsun03(dec 3)7:00 pmHTML5, CSS3 & BootstrapWeb DevelopmentPhysical Class
Time
1 (Friday) 9:00 am - 3 (Sunday) 7:00 pm
Organizer
Inventive Media
fri08dec(dec 8)9:00 amsun10(dec 10)7:00 pmJavaScript EssentialsWeb DevelopmentPhysical Class
Time
8 (Friday) 9:00 am - 10 (Sunday) 7:00 pm
Organizer
Inventive Media
fri08dec(dec 8)9:00 ammon11(dec 11)7:00 pmPHP with MySQLWeb DevelopmentPhysical Class
Time
8 (Friday) 9:00 am - 11 (Monday) 7:00 pm
Organizer
Inventive Media
Time
8 (Friday) 9:00 am - 11 (Monday) 7:00 pm
Organizer
Inventive Media
sat09dec(dec 9)9:00 amsun10(dec 10)7:00 pmWordPress CMSWeb DevelopmentPhysical Class
Time
9 (Saturday) 9:00 am - 10 (Sunday) 7:00 pm