Advance JavaScript, jQuery, JSON and Ajax Course


Course Code: hsts-c5

Course Overview

In HSTS's JavaScript & jQuery Advanced w/ JSON & Ajax training class, students learn ways to improve their web pages and make functionality more efficient. During this hands-on, instructor-led training class, students will expand on their JavaScript and jQuery knowledge and learn how to use the features of JSON (JavaScript Object Notation) and Ajax (Asynchronous JavaScript And XML). Topics include:

  • The "Query" in jQuery
  • Action/Reaction: Making Pages Come Alive with Events
  • Animations and Effects
  • Improving Your Images
  • Improving Navigation
  • Expanding Your Interface with jQuery and jQuery UI
  • JSON and Ajax Client Side Applications

Course Prerequisites

Students must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders. The following HSTS classes or working knowledge in all topics covered in these outlines:
Beginner Website Design Using HTML and CSS
Responsive Website Design Using Advanced HTML5 and CSS3
JavaScript and jQuery Introduction

Job Roles For This Course

Web Developers
Web Programmers
Web Designer
Graphic Designer

Projects Using This Course

Developing HTML Web pages and Websites

Related Training and Courses

PHP and MySQL Coding
Node.JS Coding with Hands-on Training
Cross-platform Native App Development Using HTML5, CSS3 and JavaScript
Object Oriented Programming with UML
Developing Web Applications Using AngularJS
SQL Programming and DB Management
Introduction to the WordPress CMS
Introduction to the Joomla CMS
Mastering Drupal in Six Hours
Intro to Dreamweaver with Website Development Training
Adobe Muse Training Course
Responsive Site Design with Bootstrap
PHP Programming Language
Introduction to Python Programming

Class Info

Highlights

  • 10 sessions each 1.5 hours with hands-on training led by experienced instructors
  • Digital courseware and online course tracking
  • Final course project delivery
  • Certificate of Completion for each course
  • Session-based assignment

Enrollment Fee

$29 per class hour or $390 per course

Location

  • In Person at HacDC's office (1525 Newton St, NW, Ste 212 Washington DC, 20010) located 2 blocks from the Columbia Height metro
  • Private custom training on site or at your location
  • Project based training cn site or at your location

Time

  • In Person: 9AM-3:00PM (1 hour Lunch)
  • Private custom & project based training: your preference

Software Versions

Our classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 240-200-6131

Online Registration Form

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



Course Outline

1. Coding JavaScript Functions & Arrays
Function Introduction
Functions, Parameters, and Returns
Calling Functions from Events
Declaring Arrays
Manipulating Arrays

2. Obtaining and Manipulating User Information
Navigator Object
Window Objects
Screen Object
User Information

3. JavaScript and jQuery Advanced
About JavaScript Libraries
Getting jQuery
Adding jQuery to a Page
Modifying Web Pages: An Overview
Understanding the Document Object Model
Selecting Page Elements: The jQuery Way
Adding Content to a Page
Setting and Reading Tag Attributes
Reading, Setting, and Removing HTML Attributes
Acting on Each Element in a Selection

4. The “Query” in jQuery
Using jQuery selectors
Wildcards
Selecting by: Tag, Id, Class, Attribute, position

5. Action/Reaction: Making Pages Come Alive with Events
What Are Events?
Using Events the jQuery Way
Introducing Events
More jQuery Event Concepts
Advanced Event Management

6. Animations and Effects
jQuery Effects
Login Slider
Animations
Performing an Action After an Effect Is Completed
Animated Dashboard

7. Improving Your Images
Swapping Images
Cross Fading images
Timer based animations

8. Improving Navigation
Some Link Basics
Opening External Links in a New Window
Creating New Windows
Opening Pages in a Window on the Page
Basic, Animated Navigation Bar

9. Expanding Your Interface with jQuery and jQuery UI
Organizing Information in Tabbed Panels
Adding a Content Slider to Your Site
Determining the Size and Position of Page Elements
Adding Tooltips

10. JSON and AJAX Client Side Applications
Calling JSON APIs
Building DOM from Data and JQuery
Adding Interactivity to dynamically created assets