We use Panopto to record lecture videos. Course videos (e.g., lectures videos) can be found by logging on to ELMS. In the entry for the course, you will find videos under Course→Panopto Recordings. We will create Panopto video folders within the Lectures folders you will find in Panopto. If you look at a folder in Panopto you may see the message "This folder contains no videos.", but you could have folders with videos (e.g., Week01 folder under the Lectures folder). It takes about an hour for a video recorded in lecture to be available in Panopto. By the way, in Panopto, you may not see a folder unless you choose "Show all..."
| Week | Topics | Slides (for videos see info at the top) | Work |
|---|---|---|---|
| Week #1 (Jan 25) |
Course Introduction, Web Servers, HTML5 Intro | CourseIntro.pdf Fundamentals.pdf HTMLBasics.pdf HTMLBasicsCode.zip | |
| Week #2 (Jan 30) |
HTML5, CSS | HTML.pdf HTMLCode.zip CSSI.pdf CSSICode.zip | |
| Week #3 (Feb 6) |
CSS, Web Servers | CSSII.pdf CSSIICode.zip CSSIII.pdf CSSIIICode.zip WebServersForms.pdf WebServersFormsCode.zip | P1 Out (Tue) |
| Week #4 (Feb 13) |
Get vs. Post, HTML Forms, Javascript Intro | Forms.pdf FormsCode.zip JavaScriptIntro.pdf JavaScriptIntroCode.zip | P1 Due (Wed) P2 Out (Wed) |
| Week #5 (Feb 20) |
JS Data Types, Variables, Expressions, Strict Mode, let/const, console, Functions, String methods, Array methods, let/const, typeof, Hoisting, Scope, for..of, for..in, Template Literals, Sorting | JavaScriptII.pdf JavaScriptIICode.zip JavaScriptIII.pdf JavaScriptIIICode.zip |
P2 Due (Fri) |
| Week #6 (Feb 27) |
Truthy vs. Falsy, Numeric values, Arrow Functions, Events-Driven Programming I (Adding functionality to buttons, getting data from text fields) | JavaScriptIV.pdf JavaScriptIVCode.zip EventsI.pdf EventsICode.zip |
Exam #1 (Wed) |
| Week #7 (Mar 6) |
Animations, Inner HTML, JSON, Fetch, CORS | JSObjectsFetch.pdf JSObjectsFetchCode.zip |
P3 Out (Wed) |
| Week #8 (Mar 13) |
Default Parameters, Rest Operator, Spread Operator, Destructuring, Additional Array Methods, Sets, Maps, IIFE, Form Validation, Class definition using class | RestSpreadOpsArrayFunc.pdf RestSpreadOpsArrayFuncCode.zip MapsFormValidationClasses.pdf MapsFormValidationClassesCode.zip | |
| Spring Break 2022 (Mar 19 → Mar 26) | |||
| Week #9 (Mar 27) |
Custom Type Definition without class, Debugging, Error | AccessFormDataUsingJS.pdf AccessFormDataUsingJSCode.zip ObjectCustomType.pdf ObjectCustomTypeCode.zip ObjsOps.pdf ObjsOpsCode.zip Debugging.pdf DebuggingCode.zip AjaxErrors.pdf AjaxErrorsCode.zip |
P3 Due (Wed) |
| Week #10 (Apr 3) |
Ajax, Node.js | NodeJS.pdf NodeJSCode.zip |
Exam #2 (Wed) P4 Out (Wed) |
| Week #11 (Apr 10) |
Express, View/Templating Engines, LocalStorage, Canvas, Geolocation API, FileReader API, Sound | Express.pdf ExpressCode.zip HTMLAPIs.pdf HTMLAPIsCode.zip |
P4 Due (Thu) P5 Out (Thu) |
| Week #12 (Apr 17) |
Express Router, Cookies, Sessions, Modules, Relational Databases/SQL, fetch in Node.js, Promises | RouterCookiesSessions.pdf RouterCookiesSessionsCode.zip Modules.pdf ModulesCode.zip RelationalDatabasesSQL.pdf FetchInNodeJS.pdf FetchInNodeJSCode.zip Promises.pdf PromisesCode.zip |
P5 Due (Fri) |
| Week #13 (Apr 24) |
MongoDB | MongoDB.pdf MongoDBCode.zip |
Exam #3 (Wed) P6 Out (Wed) |
| Week #14 (May 1) |
Event Propagation, Generators, Node.js & MySQL, Sending Email with Node.js | EventPropagation.pdf EventPropagationCode.zip GeneratorsNodeAndMySQL.pdf GeneratorsNodeAndMySQLCode.zip |
P6 Due (Fri) |
| Week #15 (May 8) |
Miscellaneous | Bootstrap.pdf BootstrapCode.zip |
Last Day of Classes (Thu, May 11) Final Exam (Wed, May 17) 10 am (Final Exam Class Project Due) |