CS300 Client-Side Web Development Notes GitHub
CTRL K
    • Course Notes
      • Week 1: HTML Foundations
        • HTML Basics
        • Advanced HTML & Developer Tools
      • Week 2: CSS Fundamentals
        • CSS Basics & Selectors
        • CSS Box Model, Colors & Typography
      • Week 3: CSS Layouts
        • CSS Flexbox
        • CSS Grid
      • Week 4: Advanced Grid & Responsive Design
        • Advanced Grid & Responsive Design
      • Week 5: JavaScript Fundamentals
        • JavaScript Fundamentals
        • JavaScript: Arrays, Objects & Data
      • Week 6: DOM Manipulation & Events
        • DOM Manipulation & Events
        • Advanced DOM Patterns & Data Persistence
      • Week 7: Async JavaScript & APIs
        • Async JavaScript & Fetch API
        • Application Architecture Patterns: From Vanilla JS to React
      • Week 8: Introduction to React
        • Introduction to React
        • JSX Deep Dive: Lists, Conditional Rendering, Events & Props
      • Week 9: Spring Break
      • Week 10: Props, State & Interactive Components
        • Week 10 Session 1: Props, State & Interactive Components
        • Week 10 Session 2: Composition, Lifecycle, Hooks & Thinking in React
      • Week 11: React Hooks & Component Patterns Lab
        • React Hooks & Patterns Lab Guide
      • Assignments
        • Assignment 1: HTML/CSS Component Guide
        • Assignment 2: Responsive Page Guide
        • Assignment 3: JavaScript API Application Guide
      • Group Projects
        • Group Project 1: Team Website Guide
      • Individual Projects
        • Portfolio Project: Personal Portfolio Guide
    • Light

    • Dark

    • System

    Spring 2026

    CS300: Client-Side Web Development

    Master HTML, CSS, and JavaScript to build modern, interactive web experiences. Course notes for Northeastern Illinois University.

    View Course Notes

    HTML Fundamentals

    Learn semantic markup, document structure, forms, and accessibility best practices.

    CSS Styling

    Master layouts with Flexbox and Grid, responsive design, and modern CSS techniques.

    JavaScript

    Add interactivity with DOM manipulation, events, and modern ES6+ features.

    Developer Tools

    Version control with Git, browser DevTools, and AI-assisted development workflows.

    • Light

    • Dark

    • System