CIS 526 - Web Interface Design

Lecture Notes

  1. Syllabus
  2. HTML5
  3. CSS
  4. ECMAScript (JavaScript)
  5. Simple Server
  6. Dynamic Pages
  7. Form Data
  8. File Uploads
  9. HTML Templates
  10. The DOM
  11. Databases
  12. Routing
  13. Authentication

Example Code

  1. DOM Example
  2. Simple Server Example
  3. Dynamic Server Example
  4. Ajax Examples
  5. Cookie Example Code
  6. Session-based Authentication Example Code
  7. CAS Authentication Example Code
  8. Testing Example Code
  9. Websockets Code
  10. Geodata & D3.js Code

Textbook

  1. Atomic Design
  2. Safari Books Online

External Resources

  1. Mozilla Developer Network
  2. Node Documentation
  3. Learn GIT in 15 Minutes
  4. Kahn Academy Computing Courses

Integrated Development Environments

  1. VS Code
  2. Atom

Software

  1. Git
  2. Node