The Pathway

You do not simply finish lessons. You finish software.

Four stages. Every course is built around one project you keep, and each project follows you forward into the next course rather than being thrown away.

A webpage becomes interactive, then version controlled, then a React application, then gains a backend, and finally becomes a complete production system you can show an employer.

Foundations

Stage 1 of 4

Programming literacy. These courses do not try to make you a professional developer, they make you fluent enough that everything after them makes sense.

Introduction to HTML & CSS

● live

Build a real website you can actually use, and understand every line of it.

Project: Personal Portfolio Website · 14 modules

HTMLSemantic HTMLAccessibilityCSSSelectors+12

Introduction to JavaScript & Python

● live

One concept, two implementations, one way of thinking.

Project: Personal Knowledge Archive · 25 modules

VariablesData typesStringsNumbersBooleans+9

Command Line

planned

Make the terminal feel useful rather than arbitrary.

Project: Command-Line Productivity System

pwdlscdmkdirtouch+13

Git & GitHub

planned

Turn work you have already done into portfolio infrastructure.

Project: Professional Repository

initstatusaddcommitlog+12

Web Development

Stage 2 of 4

Actual engineering. Each course is built around one substantial application rather than a sequence of disconnected exercises.

React.js

planned

Component-based interfaces, taught as a concept that outlives the library.

Project: Knowledge Explorer

ComponentsJSXPropsStateEvents+12

Django

planned

The backend half: data, authentication, and an API of your own.

Project: Sankofa Journal

Django architectureURLsViewsTemplatesModels+11

Full Stack Engineer

Stage 3 of 4

This does not repeat the individual courses. Those teach the technologies. This teaches you to combine them into a software system, which is a different skill entirely.

Full Stack Engineer

planned

Start with a project idea. Finish with a production application.

Project: The Full Stack Capstone

Product thinkingUI and UXFrontendBackendREST APIs+6

Capstone Projects

Stage 4 of 4

A separate learning mode, not a gallery. You receive requirements and acceptance criteria, but no tutorial. This is where student becomes developer.

Frontend Projects

planned

Requirements, not instructions.

Project: Your choice of brief

HTMLCSSJavaScriptReactAccessibility+1

Backend Projects

planned

Data, APIs, and decisions you make yourself.

Project: Your choice of brief

PythonDjangoREST APIsDatabasesAuthentication+1

Full-Stack Projects

planned

End to end, entirely yours.

Project: Your choice of brief

FrontendBackendDatabasesDeploymentDocumentation

Independent Projects

planned

Your idea, your requirements, your build.

Project: Whatever you decide to make

Problem definitionRequirementsArchitectureDelivery

What portfolio-ready actually means

It is a measurable state, not a phrase. A project does not earn the label until every one of these is true.

FunctionalityResponsive designAccessibility reviewError handlingTestingGit historyREADMEDocumentationDeploymentScreenshotsTechnical explanationA working live URL