Course Overview
This very practical and hands-on course is designed to teach jQuery to web developers and designers, especially those who have seen JavaScript and understand the basics of how it works. Major focus is given to learning real-world applications and how it interacts with other tools to create useful, feature-rich, compelling web sites.
jQuery has taken over the web development world. More and more developers are recognizing that JavaScript is a capable and robust programming language that can be used to do amazing things to any web page, transforming it from a boring, static group of pages into a fulfilling and dynamic web experience!
The only problem is that JavaScript isn’t easy to work with. Enter jQuery. jQuery simplifies all client-side scripting tasks. jQuery makes JavaScript accessible to the masses and does it in a way that retains its power. jQuery has become the basis for hundreds of plug-ins and user-interface widgets that make web pages come alive!
What you’ll learn
Upon completion of the jQuery course, students will be able to:
- Understand the reasons why there is a need for JQuery
- Know the JavaScript language and apply best practices for its usage with JQuery
- Make dynamic changes to web pages using jQuery
- Respond to user, or browser events with JQuery
- Load in content using Ajax and JQuery
- Create, use and share custom reusable plugins that extend JQuery
Requirements
- Some experience with JavaScript and HTML
Target audiences
- Web Application Programmers who may know JavaScript but want to learn jQuery
Curriculum
- 1 Section
- 10 Lessons
- 2 Days
- Topics10
- 1.1Introduction Hello, jQuery – an intro to jQuery Unobtrusive JavaScript jQuery fundamentals
- 1.2Selectors Pointing to DOM elements in jQuery using CSS selectors Children selectors Container selectors Class selectors Handling jQuery wrapped sets
- 1.3Activating Web Pages Getting and setting DOM element attributes Getting and setting styles Getting and setting DOM contents, both innerText and innerHTML
- 1.4Additional DOM Manipulation jQuery function DOM elements Performance tips
- 1.5Events The jQuery Event model – how to respond to events like click, hover, enter, and more Adding triggers
- 1.6Animations and Effects Smooth transitions – Animation with jQuery – showing and hiding, moving, fading in and out
- 1.7Ajax with jQuery get, post, getJSON, getScript, and so forth jQuery Ajax callbacks – because it is asynchronous after all How to get the ultimate control with Ajax Putting it all together: Real world examples and applications
- 1.8Utility Functions string manipulation, array functions, etc Reading and writing JSON
- 1.9jQuery Plug-ins Getting and displaying data
- 1.10Appendix: Introduction to JavaScript Variables and Data Types Flow Control Decisions Using Loops Operations and Expressions Typical Objects Events
Instructor
