← bythreedu bythreedu
WD-101
Web Development I
bythreedu

Web
Development I

A practitioner-built curriculum for creatives, photographers, designers, and entrepreneurs who want to build real websites — not just copy syntax off the internet.

Duration
16
weeks
Units
8
modules
Lessons
32
sessions
Languages
3
HTML · CSS · JS
Capstone
Live
deployed site
The full curriculum — move at your own pace across any plan.
01 — PhilosophyHow This Curriculum Thinks
Understand the code before you copy it.

Most people learn web development by copying snippets and hoping they work. When something breaks, they have no idea why. This curriculum teaches you what the code is actually doing — so when things break, you can fix them, and when you want something new, you can build it.

We start with how the web works, not with syntax. Structure before style. Logic before libraries. The fundamentals carry you further than any shortcut.

Build something real from the start.

Every unit builds toward a finished product. You're not practicing on toy problems — you're building your own portfolio site, week by week, piece by piece. By the capstone, it's live on the internet and it's yours.

The goal isn't to turn you into a software engineer. It's to give you enough command of the web to build and maintain a professional presence independently.

02 — Roadmap16 Weeks at a Glance
1
Unit 1
How the Web Works
Weeks 1–2
2
Unit 2
HTML Structure and Semantics
Weeks 3–4
3
Unit 3
CSS Fundamentals
Weeks 5–6
4
Unit 4
CSS Layout
Weeks 7–8
5
Unit 5
Responsive Design
Weeks 9–10
6
Unit 6
JavaScript Fundamentals
Weeks 11–12
7
Unit 7
JavaScript Applied
Weeks 13–14
8
Unit 8
Capstone: Build and Deploy
Weeks 15–16
03 — ConceptsCore Mechanics
🏗️
HTML
HyperText Markup Language is the structure of every page on the web. It defines what exists on the page — headings, paragraphs, images, links — not how it looks.
ElementsAttributesSemantics
🎨
CSS
Cascading Style Sheets control how HTML looks. Color, typography, spacing, layout — all CSS. The cascade determines which rules apply when multiple rules compete.
SelectorsBox modelSpecificity
⚡
JavaScript
JavaScript makes pages interactive. It runs in the browser and can respond to user actions, fetch data from servers, and change what's on the page — without reloading.
DOMEventsFetch
📦
The Box Model
Every HTML element is a rectangle. The box model — content, padding, border, margin — is the mental model for understanding why things take up the space they do on the page.
ContentPaddingMargin
📐
Flexbox and Grid
The two layout systems that power modern web design. Flexbox handles one-dimensional layouts (rows or columns). Grid handles two-dimensional layouts (rows and columns simultaneously).
FlexboxGridAlignment
📱
Responsive Design
A site that works on any screen size. Built with media queries, fluid units, and a mobile-first mindset — designing for the smallest screen first and expanding from there.
Media queriesMobile-firstBreakpoints
04 — Curriculum32 Lessons Across 8 Units
Final Project
Your Portfolio Site, Live
The capstone is the portfolio site you've been building since week one — finished, polished, and deployed to a real URL. Every unit has been moving toward this. The final two sessions are for completing it, reviewing it, and understanding every decision that went into it.

You leave with a live site you built from scratch and can maintain independently.
Deliverables
  • 1
    Live URLYour portfolio deployed to a public URL, optionally with a custom domain.
  • 2
    Responsive LayoutConfirmed correct at mobile, tablet, and desktop widths.
  • 3
    Dynamic Project SectionWork section rendered from a JavaScript data source — not hard-coded HTML.
  • 4
    Working Contact FormA form that submits to a real endpoint — no backend required.
04b — EcosystemBetween Sessions
📋
Session Notes
After every lesson, you get a written summary of what we covered, what you should practice, and what to prepare before the next session.
  • Key concepts from the lesson
  • Code snippets we wrote together
  • What to build before next time
  • Reference links for deeper reading
💻
Code Reference
A running document of every pattern, snippet, and technique covered in the curriculum. Organized by unit — yours to keep and reference long after the semester ends.
  • HTML element reference
  • CSS property quick reference
  • Flexbox and grid cheat sheet
  • JavaScript patterns and snippets
💬
Async DM Support
Monthly and Semester students get direct message access between sessions. Hit a bug? Stuck on a layout problem? Send a message — no need to wait until the next booking.
  • Code review on demand
  • Bug diagnosis and unblocking
  • Design feedback between sessions
  • 24-hr response during business days
🔍
Code Reviews
Each assignment submission gets a written review — what works, what to improve, and specific suggestions for the next iteration. Reviews happen async, between sessions.
  • Line-by-line feedback on key sections
  • Notes on structure and naming
  • One specific thing to improve next
  • Included for Monthly and Semester plans
05 — InvestmentPricing Options
per Hour
$125
1-hr lesson
Flexible · No commitment
Virtual only
  • Flexible scheduling
  • 1-on-1 focused attention
  • No long-term commitment

Best for trying the curriculum before committing.

Popular
per Month
$1,315
4 lessons · 1.5 hours/lesson
1 lesson/week · book more to move faster
Virtual + In-Person
  • Session notes delivered after
  • Async DM support between sessions
  • Code review on assignments
  • Priority scheduling

Booking 2× per week simply draws down your lessons faster — no extra charge.

per Semester
$6,950
22+ lessons · 1.5 hours/lesson
1 lesson/week · book more to move faster
Virtual + In-Person
  • Session notes delivered after
  • Code review on all assignments
  • Capstone critique + written notes
  • Booking 2× per week draws down lessons faster
  • + Extend to 26 weeks — pay per lesson difference

Best for full commitment. Book 2× per week to move through lessons faster.

06 — ContactLet's Talk

Not sure where to start? Book one session and bring something you've been wanting to build. We'll open a blank file and start from the first line. You'll see exactly how it works — no magic, no mystery.

Do I need any prior coding experience?
No. The curriculum starts from zero — the first lesson covers how the web works before we write a single line of code. If you've never opened a text editor, you're in the right place.
What tools do I need?
A computer with VS Code installed (free) and a web browser. That's it. We'll set everything up in the first session.
Are lessons online or in-person?
Per Hour sessions are virtual only. Monthly and Semester plans include the option for in-person sessions in NYC.
Will I actually be able to maintain the site after I build it?
Yes — that's the point. Because you write every line yourself and understand what it does, you can update it, fix it, and extend it without asking anyone for help.