University of California, Davis - Data Manipulation in JavaScript 

Welcome to this Course!

Module Introduction

Introduction to HTML Forms

Adding a Label

Radio Button Input Types

Using the Checkboxes Input Types

Using Textarea Elements

Styling Your Form

Introduction to Basics of Form Validation

Processing the Form

Backend Validation with PHP

Plain JavaScript Validation - HTML

jQuery Form Validation

jQuery Validator Plugin - Part 1

jQuery Validator Plugin - Part 2

Introduction to Advanced Form Validation

Starting the Script

Checking the Phone Number

Adding Messages

Styling Your Form

A Note From UC Davis

Start Files: Basic Form HTML

PDF of Presentation

Start Files: Basic Form Examples

PDF of Presentation

Start Files: Advanced Validation

PDF of Presentation

Module 1 Quiz

Module Introduction

Introduction to Prototypes & Inheritance

iPhone Example

Overriding Inheritance

Another Inheritance Example

hasOwnProperty()

Introduction to Arrow Functions

Parameters and Arrow Functions

Constructor Function Expression

Seat Reservation Program Introduction

PDF of Presentation

PDF of Presentation

Arrow Function Challenges

Start Files: Seat Reservation - Part 1

PDF of Presentation

Module 2 Quiz

Module Introduction

Introduction to Creating the Seats

The Left Section

The Right Section

The Middle Section

Figuring Out Variables

Adding Switch Statements

Adding the Loop and HTML

Using an Arrow Function

The reservedSeats Object

Affecting the DOM

With IIFE Closure

Adding an Array

Two Pieces Needed

Getting the Seat ID

Getting the Index

Adding the If Statement

The Finished Function

Adding the Form HTML

Open and Close Form Event Handlers

manageConfirmForm Function

Updating the Else Statement

Fixing Bugs on the Form

Fixing More Bugs

Additional Condition Statement

Setting Up the Final Steps

Back to the Object

Adding Each Record

Clean Up

Final Fixes

Start Files: Seat Reservation - Part 1

PDF of Presentation

PDF of Presentation

PDF of Presentation

Start Files: Index HTML

PDF of Presentation

Start Files: Styles CSS

PDF of Presentation

Module 3 Quiz

Module Introduction

Introduction to Asynchronous JavaScript

Example: XMLHttpRequest - getData();

Example: XMLHttpRequest - useResponse();

jQuery to the Rescue

The Fetch API and Promises - getData();

The Fetch API and Promises - response.text;

Async and Await Keywords

Working with JSON Data

Example 5: OutputHTML Function

Example 6: Async and Await with JSON

Introduction to JavaScript Event Loop

Example 3

Examples 4 & 5

Example 6: setTimeout

Creating a Basic jQuery Version

Loading and Validating Form Data

Sending the Data

Async / Await Version

Getting the Data

Creating a Contact Me Form

Working with Error Messages

The sendData() Function

Updated displayMessage() Function

Course Summary

Introduction to Third Party APIs

Starting Your Project

Creating the Card

The Whole Function and Sorting Function

Adding a Form

setSort() Function

Running and Changing the Sort

Fixing the Current Flow

One More Thing

Gettingstarted and Updating createCard Function

Helper Function and People Card

Testing the People Card

Click Handlers, Alerts, and Variables

Data Promise and Update Create Card

Looking At Locations

Dealing With Errors

Species and Vehicle Cards

Fixing the Sort

Start Files: Asynchronou JS Examples

Additional Resource

PDF of Presentation

Start Files: JavaScript Event Loop

PDF of Presentation

Start Files: Contact Form Project

PDF of Presentation

Start Files: Studio Ghibli - Part 1

Additional Resources

Start Files: Studio Ghibli - Part 2

Additional Resources

PDF of Presentations

Module 4 Quiz

Honor's Quiz