bythreedu · Web Development I · Curriculum v1.0 · 2026 · HTML → Deployed Site

HTML, CSS, JavaScript,
and a live site
you actually built.

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

Duration16weeks
Lessons32sessions
Languages3HTML · CSS · JS
DestinationBuild anything
on the web
00Approach
Course Philosophy

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.

Build One Real Thing

Every unit of this course contributes to a single portfolio site you own, control, and deploy yourself. By the end, you haven't completed exercises — you've shipped a live website. The portfolio is the curriculum.

01Curriculum
Learning Path
01
Unit 1 · Weeks 1–2
How the Web Works
4 lessons · Browsers and servers · HTML/CSS/JS roles · Dev tools · First webpage
HTTPDNSbrowser inspectorHTML documentfile structure
+
02
Unit 2 · Weeks 3–4
HTML Structure and Semantics
4 lessons · Elements and attributes · Document structure · Semantic HTML · Links and media
semantic HTMLblock vs inlinealt textrelative pathsdocument structure
+
03
Unit 3 · Weeks 5–6
CSS Fundamentals
4 lessons · Selectors and specificity · Box model · Typography and color · Reusable styles
box modelspecificityCSS variablestypographycolor
+
04
Unit 4 · Weeks 7–8
CSS Layout
4 lessons · Normal flow · Flexbox · CSS Grid · Positioning
flexboxCSS Gridnormal flowpositioninggap
+
05
Unit 5 · Weeks 9–10
Responsive Design
4 lessons · Mobile-first thinking · Media queries · Fluid typography · Testing across devices
mobile-firstmedia queriesbreakpointsclamp()responsive images
+
06
Unit 6 · Weeks 11–12
JavaScript Fundamentals
4 lessons · Variables and types · Functions and scope · The DOM · Events and interactivity
const/letDOMevent listenersfunctionsscope
+
07
Unit 7 · Weeks 13–14
JavaScript Applied
4 lessons · Arrays and objects · Fetch API · Dynamic content · Local storage
Fetch APIasync/awaitJSONlocal storagedynamic rendering
+
08
Unit 8 · Weeks 15–16
Capstone: Build and Deploy
4 lessons · Polish and performance · Hosting concepts · Deployment · Final critique
deploymentGitHub PagesNetlifycustom domainperformance
+
02Capstone
Live, Deployed Portfolio Site

The capstone is a complete personal portfolio site — live at a real URL you own. Every skill from every unit is represented in the final product. It\'s not a demo or a class exercise; it\'s a real deliverable.

Live Site
Deployed to a real URL via GitHub Pages or Netlify.
Custom Domain
A domain you own, pointed at your site.
Responsive
Tested and working at mobile, tablet, and desktop.
Dynamic Content
At least one section rendered from a JavaScript data source.
03Investment
Pricing Options
Location
per Session
$187.50
1.5 hrs · online only
Session length
  • Flexible scheduling
  • 1-on-1 focused attention
  • No long-term commitment

Best for trying the curriculum before committing to a plan.

Popular
per Month
$750
4 sessions · 1.5 hrs/session
Frequency
Session length
  • Session notes after every lesson
  • Async DM support between sessions
  • Priority scheduling

Adjust frequency and session length above — price updates automatically.

Per Semester
$3,000
16 sessions · 1.5 hrs/session
Term length
Frequency
Session length
  • All 8 units — full course arc
  • Session notes after every lesson
  • Capstone project + live critique
  • Portfolio-ready deliverable

The full Web Development I arc in one commitment.

📍
In-person available · NYC onlyMonthly and semester plans can be done in-person. Select “In-person · NYC” above to see adjusted pricing.
04Contact
Let's Talk

Want to build a real site and understand every line of code in it? One session is enough to see if this curriculum fits where you are.

Do I need to know how to code?+
What will I actually build?+
Are lessons online or in-person?+
What if I need to reschedule?+