JavaScript Data, Ajax, and REST Course

Course Summary

The JavaScript Data, Ajax, and REST course is designed to demonstrate how to utilize AJAX and Representational State Transfer (REST) properly to fetch, change, and retrieve data within a web application.

The course begins with a review of AJAX and the browser's AJAX objects. Next, it examines REST architecture and the ways in which RESTful data can be loaded through various JavaScript Frameworks, followed by explanations of how browsers handle and transfer files to servers. The course concludes with an exploration into how to construct a simple RESTful API using Node.js.

Purpose

Learn how to use AJAX and REST properly to fetch, change, and retrieve data within a web application.

Audience

Developers and developer teams looking to use Ajax in their programs.

Role

Software Developer

Skill Level

Advanced

Style

Workshops

Duration

4 Days

Related Technologies

JavaScript

Ruby on Rails

Web Development

Download

Productivity Objectives:

Configure and install Ruby on Rails
Explain Rails' opinions and how to embrace or override them
Build a new Rails application from scratch
Demonstrate how to leverage ActiveRecord with associations, validations, and callbacks
Identify how to configure Rails' routing

Learn About Virtual Training

Request Information

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

If you are not completely satisfied with your training class, we'll give you your money back.

about our training

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners

Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

What You'll Learn

In the JavaScript Data, Ajax, and REST training course, you'll learn:

Ajax Overview
- History
- How Ajax works
- Limitations of Ajax
The XmlHttpRequest Object
- Load Data with pure JavaScript
- The Ready State
- Handle errors
- Introduce CORS
Loading Data with jQuery
- The $.ajax() Method
- The Done Method
- The Fail Method
- The Always Method
Browser Data Types
- Load text data
- Load HTML
- Load scripts
Loading and Parsing XML
- Load XML
- Parse Loaded XML
- Parse XML as JSON
Working with JSON
- Build JSON models and collections
- Format JSON
- Stringify and Parse JSON
Loading JSONP
- What is JSONP?
- Look at JSONP enabled APIS
- Utilize JSONP with jQuery
REST Architecture
- What is REST?
- Implement a REST Architecture
URL Routing and REST
- RESTful URLs
- Create routes
- GET, POST, PUT, DELETE
Response Codes
- Understand response codes
- Load Data based on Response Code
- Successful responses
- Error responses
CORS – Cross Origin Resource Sharing
- What is CORS?
- Implement CORS
- Check for CORS
- Load CORS Data
Data Models and Views
- MV* Design Patterns
- MV* Technologies
Introduction to Backbone
- Routes
- Models and collections
- Views
Loading Data with Backbone
- Fetch data
- Update models and collections
- Remove data
Polling and Long Polling
- Implement Poling
- Implement Long Polling
Synchronizing Data
- Store last modified records
- Check for 304 Responses
- Synchronize Data with the Server
Introducing Web Sockets
- Explore the types of Web Socket Applications
- Connect to a Web Socket
- Send Data to a Web Socket
- Receive Data from a Web Socket
- Disconnect from a Web Socket
Uploading a File with jQuery
- Prepare the form for a file upload
- Pass the file to the server
Reporting on Upload Progress
- Get the file upload progress
- Report progress to the user
- Create a progress bar
The Drag and Drop API
- Drag and drop files into the server
- Use Image Data URI
- Drop multiple files
Creating REST API with Nodejs and Express
- Create a Simple Node and Express API
- Build the Model
- Add the Routes
- Add CORS
- Test the API
- Secure the API