Videos

Course Screencasts & Videos  

basics html css json objects functions scope callbacks servers github animation al documents css-extra dom syntax collections bus-simulation gmaps mechanics this this-problems misc setup configuration

Basics: Github Setup

Github Setup Mac
Github Setup Windows

Basics: Editors, File System, Hello World!

Basics: Editor
Basics: TextEdit
Basics: File System Mac
Basics: File System PC
Basics: Hello World!
Basics: Debugging

Basics: HTML

HTML Document Standard
HTML Tags H1, BR, P, HR
HTML Images
HTML Links
HTML Tags B, I, Code, Blockquote
HTML Lists
HTML Tables
HTML Forms
HTML iFrame

Basics: CSS

CSS Introduction
CSS Selectors
CSS External
CSS Cascading
CSS Box
CSS Color
CSS Text
CSS Font
CSS Google Fonts
CSS Multi Column
CSS Z Index

Basics: Syntax

JavaScript Console
Variables
If ... Else
For Loops
Debugging
Calling JavaScript
Style
Language Reference

Arrays

JavaScript Array Basics

JSON

JavaScript Object Notation (JSON) Basics

Walking through JSON Data

JSON Debugging

Objects

Simple Object - Object Hello World

Objects - assigning objects to properties

Object - properties with arrays of objects

Objects - deep nesting

Simple function - hello world

Objects - assigning methods to properties

Passing functions as parameters

Variable Scope

Copying by value

Object references

Object properties - reference and value

Objects - multiple references

Functions

Function Basics

Functions are Objects

Functions Provide Scope

Value and Reference

Value and Reference II

Variable Scope

Scope: Basics

Scope: Forgetting Var

Scope: Nested Functions

Callbacks

Callback Functions

forEach Callback Functions

Filter Callback Functions

Sort Callback Functions

Map Callback Functions

Reduce Callback Functions

Bringing it all Together

DNS

Domain Name System (DNS)

Application Servers & Package Management

Node.js Introduction

Node.js - Creating Modules

NPM Introduction - The Package Manager for Node.js

Installing Packages, Locally and Globally

Write an HTTP Server

Database (sqlite3)

Create an NPM Package

Setup & Configuration - Editor Setup

Sublime Text Setup: Mac
Sublime Text Setup: PC
VS Code Setup: Mac , config data
VS Code Setup: PC , config data

Setup & Configuration - Github Setup

Github Setup: Mac
Github Setup: PC

Setup & Configuration - Github Cycle

Github Cycle: fork -> clone -> add -> push -> pull request
Github Cycle: fork -> clone -> add -> push -> pull request (PPT)
Github Cycle: fork -> clone -> add -> push -> pull request (PDF)

Setup & Configuration - Testing Setup

Testing Setup: Mac
Testing Setup: PC

Setup & Configuration - Debugging Setup

Setup Debugging VSCode: Mac
Setup Debugging VSCode PC
Setup Debugging Node Inspect Option: Mac
Setup Debugging Node Inspect Option: PC

Videos for Image Moving Class

First Object

Object references

Get Mouse Events

Drag-n-Drop

Active Learning Submission Instructions

Video: Active Learning Submission

PDF: Active Learning Submission

Development Environment

Setup Development Environment on Mac

Setup Development Environment on Windows

Setup Development Environment on Windows (Alternative Approach)

Shortcuts & Configs

Style Guide (Reference)

Themes (Optional)

Snippets (Optional)

Web Document

Creating an HTML page

Web Request by hand

Simple Browser

Giving ID to Elements in the DOM

Optional CSS Resources

Video: CSS Resources

Link: MDN CSS

Link: Bootstrap

The Document Object Model

Get Elements from DOM

PacMan Exercise

Collections

Strings and Arrays

Integer Arrays

Objects Layout

Point Object Creation

Bus Simulation and Visualization

Guide

Demo of running simulation

Map Basics

Map Overlay

Timers

Google Maps

Google Maps - Hello World

Mechanics

Get Mouse Events

Spring-Mass Systems

Total Energy of Particle Systems

Continuum Mechanics based on Particles

Learning to Use "this"

Using "this" in objects

Using "this" in functions

Inconsistencies in "this"

Problems with "this"

"this" changing scope - be careful

"this" in module pattern

alternatives to "this" in module pattern

"this" within objects

Miscellaneous

Video - Simple Web Server
Video - Making a server call
Video - MongoDB install - OSX
Video - MongoDB install - Windows
Video - Robomongo - Setup
Video - Xml to JSON - Using Node.js Package
Video - CSV to JSON - Using Node.js Package
Video - MongoDB - Data Conversion and Import
Video - MongoDB Console Queries
Video - Node.js - HTTP Server Hello World
Video - Node.js - Query String Parameters
Video - XMLHttpRequest basics
Video - XMLHttpRequest using query string parameters
Video - Browser/Node.js/MongoDB connection