Title: Fall 2023 - WEBD 164 (41934)

Week 1 (Aug 21) The JavaScript Syntax, Hello World
  Week 1
  Overview of Webd 164
  Overview of Web Development
  Week 1 Chapter 1 Lecture
  Webd 164 Week 1 lecture
  Introduce Yourself (Mandatory....please) It counts as participation
  JavaScript Syntax and Positioning
  Fun with Variables
  Homework 1 - Operators and Window Objects
  Quiz Week 1 Basics Quiz
  bookcode.zip
  week1.zip
Week 2 (Aug 28) How to Work with JS Data / Variables / Operators
  Reading This Week
  Week 2 Lecture
  Window Methods
  Webd 164 Variables, Conditions and Loops (Chapter 2)
  Webd 164 More Variables and Operators (Code with me)
  Temporal Dead Zone Explained
  Webd 164 Overview of debugging and Javascript Errors (Lecture Video - Chapter 5)
  Reserved Words Document (Don't use these!)
  Quiz Week 2 Variables
  Practice
Week 3 (Sep 5) How to Code Control Statements / More Operators
  Week 3 Overview
  Webd 164 Chapter 3 Lecture
  Week 3 - Reading this week
  Webd 164 For and While loops (Code with me)
  Webd 164 Conditions (Video and Code)
  Webd 164 getElementById and innerHTML (Video Demo)
  Webd 164 Loop Practice (Video Demo)
  Webd 164 Condition Review (Video)
  Var, Const and Let
  Quiz Week 3 Control Statements
  Homework 2
  Array Practice
  JavascriptWeek3.zip
Week 4 (Sep 11) How to Use Objects to Work with Data, Dates, Functions
  Week 4 Reading
  Chapter 4/Week 4 Lecture
  Webd 164 The Date Object (Video Demo)
  Date Object cheatsheet
  String Object
  Homework 3 - Events and Functions
  Google Chrome Developer Tools: 12 Tricks to Develop Quicker
  Quiz Week 4 Objects, Dates
Week 5 (Sep 18) How to Use Functions and Events
  Week 5 Reading
  Week 5 Lecture (More on Functions)
  Webd 164 Functions (Video)
  Webd 164 Key Events (Video)
  Webd 164 A little about the event object
  Chrome Tools Debugger
  Quiz Week 5 Functions
  What is a callback function?
  Homework 4 - table loop
Week 6 (Sep 25) How to Use Functions and Events
  Week 6
  Week 6 Reading
  Week 6 Lecture (Events)
  Webd 164 A little about the Event Object
  What is Hammer JS and how can it help us?
  Strict Mode Explained (Article)
  Learning Vanilla JS before Frameworks? (Article)
  Touch Events (From Mozilla)
  Miles Per Gallon App
  Email List App
  webd164week6.zip
Week 7 (Oct 2) How to Work with Arrays – basic concepts
  Week 7 Reading
  Week 7 Lecture (Chapter 15 Arrays)
  Webd 164 Arrays and Looping around them (Video Demo)
  Webd 164 Array Methods
  Associative Array in JS
  Arrays Info (Cheat Sheet)
  JavaScript Storage Demo (You'll see this in chapter 15)
  Webd 164 What is the document.ready?
  Webd 164 Initializing and looping around arrays
  Array exercise
  Quiz Week 7 Arrays
  Array Exercises
  task_list.zip
Week 8 (Oct 9) How to use the Document Object Model (DOM)
  Week 8 Reading
  Webd 164 Week 8 Lecture (Dom Scripting)
  FAQ's App (Example of Dom Scripting)
  Lint Comparisons
  Article on the DOM
  What does "strict" do?
  Week 8 DOM Handout
  Quiz Week 8 DOM
  Webd164week8.zip
Week 9 (Oct 16) How to use the Document Object Model (DOM) Part 2
  Week 9 Reading
  Week 9 Lecture (DOM Part 2)
  Webd164 DomPart2 (This is from the 3rd Edition of the Text)
  The Register 2.0 App
  Sample Code (Week 9 Scripting with the DOM)
  Recursing through the Document Object with Childnodes
  Homework 5 - DOM Loop
  Webd164week9.zip
Week 10 (Oct 23) Links, images, timers
  Week 10 Reading
  Week 10 Lecture
  JavaScript Custom Objects
  Prototyping JavaScript Objects
  setInterval vs setTimeOut: Which is faster?
  Webd 164 JavaScript Timer Methods
Week 11 (Oct 30) Selectors, Methods, and Event Methods
  Week 11 Reading
  Webd 164 Getting Started with jQuery (Lecture)
  Webd 164 jQuery Methods and Selectors
  Getting Started with JQuery
  jQuery overview with Cody Lindley
  Quiz Week 11 jQuery
  Webd164week11.zip
Week 12 (Nov 6) Using jQuery Effects
  Week 12 Reading
  Webd 164 Animation and Effects (Part 1)
  Book Code...effects and animation (above video)
  Webd 164 jQuery UI Overview
  FinalProjectIdeas.docx
  Webd 164 Project Idea 1: Mobile Login
  Webd 164 Project Idea 2 - Gallery
  Gallery
  Ajax in a nutshell
  Ajax with jQuery
  How to Work with JSON and Ajax
  Homework 6: Ajax
  Quiz Week 12 jQuery
  Final Project
  Webd164Week12.zip
Week 13 (Nov 13) Using jQuery Animations
  Week 13 Reading
  Using jQuery Animations (Part 2)
  Webd 164 Project Idea 3 - Task Storage (or store anything)
  How to Parse JSON (This can be a project)
  Using a JSON Parser (You would use this on an API for your project)
  Animate
  Chaining Animation example
  Webd164week13.zip
Week 14 (Nov 27) Using Plugins and the UI Components
  Week 14 Reading
  Webd 164 Week 14 Lecture
  Webd 164 Jquery Mobile in use with jQuery UI
  Webd 164 jQuery Mobile Demonstration
  Webd 164 jQuery Sample Code
  jQuery Percentage Loader
  jQuery Search Filter
  Webd 164 jQuery UI Download Builder
  Webd164week14.zip
Week 15 (Dec 4) Forms and Validation using jQuery
  Week 15 Reading
  Webd 164 Form Validation with jQuery
  Week 15 Lecture (Chapter 10)
  webd164week15.zip
Week 16 (Dec 11) What's Next ES6,7,8,9
  JavaScript brief history and ECMAScript(ES6,ES7,ES8,ES9) features
  Arrow Syntax
  ES6
  Webd 164 ES6
  Quiz Week 16 Final Exam
  Final Project
Project Ideas (How to attack)
  Webd 164 jQuery Store Locator
  Webd 164 Tipue Search Install
  JSON Placeholder Practice
  ajaxplaceholder.html (code for above video)
  getJSON
  getJSON.html (code for above video)
  Final Project