🚀 Full Stack Web Developer
From HTML basics to a deployed React + Express app
A structured 9-phase path that takes you from writing your first HTML tag to deploying a complete full-stack application with React, Express, and PostgreSQL — including a dedicated Node.js internals phase.
9
Phases
72
Topics
11
Projects
200+
Hours
Curriculum
9 phasesDNS, HTTP, browsers, clients and servers — what happens between typing a URL and seeing a page.
DOCTYPE, html/head/body, meta tags, and how browsers parse an HTML document.
h1–h6, p, br, hr — the building blocks of text content on the web.
The <a> element, href, target, relative vs absolute URLs, and linking within a page.
<img>, <video>, <audio>, alt text, and embedding media responsibly.
<ul>, <ol>, <li>, and <table> with <thead>, <tbody>, <tr>, <td>.
<form>, <input>, <select>, <textarea>, labels, and the action/method attributes.
<header>, <nav>, <main>, <section>, <article>, <aside>, <footer> and why semantics matter.
What CSS is, how to apply it (inline, internal, external), rules, properties, and values.
Type, class, ID, pseudo-class selectors, the cascade, and how specificity is calculated.
margin, padding, border, content, box-sizing, and how elements take up space.
display:flex, flex-direction, justify-content, align-items, flex-wrap, and flex-grow.
display:grid, grid-template-columns/rows, gap, grid-area, and two-dimensional layout.
@media queries, breakpoints, mobile-first approach, and viewport meta tag.
Build a multi-section portfolio page with HTML semantic structure, CSS flexbox/grid layout, and responsive design.
Topics marked Soon are on the roadmap — check back as new content is added.
Back to home