Javascript: AJAX & JSON

In this course, you’ll learn advanced JavaScript, JSON, and AJAX and how to use them to achieve your professional and creative goals.

Upon completion of this course, you’ll be able to:

  • Use JSON to serialize data for storage in the browser or on the server.
  • Store and retrieve data using Ajax and LocalStorage.
  • Optimize your DOM manipulation code with Document Fragments.
  • Use Strings and Dates more effectively in your code.
  • Catch errors with Exceptions.
  • Add location and maps to your applications with Geolocation and Google Maps.
  • Modularize your code with Modernizr.
  • Build a dynamic, interactive, front-end web application.

From beginning to end, you will learn by doing your own JavaScript-based projects using JSON and AJAX and handing them in for instructor feedback. These projects will result in an impressive final application which will add to your portfolio and contribute to certificate completion. Besides a browser and internet connection, all software is provided online by the O’Reilly School of Technology.

This course counts toward the Client Side Web Programming Certificate Series.

Prerequisites: Introduction to HTML and CSS and Modern JavaScipt: An Introduction or equivalent solid foundations in HTML, CSS, and JavaScript. This course is meant for the intermediate or advanced programmer.

90 Clock-hours  6 CEUs  $448.00 $313.60

Add to Cart:   Proceed with Enrollment

Course Details and Syllabus

Course: Javascript: AJAX & JSON
Tuition: $448.00 $313.60
Time Frame: This course is online and self-paced. You can expect to work approximately 90 hours on this course.
Technical Requirements: As long as you have a web browser and internet connection, you can take this course from anywhere in the world.
CEUs: 6 Continuing Education Units with official letter from O’Reilly Media.
Software: The web-based Learning Sandbox® provided for you will contain all your lessons, projects, quizzes, account files, editors, and rendering tools necessary to build your skills from beginning to end, even beyond coursework. No other software is needed.
Instructor: You will have one instructor throughout the course who will evaluate your projects and quizzes, hand them back for improvement when necessary, and coach you throughout your skills advancement.
Book: All required course materials and software are included online within the Learning Sandbox®. However, within a few weeks of enrolling, you’ll receive the e-book JavaScript Cookbook as a reference resource from O’Reilly.
Certificates: Completion of this course counts toward the Client Side Web Programming Certificate Series.
Prerequisites: Introduction to HTML and CSS and Modern JavaScript: An Introduction, or equivalent solid foundations in HTML, CSS, and JavaScript. This course is meant for the intermediate or advanced programmer.
Topics: Browser detection, JSON, string objects, form validation, Geolocation, using the Google Maps API, cookies and how to create user-friendly AJAX applications, etc.
Syllabus:
    • Lesson 1: Introduction to JSON
      • Review of Arrays and Objects
      • JavaScript Object Notation
      • Why Use JSON?
      • How to Use JSON in JavaScript
      • JSON or XML?
    • Lesson 2: Introduction to Ajax
      • What is Ajax?
      • Without Ajax
      • With Ajax
      • The Ajax Request/Response Model
      • Benefits of Ajax
      • What You Need in Order to Use Ajax
    • Lesson 3: Your First Ajax Application
      • The HTML & CSS
      • The JSON Data
      • The JavaScript
      • The XMLHttpRequest Object
      • Asynchronicity Rocks!
      • Content Types and Headers
      • Cross-Domain Security Restrictions
    • Lesson 4: The To-Do List Application
      • Create the Files
      • Create an Array of Todo Objects
      • Update the Page with To-Do Items
    • Lesson 5: Saving Data with Ajax
      • Adding and Saving a To-Do List Item
    • Lesson 6: Document Fragments
      • Using Document Fragments to Add Elements to a Page
      • Using Document Fragments in the To-Do List Application
      • Enhancing the To-Do List Application
    • Lesson 7: Introduction to Local Storage
      • What is Local Storage?
      • Exploring Local Storage in the Browser
      • A Closer Look at the localStorage Object
      • Using the localStorage Object with JavaScript
      • Iterating Through Local Storage
      • Removing Items from Local Storage
      • Cookies (Not the Kind You Can Eat)
    • Lesson 8: Updating the To-Do List Application for Local Storage
      • Storing Objects in Local Storage
      • Saving To-Do Items in Local Storage
      • Getting To-Do Items from Local Storage
      • The String substring() method
    • Lesson 9: Deleting To-Do List Items
      • Adding a Way to Delete a To-Do Item
      • A Problem With Our ID Scheme
      • An ID Scheme Using Time
      • Deleting Items from Local Storage and the To-Do List
      • Moving the ID to the Parent Element
    • Lesson 10: Strings and String Methods
      • String Basics
      • Basic String Comparison and Searching
      • Improving the Search
      • The Substring() and Split() Methods
      • Regular Expressions
      • Summary of String Properties and Methods
    • Lesson 11: Dates and Data Formatting
      • What’s the Date and Time Right Now?
      • Dates and Time Zones
      • Setting a Date and Time
      • Converting Strings to Dates
    • Lesson 12: Handling Exceptions with Try/Catch
      • What Causes an Exception?
      • Throwing Exceptions and the Finally Clause
      • Using Exceptions and Try/Catch
    • Lesson 13: Geolocation and Google Maps
      • How Geolocation Works
      • Getting Your Location into a Web Page with Geolocation
      • Handling Errors
      • Adding a Google Map
      • Adding a Marker to the Map
  • Lesson 14: Using JavaScript Libraries
    • Detecting Features You Can Use with JavaScript
    • Feature Detection and the Modernizr Library
    • Using Modernizr.load to Load Different JavaScript Files
    • Checking Multiple Features with Modernizr