Light Dark

Web Programming

CSCI 3403 - Undergraduate Course

Fall 2025 | Instructor: bobby reed

📚 Course Overview

Welcome to the course! This course serves as an introduction to creating and maintaining mostly frontend web technologies. We will dive into some server work, but will save most of it for Advanced Web Programming (The course after this one).


🏆 Leaderboard
Lecture 1

Course Introduction

Icebreaking coding challenge and introduction to the Odin Project.

View Lecture Coming Soon
Lecture 2

How the Web Works

Understanding the internet, DNS, packets, client-server architecture, and what happens when you search Google.

View Lecture Ready
Lecture 3

HTML Elements and Tags

Learning the building blocks of HTML - elements, tags, void elements, and how to structure content.

View Lecture Ready
Lecture 4

HTML Boilerplate

Understanding the essential structure every HTML document needs, including DOCTYPE, head, and body elements.

View Lecture Ready
Lecture 5

Working with Text

Creating paragraphs, headings, bold and italic text, proper nesting, and HTML comments.

View Lecture Ready
Lecture 6

Lists, Links, and Images

Building navigation with lists, creating links between pages, and embedding images with proper accessibility.

View Lecture Ready
Lecture 7

Writing Good Commits

Best practices for Git commit messages, version control workflow, and Recipe Project work session.

View Lecture Ready
Lecture 8

CSS Foundations

Introduction to CSS, selectors, properties, and beginning to style our HTML pages.

View Lecture Ready
Lecture 9

The Cascade

Understanding CSS specificity, inheritance, and how styles cascade through your documents.

View Lecture Ready
Lecture 10

Browser Developer Tools

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, placeat. Commodi ratione accusantium deleniti corrupti soluta cumque dolores sunt distinctio necessitatibus officia quaerat nesciunt explicabo possimus eius, adipisci aspernatur voluptatum.

View Lecture Ready
Lecture 11

The Box Model

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Ready
Lecture 12

CSS - Block and Inline

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Ready
Lecture 13

CSS Flexbox

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Ready
Lecture 14

CSS Flexbox part deux

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Ready
Lecture 15

Midterm Review

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Ready
Lecture 16

Landing Page - Work Session

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Ready
Lecture 17

Javascript Intro

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Ready
Lecture 18

JavaScript Environment Setup

Let's dive into Node.js and when to use and not ta use

View Lecture Ready
Lecture 19

JavaScript Data types and Conditionals

Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat, placeat. Commodi ratione accusantium deleniti corrupti soluta cumque dolores sunt distinctio necessitatibus officia quaerat nesciunt explicabo possimus eius, adipisci aspernatur voluptatum.

View Lecture Ready
Lecture 20

JavaScript Developer Tools

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Coming Soon
Lecture 21

JavaScript Functions

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Coming Soon
Lecture 22

JavaScript let vs. var vs. const

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Coming Soon
Lecture 23

JavaScript Errors

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Coming Soon
Lecture 24

JavaScript Clean Code

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Coming Soon
Lecture 25

JavaScript Loops and Arrays

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Coming Soon
Lecture 26

JavaScript30

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Coming Soon
Lecture 27

JavaScript Exercises

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Coming Soon
Lecture 28

JavaScript Project: Etch-a-Sketch

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Coming Soon
Lecture 29

JavaScript Objects

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Coming Soon
Lecture 30

Final Exam Review

Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident porro atque ad temporibus vitae ut alias debitis ratione neque dolore blanditiis natus odio minus eveniet sequi, voluptates in qui perspiciatis?

View Lecture Coming Soon
Lecture 31

Final Boss

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae deserunt incidunt laudantium nam velit ducimus porro amet recusandae facilis perspiciatis ut earum, iure, nobis mollitia sit dolore repellat natus! Repellendus?

View Lecture Coming Soon

🛠️ Resources


🏆 Leaderboard