Applied Internet Technology

• Introductions
• JavaScript Basics
• Variables
• Functions

• Intro
• About JavaScript (h)
• Values, Types, and Operators (s)
• Variables, Built-in Functions
• Control Structures (s)
• Functions
• Hoisting (s)
• Objects
• Functions Some More!
• Strings, Arrays, Mutability and Variable Parameters (s)
• Survey, Piazza, Node

For an in-depth JavaScript introduction, skim these chapters in {{ site.book_js }}

• Chapter 7 - JavaScript's Syntax (the section on "Strict Mode" can be skipped)
• Chapter 8 - Values
• Chapter 9 - Operators ("Comma Operator" and everything after can be skipped)
• Chapter 10 - Booleans
• Chapter 11 - Numbers
• Chapter 12 - Strings
• Chapter 13 - Statements
• Chapter 15 - Functions (up to "More Control over Function Calls")
• Chapter 16 - Variables: Scopes, Environments, and Closures (up to "Global Variables")

{{ site.book_js_2 }}

• Chapter 9 - Variables and scoping For a more gentle introduction to JavaScript, read the first 3 chapters of {{ site.book_js_5 }}

• Chapter 1 - Values, Types, and Operators
• Chapter 2 - Program Structure
• Chapter 3 - Functions

Due Wednesday 1/25, by 11pm

Homework #0

• Fill out this survey!
  • (Must be logged in)
  • (Required for future homeworks! ^^^)
• Sign up for piazza
• Install Node {{ site.node_version }}
  • (you can also use homebrew on osx)

Due Sunday 1/29, by 11pm

• Quizzes #2 and #3
• (Quizz #1 is Optional)

• Objects
• Node
• Modules and Require
• Static Analysis Tools
• Testing
• Import
• Introduction to Higher Order Functions (Maybe?)

• Node, NPM, and git
• Objects
• Functions Some More!
• Strings, Arrays, Mutability and Variable Parameters
• Node, NPM, and git

{{ site.book_js }}

• Chapter 17 - Objects (up to "Converting Any Value to an Object")
• Chapter 18 - Arrays)

{{ site.book_js_6 }}

• Chapter 3. Building Robust Node Applications (excluding "Using Multiple Processors")

Due Wednesday 1/31, by 11pm

• Homework #1

• Higher Order Functions

• Tutoring and Workshops!
• Higher Order Functions
• Higher Order Functions Continued
• Objects Revisited, Arrow Functions with "this"
• A Detour: Globals, Methods, and This

{{ site.book_js }}

• Chapter 15 - Functions (up to "More Control over Function Calls")

{{ site.book_js_2 }}

• 4.9 From arguments to rest parameters in Core ES6 Features
• 13.1 Overview and 13.2.4 ECMAScript 6 solution: arrow functions in Arrow Functions

{{ site.book_js_5 }}

• Chapter 5 - Higher Order Functions

Due Sunday 2/4, by 11pm

• Quizzes #4 and #5

• Objects and Prototypes
• Patterns
• Networking Primer
• Network Programming
• Streams / Buffers / File IO

• Objects and Prototypes, Classes
• Objects in JavaScript Summary
• Where Not to Use Arrow Functions

{{ site.book_js }}

• Chapter 17 - Layer 2: The Prototype Relationship Between Objects

{{ site.book_js_2 }}

• Chapter 10 - Destructuring
• Chapter 15 - Classes

{{ site.book_js_6 }}

• Chapter 2. Doing Interesting Things - Only Section on "Building a Chat Server"
• Chapter 4. Core APIs - Only Section on I/O

{{ site.book_js_5 }} (Optional, similar content to Speaking JS chapter above)

• Chapter 6 - The Secret Life of Objects
• Chapter 8 - Bugs and Error Handling

Due Wednesday 2/7 at 11pm:

• Homework #2

• Web Development
• HTTP
• A Simple Web Server

• Intro to Web Development
• Networking and Sockets
• A Webserver

A Networking Zine!

• Networking ACK! by Julia Evans

MDN Documentation on HTTP

• An overview of HTTP
• A typical HTTP session
• HTTP Messages (HTTP/2 is not covered in the course, so those parts are optional)
• Reference for HTTP methods and status codes

{{ site.book_js_5 }} (Optional, same content as above)

• Chapter 13 - JavaScript and the Browser
• Chapter 17 - HTTP (up to browsers and http)

• A Simple Web Server Continued / Our "Framework"
• Routing
• Node HTTP Module

Topics

• Academic Integrity
• HTML/CSS Workshop
• ESLint Grading
• HTTP Summary
• Sockets Review

Coding Demo

• review net module
• routing
• sending a text file
• sending an image
• post
• redirect
• Notes: Web Server, Request Class, POST etc.
  • public/html/form.html
  • public/html/index.html
  • public/img/croissant.jpg
• Basic net module Echo Server Example
• Another Web Server / Routing / Dispatching Example

Homework Demo

• intro.js w browser
• nc to test 405
• curl to test 301
• better.js
• sendFile
• setHeader
• send
• app.get vs app.post

HTTP

• An overview of HTTP
• A typical HTTP session
• HTTP Messages (HTTP/2 is not covered in the course, so those parts are optional)
• Reference for HTTP methods and status codes

Cookies

• MDN on Cookies
• nczonline articles on Cookies and Cookies and Security

