University of California, Davis - JavaScript Basics 

Welcome to this Course!

Module 1 Introduction

Introduction to JavaScript - Part 1

Introduction to JavaScript - Part 2

Introduction to JavaScript - Part 3

Tools Needed for Success

Skills Needed for Success

JavaScript Variables

JavaScript Variables Practice - Part 1

JavaScript Variables Practice - Part 2

JavaScript Variables Practice - Part 3

JavaScript Arrays - Part 1

JavaScript Arrays - Part 2

JavaScript Arrays Practice

A Note From UC Davis

Additional Resources

Additional Resources

Assessing Your Skills in HTML & CSS

Module 1 Quiz

Module 2 Introduction

Visual Studio - Part 1

Visual Studio - Part 2

Visual Studio - Part 3

Operators, Booleans & Selection in JavaScript

Try This!

Comparing Values

Else If

Switch Statements

Using &&

Loops in JavaScript

Working With Arrays

The For...Of Loop

While Loops

Structured Programming, Sequence - Part 1

Sequence - Part 2

Sequence - Part 3, Loop

Loop + Selection

JavaScript Basic Challenges Introduction

Functions in JavaScript

Passing In and Returning Data

Useful Example - Step 1

Useful Example - Steps 2-4

Useful Example - Step 5

More On Functions

Additional Resources

Additional Resource

JavaScript Basic Challenges Slide Deck

Additional Resource

Module 2 Quiz

Module 3 Introduction

JavaScript and the DOM

Dot Syntax and Methods

DOM: getElementsByTagName();

DOM: getElementsByClassName();

DOM: querySelector();

DOM: querySelectorAll();

innerHTML

className

Creating Elements and Text Nodes

Removing Elements

Capturing Events with JavaScript

Event Listeners

The Event Object

More On Events

Mouseover, Mouseover Events: HTML

Scroll Events: HTML

Window Resizing

Key Down Event

Scope in JavaScript

Strategy 1: Never Use Global Scope

Strategy 2: "use strict;"

Strategy 3: const and let

Scope in JavaScript Summary

Simple JS Slideshow - Part 1

Simple JS Slideshow - Part 2

Simple JS Slideshow - Part 3

Simple JS Slideshow - Part 4

Simple JS Slideshow - Part 5

Slideshow with Cross Fade Effect - Part 1

Slideshow with Cross Fade Effect - Part 2

Slideshow with Cross Fade Effect - Part 3

Slideshow with Cross Fade Effect - Part 4

Slideshow with Cross Fade Effect - Part 5

Slideshow with Cross Fade Effect - Part 6

Slideshow with Cross Fade Effect - Part 7

Additional Resource

Additional Resources

Additional Resources

Simple Slide Show Start Files

Advanced Slide Show Start Files

Module 3 Quiz

Module 4 Introduction

Basic Distance Converter Project - Part 1

Basic Distance Converter Project - Part 2

Basic Distance Converter Project - Part 3

Basic Distance Converter Project - Part 4

Basic Distance Converter Project - Part 5

Advanced Distance Converter Project - Part 1

Advanced Distance Converter Project - Part 2

Advanced Distance Converter Project - Part 3

Advanced Distance Converter Project - Part 4

Advanced Distance Converter Project - Part 5

Vacation Destination Project: HTML & CSS - Part 1

Vacation Destination Project: HTML & CSS - Part 2

Vacation Destination Project: HTML & CSS - Part 3

Vacation Destination Project: HTML & CSS - Part 4

Vacation Destination Project: HTML & CSS - Part 5

Vacation Destination Project: HTML & CSS - Part 6

Vacation Destination Project: JavScript - Part 1

Vacation Destination Project: JavScript - Part 2

Vacation Destination Project: JavScript - Part 3

Vacation Destination Project: JavScript - Part 4

Vacation Destination Project: JavScript - Part 5

Vacation Destination Project: JavScript - Part 6

Vacation Destination Project: JavScript - Part 7

Vacation Destination Project: JavScript - Part 8

Course Summary

Basic Distance Converter Start Files

Advanced Distance Converter Start Files

Vacation Desitnation Project - Part 1 Start Files

Vacation Desitnation Project - Part 2 Start Files

Course Recap Quiz