Lecture Slides¶
Presentation-style slide decks for the CSC336 Web Technologies lectures, one slide per PDF page — use full-screen view in your PDF reader for a proper presentation, or print them for offline study.
CSC336 Lecture Slides (Lectures 1–32)¶
- Lecture 1: Introduction to Web Development
- Lecture 2: Tiered Web Architecture
- Lecture 3: HTML and HTML5 Fundamentals
- Lecture 4: Semantic HTML and Forms
- Lecture 5: CSS Fundamentals
- Lecture 6: The CSS Box Model and Display
- Lecture 7: CSS Positioning and Stacking
- Lecture 8: CSS3 Features
- Lecture 9: Flexbox and Grid Layout
- Lecture 10: Responsive Design and Frameworks
- Lecture 11: Core JavaScript (ES6)
- Lecture 12: Array Methods and Processing
- Lecture 13: DOM Manipulation and Events
- Lecture 14: Regular Expressions and JSON
- Lecture 15: Async JavaScript, Promises, and Fetch
- Lecture 16: Introduction to Server-Side Programming
- Lecture 17: Midterm Review
- Lecture 18: Request Handling and Routing
- Lecture 19: HTTP Status Codes and Headers
- Lecture 20: Cookies and Sessions
- Lecture 21: Middleware
- Lecture 22: Database Connectivity (PostgreSQL/MongoDB)
- Lecture 23: Object-Relational Mapping
- Lecture 24: Response Generation With Templates
- Lecture 25: REST API Development and Authentication
- Lecture 26: Introduction to React
- Lecture 27: Components, Props, and Events
- Lecture 28: Hooks and State Management
- Lecture 29: Routing and API Integration
- Lecture 30: Application Security Basics
- Lecture 31: Common Web Attacks and Defenses
- Lecture 32: Domain, DNS, and Deployment
Legacy Lecture Slides¶
Older slide decks from earlier offerings of these courses, kept here for reference alongside the book. Listed in teaching order within each unit.
1 - HTML, CSS, JS, Bootstrap, jQuery
- Technology Course Overview
- HTML Basics
- More Basic HTML/CSS
- Page Sections and the CSS Box Model
- Layout Designing with CSS
- Bootstrap 5
- Basic JS
- JS Intro
- Unobtrusive JavaScript
- JS DOM Manipulation
- More jQuery
- RESTful APIs with jQuery Ajax
2 - Node
- Advanced JS
- Node
- NPM
- RESTful API Using Express
- Express Routes and Middlewares
- Express Server-Side Rendering
- API and Server-Side Rendering CRUD Recap
- Mongo and Mongoose
- Express Cookies and Sessions
- Authentication and Authorization
3 - React