Course Calendar

Subscribe to this calendar (google, iCal, etc.)

Notes

Lectures are in JHN 102.
Readings are listed on the day of class they are designed to supplement. You are expected to read them before class that day.
"Extra Resources" are optional - they are carefully chosen as recommended materials for supplementing your studies for different topics/languages.
You can find the weekly WPL schedule here.

September
Monday	Tuesday	Wednesday	Thursday	Friday
24	25	26 Lecture Intro to CSE 154, HTML I: Basics Readings What is HTML? Materials Slides Video Template index.html file	27 Lab GitLab and AboutMe Page Materials Slides Lab1 AboutMe Out	28 Lecture HTML II: More Tags, Accessibility Readings Website Structure Elements Web Style Guide: Semantic Tags W3c Accessibility Introduction Materials Slides Video Lab1 AboutMe Due Saturday 11PM CP1 Out

October
Monday	Tuesday	Wednesday	Thursday	Friday
01 Lecture CSS I: Basics Readings Div vs. Section vs. Article What is CSS? CSS Basics: Styling Text Materials Slides Video Extra Resources HTML and CSS Reference List CSSZenGarden CSS Terms and Definitions	02 OH (Melissa) 12:30-1:30 in CSE 280 Section HTML and CSS Materials Slides	03 Lecture CSS II: Selectors, More Styles, and Box Model Readings Ch. 3 (Getting to Know CSS) Ch. 4 (Box Model) Materials Slides Video Extra Resources `formatHeading` Practice Selector Mystery Practice Using Chrome Inspector for Editing CSS OH (Lauren) 10:30-11:30 in CSE 450 HW1 Out	04 Lab CSS Layout Materials Slides CP1 Due (11PM) Exploration Session TA Tips, Tricks, and Tools Materials Slides Video Details MGH 241 (5:00-6:30PM)	05 Lecture CSS III: Layout Techniques Readings CSS Layout Techniques Materials Slides Video Extra Resources CSBS: cubeBlock exercise CSBS: lBlock exercise CSBS: boxFrame exercise
08 Lecture Intro to JS: Language Basics Readings Lecture Preview Slides Grammar and Types (skim for now, use as reference later) Materials Slides Video Extra Resources Practice exercises included on slides Intro to JS Tutorial - (Lessons 1-6)	09 OH (Melissa) 12:30-1:30 in CSE 280 Section Intro to JS Materials Slides	10 Lecture JS and the DOM Readings Manipulating the DOM (Active Learning sections are optional, but recommended practice) Handling Page Events in JS Materials Slides Video Extra Resources HTML Form UI Elements Guide OH (Lauren) 10:30-11:30 in CSE 450 HW1 Due (11PM) CP2 Out	11 OH (Melissa) 2:30-3:30 in CSE 280 Lab JS DOM and Events - Encrypt-It Materials Slides Exploration Session CSS3 Animations Materials Slides Video Details MGH 241 (5:30-6:30PM)	12 Lecture JavaScript: Page Event Flow and Intro to Timers Readings Review Events and UI Elements from Wednesday/Thursday materials Materials Slides Video Extra Resources Animations with setInterval and setTimeout (video) - Note: great demo to see animations in action but use `let` instead of `var` HTML Form UI Elements Guide (if you haven't look over this yet)
15 Lecture JavaScript: JS Timers and DOM Manipulation Readings Changing the DOM Materials Slides Video Extra Resources Scheduling: setInterval vs. setTimeout (a deeper overview for those interested) Timers Code Example HW2 Out	16 OH (Melissa) 12:30-1:30 in CSE 280 Section JS: Animations and Updating the DOM Materials Slides	17 Lecture JavaScript: More DOM Manipulation and Input Validation Readings Manipulating classLists Input Validation Materials Slides Video Extra Resources Toggling classes OH (Lauren) 10:30-11:30 in CSE 450 CP2 Due (11PM)	18 OH (Melissa) 2:30-3:30 in CSE 280 Lab More JS DOM and Events - Nonograms Materials Slides	19 Lecture classLists then Introduction to JSON Readings JSON JSON data types Materials Slides Video
22 Lecture Intro to AJAX: Plain text Readings Arrow Functions (included for occassional arrow function syntax you may see in documentation, but not required) What is fetch? Materials Slides Video	23 OH (Melissa) 12:00-1:00 in CSE 280 Section JS: Intro to AJAX/fetch Materials Slides	24 Lecture JS with AJAX II: JSON Readings No reading for today - review Monday's reading Materials Slides Video OH (Lauren) 10:30-11:30 in CSE 450 HW2 Due (11PM) CP3 Out	25 OH (Melissa) 2:30-3:30 in CSE 280 Lab Midterm Practice Materials Slides Exploration Session Midterm Strategies/Review Materials Slides Details MGH 241 (5:30-6:30PM)	26 Lecture Midterm Prep (Optional) Materials Slides Video Midterm Exam 17:15-18:15 in KANE 110 Extra Resources Exam Resources
29 Lecture JS with AJAX III: Public APIs Readings Pre-Lecture Activity (please complete the short questions!) Materials Slides Video Extra Resources API Keys vs. OAuth Tokens	30 OH (Melissa) 12:30-1:30 in CSE 280 Section JS: Practice with fetch/APIs Materials Trivia API Slides Alternative API Slides HW3 Out	31 Lecture Client-Side Storage with JS Readings Client-Side Storage Technologies Materials Slides Video Extra Resources cookies.zip (example to fill in) dictionary.zip (demo'd in class) OH (Lauren) 10:30-11:30 in CSE 450	01 OH (Melissa) 2:30-3:30 in CSE 280 Lab Mowgi's Cafe part I Materials Slides CP3 Due (11PM)	02 Lecture PHP I: Basics Readings Make sure you have successfully installed PHP (from Lab) Skim slides Materials Slides Video php-examples.zip Extra Resources Web API Analogies Interactive PHP Basics Tutorial (you can practice using your own command line too!) Another great PHP Reference PHP Practice on CodeStepByStep

November
Monday	Tuesday	Wednesday	Thursday	Friday
05 Lecture PHP II: Arrays, Functions, Intro to PHP Web Services Readings Review Friday's Materials Materials Slides Video php-examples-ii.zip Extra Resources `triangle` (CSBS) `numbers` (CSBS) `find_mean` (CSBS) HW3M1 Due	06 OH (Melissa) 12:30-1:30 in CSE 280 Section PHP Arrays and Web Services Materials Slides	07 Lecture PHP III: PHP Web Services with File Processing Readings File Processing Basics with PHP Materials Slides Video php-examples-iii.zip Extra Resources PHP Debugging Tips `flip_lines` (CSBS) OH (Lauren) 10:30-11:30 in CSE 450 CP4 Out	08 OH (Melissa) 2:30-3:30 in CSE 280 Lab File/Directory Processing in PHP Materials Slides Exploration Session Web Sockets Materials Slides Video Details MGH 241 (5:00-6:20PM)	09 Lecture PHP IV: Writing a PHP Web Service (JSON) Readings Make sure you're caught up with readings/materials from this week Materials Slides Video Extra Resources jsontest.zip pointsofinterest.zip HW3 Due
12 Veterans Day	13 OH (Melissa) 12:30-1:30 in CSE 280 Section Writing and using PHP Web Services with GET/POST Materials Slides HW4 Out	14 Lecture Regex and HTML/JS/PHP Input Validation Readings Form Validation Methods Introduction to Regex Using Regular Expressions in PHP Materials Slides Video form-validation-example.zip php-regex-functions.zip js-regex-find-replace.zip Extra Resources RegexCrossword Rubular Regex Tester OH (Lauren) 10:30-11:30 in CSE 450 CP4 Due (11PM)	15 OH (Melissa) 2:30-3:30 in CSE 280 Lab Regex and HTML5/JS/PHP Validation Materials Slides	16 Lecture SQL I: Basic Queries Readings SQL Basics Tutorial (SELECT, DISTINCT, WHERE, AND/OR/NOT, ORDER BY) Materials Slides Video
19 Lecture SQL II: SQL Modify Statements and PHP/SQL preview Readings Create DB INSERT INTO UPDATE DELETE Introduction to PDO Materials Slides Video Extra Resources potluck.zip todo.zip	20 OH (Melissa) 12:30-1:30 in CSE 280 Section SQL Queries Materials Slides	21 Lecture Chrome Extensions Readings What are Chrome Extensions? Materials Slides Video Extra Resources hello-popup.zip doggy-tabs.zip OH (Lauren) 10:30-11:30 in CSE 450 HW4 Due (11PM) CP5 out	22 Thanksgiving Break	23 Thanksgiving Break
26 Lecture PHP with SQL Readings Review Lec 22 slides Introduction to PDO Materials Slides Video Extra Resources potluck.zip	27 OH (Melissa) 12:30-1:30 in CSE 280 Section PHP and SQL Connection with PDO Materials Slides HW5 out	28 Lecture PHP with SQL II Readings Review Slides Video Extra Resources potluck.zip OH (Lauren) 10:30-11:30 in CSE 450 CP5 Due (11PM)	29 OH (Melissa) 2:30-3:30 in CSE 280 Lab PHP and SQL with POST Requests Materials Slides Exploration Session Web Security Materials Slides Details MGH 241 (5:00-6:30PM)	30 Lecture SQL III: Multi-Table Queries Readings Multi Table Joins Materials Slides Video Extra Resources Query Tester

December
Monday	Tuesday	Wednesday	Thursday	Friday
03 Lecture Flask Readings Python Programming in 15 minutes Intro to Flask Materials Slides Video Worksheet	04 OH (Melissa) 12:30-1:30 in CSE 280 Section Multi-Table SQL Queries Materials Slides	05 Lecture Past 154 Students Panel Readings Please fill out the survey in advance! OH (Lauren) 10:30-11:30 in CSE 450	06 OH (Melissa) 2:30-3:30 in CSE 280 Lab Practice Final Exam Materials Practice Exams HW5 Due (11PM)	07 Lecture Course Wrapup/Final Review Slides
10	11 Final Exam 2:30-4:30 in JHN 102 Extra Resources Exam Resources	12	13	14