jQuery programming for beginners


Workshop Code: hsts-w20

You will learn:

  • Referencing jQuery in a Page
  • Selecting page elements using jQuery selectors
  • Selecting DOM elements using standard DOM methods
  • Creating and using jQuery plugins
  • Registering events in jQuery
  • Setting CSS properties of page elements
  • Making Ajax requests using the $.ajax function
  • Changing the display style of an element using various effect methods

Workshop Description
jQuery simplifies client-side scripting via a series of open-source libraries that provide frameworks for enhanced functionality. This hands-on workshop covers the jQuery library, DOM manipulation, performing Ajax requests, and an overview of the UI library. Students will also learn how to use the jQuery function to return a wrapped set of elements, use utility functions to work with arrays and strings, modify the appearance of elements using a number of predefined effects as well as how to implement existing plugins.

Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency. Students who are not familiar with HTML5 and CSS3 should instead register for the workshop, Developing Rich Internet Applications Using HTML5, CSS3 and jQuery.


Workshop Prerequisites
Knowledge of HTML5, CSS and JavaScript equivalent to attending the Website Development with HTML5, CSS and Bootstrap and JavaScript Programming workshops.


Follow-up Workshops
Developing Mobile Websites with Responsive Web Design and jQuery Mobile, Developing Web Applications Using AngularJS, Node.js Web Application Development,

Follow-up Course

Advance JavaScript, jQuery Using JSON and Ajax
Node.JS Coding with Hands-on Training
Cross-platform Native App Development Using HTML5, CSS3 and JavaScript
PHP Programming Language
Build Dynamic Applications Using PHP & MySQL
Introduction to Web Application Development Using JEE, Frameworks, Web Services and AJAX
SQL Programming and DB Management
Developing Web Applications Using AngularJS
Responsive Site Design with Bootstrap
Introduction to Python Programming

Workshop Info

Highlights

  • 6 hour hands-on training led by experienced instructors
  • Digital workshop contents

Enrollment Fee

$190 per 6 hour workshop

Location

  • HacDC's office (1525 Newton St, NW, Ste 212 Washington DC, 20010) located 2 blocks from the Columbia Height metro

Time

  • Saturdays 9AM-4:30PM (1 hour Lunch)
  • Weekdays 6:30PM-9:30 PM

Workshop Registration Form

Submit below form if you wish to register to our workshops. The workshops are filled on first come, first served basis.



Workshop Outline

1- jQuery Fundamentals

  • Overview of jQuery
  • Downloading and Using jQuery library
  • Benefits of Using jQuery
  • Uses of the jQuery function

2- jQuery Selectors and Filters

  • document.ready()
  • Using jQuery Selectors and Filters
  • Selecting Single and Multiple Elements
  • Operating on Wrapped Sets
  • Method Chaining

3- DOM Manipulation

  • Accessing Attributes of an Element
  • Adding and Removing Elements
  • Setting Element Content With text() and html()
  • Manipulating Classes and CSS

4- jQuery Events

  • jQuery Event Model
  • Binding and Removing Event Handlers with on() and off()
  • Delegated and Direct Events
  • Event Object
  • Common jQuery Events

5- Page Animation with Effects

  • Controlling Visibility Using show() and hide()
  • Creating Slide and Fade Effects
  • Creating Custom Animations
  • Animation Queuing and Callback Functions

6- Ajax Requests Using jQuery

  • Ajax Overview
  • Loading Remote HTML
  • Making Ajax Requests Using the $.ajax() Function
  • Using the $.get() and $.post() Functions

The following topics may be included at the discretion of your instructor.

7- jQuery Form Enhancement

  • Using Form Selectors and Filters
  • Handling Keyboard and Focus Events
  • Improving Behavior and Appearance
  • Performing Form Validation
  • Using the Validation Plugin

8- Utility Functions

  • Disabling Animations
  • Using Other Libraries with jQuery
  • String and Array Manipulation

9- jQuery Plugins

  • Benefits of Plugins
  • Integrating Popular Plugins
  • Image Manipulation with Slideshows and Carousels
  • Creating Custom Plugins

10- jQuery UI Overview

  • Configuring and Downloading the UI Library
  • Themes and Styles
  • Using ThemeRoller
  • Overview of UI Widgets