CSC-336 Web Programming

Course Schedule (SUBJECT TO CHANGE)

Week 1 – Introduction to the Web

What are websites (front end): HTML, CSS, JavaScript. Semantic HTML structure.

Assignment 01: First Webpage

GitHub Setup Instructions
Week 2 – CSS Basics

Box model, flexbox, grid, responsive design basics.

Assignment 02: CSS Basics
Week 3 – JavaScript Basics

Variables, functions, events, DOM selection and manipulation.

Assignment 03: JavaScript and DOM Basics
Week 4 – Interactivity with Vanilla JS

Forms, validation, simple state; limits of manual DOM updates.

Assignment 04: JavaScript, Forms, and Validation
Week 5 – JavaScript Libraries

More JacaScript features, loading libraries, p5.js, and others

Assignment 05: External JavaScript Libraries

Week 6 – Fetch & APIs

Fetch API, JSON, async/await, working with public APIs.

Assignment 06: Exploring Fetch and Public APIs
Week 7 – Node.js Basics

Node runtime, npm, simple command-line scripts.

Assignment 07: JSON World
Week 8 – Express Servers

Routes, serving static files, handling GET/POST.

Assignment 08 Part 1: Server World
Week 9 – Servers and Persistence

Hosting server-side code, CORS, Lightweight storage (JSON files), brief DB intro (SQLite/MongoDB).

Assignment 08 Part 2: Server World
Week 10 – Non-relational Databases

Databases and MongoDB.

Why Frameworks? Week 11 – Introduction to Frameworks

Review vanilla pain points (state, re-rendering, routing). Basics of React.

Assignment 09: React Basics
Week 12 – React Fundamentals

Components, props, state, JSX, effects, rendering.

Assignment 09 Part 2: React routing and useEffects
React continued

Final Project — Full-Stack Web App
NO CLASS - Thanksgiving - Week 14
Week 15 – Final Project Workshop

Deploying full-statck apps on Render

Final Project — Full-Stack Web App
Final Session

A celebration of full-stack excellence!

Final Project — Full-Stack Web App