(Homework #3 to be assigned Monday)

• HTTP Module
• Web Framework
• Project Layout

• Homework #3 Due Date
• Review class 6 notes
• Node's HTTP Module
• Project Setup
• Express
• (see request and response slides from next class?)
• Homework #3 Demo Again
• Methods as Callbacks, Arrow Functions Again

(Extended) Due Wednesday 2/21 at 11pm:

NO GRACE PERIOD on extended deadline (was 2/19).

• Homework #3

• Web Framework Continued
• Middleware
• Templating

• Express (from previous slides)
• Templating
• Express Request and Response (start With Web Server/Web App)

• Express Hello World
• Express Basic Routing
• Express Routing (up to, but not including route paths)
• Express Static Files
• Handlebars Basics (Basic Usage Section Only)
• Handlebars Loops/Conditionals (Up to Hash Arguments, Ignore blocks with registerHelper)

Slides

• Cookies
• Sessions
• Forms

Slides

• More About Get
• Middleware
• Review Response and Request Objects / Along with Templating
• Forms

Code Samples

• get, post, form, middleware

• Middleware

(Extended) Due Wednesday 2/28 at 11pm:

NO GRACE PERIOD on extended deadline (was 2/26).

• Homework #4

• Cookies
• Sessions
• NoSQL Database

Slides

• Review Middleware
• Sessions and Cookies
• Homework Extended / Next Topics
  • maybe quiz
  • maybe interactive coding session during review?
• Upcoming Exam
• Maybe Mongo DB and Mongoose

Code Samples

• creating middleware, sessions

• MDN on Cookies
• nczonline articles on Cookies and Cookies and Security

• Object Document Mapper
• Database Design
• Authentication

• Mongoose (from Previous Slides)
• More Mongoose
• Homework #05
• About Copying Homework
• Reviews:
  • Friday, 2/2 from 11am-12pm
  • Sunday, 2/4 from 11am-12pm

Midterm Practice

• midterm practice questions
• midterm practice questions with solutions

Due Thursday 3/22 at 11pm:

• Homework #5

• About the Exam, Review

• URL Parameters
• Finishing Database
• Validation

• Forms Revisited
• Project Layout and Scaffolding
• Parameters from URLs
• Mongoose
• Routers, Project/Directory Layout, nodemon
• Validation
• Coding Demos and Class Notes:
  • Mongoose
  • Mongoose and Express (functioning web app)
  • Embedded Documents (pseudo-code)

MongoDB

• Databases and Collections
• Types
• Query Documents
• Create, Read, Update, Delete
• Insert
• Data Modeling Intro
• Data Model Design
• Embedded
• Document References
• Modeling Relationships / Examples

Mongoose

• Embedded Documents - Sub Docs
• Document References - Mongoose Population

Quizzes Posted on NYU Classes

• Authentication
• Authentication Library
• Deployment

Snow Day - Here's What we Should Have Covered:

• Continue with Mongoose
• Authentication
• High-Level Description of SSL/TLS

Passport Examples

• PassportJS Documentation
• From passport-local-mongoose
• From mherman.org
• From scotch.io

Password Hashing

• NIST - Recommendation for Password-Based Key Derivation
• How to securely hash passwords
• Salted Password Hashing - Doing it Right

• HTML Primer, JavaScript and the Browser
• The Document Object Model
• Manipulating Elements

See previous class for snow day material

• HTML Primer, JavaScript and the Browser
• The Document Object Model
• DOM Continued sample markup
• Attributes
• Modifying and Adding Elements

• {{ site.book_js_5 }} - Chapter 12 - JavaScript and the Browser
• {{ site.book_js_5 }} - Chapter 13 - The Document Object Model
• HTML and CSS from shayhowe.com

Due Wednesday 4/4 at 11pm:

• Homework #6

• CSS

• Final Project
• Some Sample Markup
• Layout and Style
• JavaScript Timers
• CSS
• Selectors, JS and CSS
• Events

(readings same as previous class)

Due Wednesday 4/4 at 11pm:

• Final Project Miletsone #01

• CSS Continued
• Events / Timers Continued
• AJAX
• APIs

• See Previous Slides for CSS, Events
• Ajax Part 1

• {{ site.book_js_5 }} - Chapter 17 - HTML (Focus on the section on XMLHttpRequest)

• AJAX Continued
• Promises
• Fetch API

• Ajax Part 1 (from previous class)
• Ajax Part 2
• Promises

Due Wednesday 4/11 Thursday 4/12 at 11pm:

• Homework #7
• Final Project Miletsone #02

• AJAX Review
• Promises Review
• async / await

See previous slides

• AJAX Review
• Promises Review
• async / await

• Previous class on AJAX post
• Previous class on Promises
• AJAX Polling
• Example Code for AJAX Polling / Chat

Due Friday 4/20 at 11pm:

• Homework #8
• Final Project Miletsone #03

• SocketIO

• Socket.io

• Socket IO How-To

• SocketIO Continued

Due today while you're in class:

• Socket IO Lab
  • Form to submit

Due 4/27 at 11pm

• final project instructions
• submit final project using this form

• Frontend Framework

• Final Project
  • Milestone #3
  • Potential Grading Modifications
  • Due Date
• React Basics
• React Revisited
• (Optional) React and Express / Using Webpack

• Hello World and Official Tutorial
• Build With React
• React Events
• Using create-react-app

Practice Questions

• Practice Questions
• Practice Questions Solutions
• Practice Questions Set 2
• Practice Questions Set 2 Solutions

Reminders:

• Final Project Due Next Friday 4/27 at 11pm
• React Lab on Wednesday, 4/25
• Final Exam 5/7

• Frontend Framework Continued

• React Basics (from previous class)
• React Revisited (from previous class)
• React and Express / Using Webpack
• React review, multiple child clickers and forms
• React lab demo

Due today while you're in class:

• React Lab
  • Form to submit

• TBD (everything together, wasm, webgl, electron or webaudio?)

• Review