en

CBO • Registration Pending Bulenga, Wakiso District, Uganda

"Where Talent Grows Together" Join Community

All Free Courses & Fields

Engineering • Step-by-Step Curriculum

Software Development & Web Engineering

Master frontend, backend APIs, relational databases, automated testing, and scalable web architecture using free public curricula.

Track Progress 0/8 Steps (0%)

Sign in to save progress, pass the Mastery Test, and earn a verified MESHLUMA Certificate. Practice Mastery Test (5 Questions)

Practical Equipment & Study Requirements

What laptop, phone, internet, and free tools you need for this field—plus cloud options if your device is low-spec.

Phone Start + Any 4GB+ Laptop

Laptop / PC Specs

Minimum: Dual-core CPU (Intel i3 / Ryzen 3 / Celeron N4020), 4GB RAM, 128GB SSD (Windows 10/11, Ubuntu, or macOS).

Recommended: Intel i5 / Ryzen 5 / Apple Silicon, 8GB–16GB RAM, 256GB+ SSD for running local databases and frameworks smoothly.

Free Cloud Option: GitHub Codespaces (free 60 hrs/month) or StackBlitz / freeCodeCamp browser sandbox — works on any Chromebook or low-spec PC.

Phone & Internet

Phone-Friendly Start

You can complete Steps 1–3 on an Android/iPhone using freeCodeCamp, MDN, Mimo, or Termux + Acode editor; a laptop is strongly recommended from Step 4 onward.

Internet: Basic 3G/4G or Hub Wi-Fi (1–3 Mbps) for docs and interactive sandboxes; MDN & DevDocs can be cached offline.

Free Software & Hardware Kit

VS Code (Free) Git & GitHub Account Chrome or Firefox DevTools Node.js LTS / PHP 8.x (for Step 5+)

Hardware / Kit: None required — 100% software & browser based.

Best Way to Study This Field Easily: Use freeCodeCamp's split-screen sandbox for zero-setup HTML/CSS/JS practice, then build each milestone project in VS Code.

All Levels (1–8) Beginner Intermediate Advanced Expert

Beginner Stage

Zero prior experience required — core concepts & first hands-on builds.

Step 1 beginner ~8 hrs

Web Foundations: HTML5, Semantic Markup & Accessibility

Understand how the web works (HTTP, browsers, DOM) and build clean, accessible semantic HTML pages.

What You Will Learn

Document structure & semantic tags
Forms, inputs & validation
ARIA & screen-reader basics

Free Public Courses & Official Docs

HTML: HyperText Markup Language

MDN Web Docs • Docs

Responsive Web Design Certification

freeCodeCamp • Interactive Course

Hands-On Milestone Project: Build a semantic personal portfolio & community bio page using pure HTML5.

Step 2 beginner ~12 hrs

Modern CSS, Flexbox, Grid & Responsive Layouts

Style responsive interfaces that adapt cleanly across mobile phones, tablets, and desktops.

What You Will Learn

Box model, Flexbox & CSS Grid
Responsive media queries
CSS custom properties & transitions

Free Public Courses & Official Docs

web.dev (Google) • Course

Foundations Course

The Odin Project • Curriculum

Hands-On Milestone Project: Design a mobile-first landing page for a local Bulenga tech event.

Intermediate Stage

Build real multi-part projects, tooling fluency, and problem-solving speed.

Step 3 intermediate ~18 hrs

JavaScript & Interactive DOM Engineering

Learn core JavaScript, asynchronous fetch calls, and interactive browser state without heavy dependencies.

What You Will Learn

ES6+ syntax, arrays & closures
DOM events & manipulation
Async/await, Fetch API & JSON

Free Public Courses & Official Docs

The Modern JavaScript Tutorial

javascript.info • Interactive Guide

Eloquent JavaScript (Free Online)

Marijn Haverbeke • Book

Hands-On Milestone Project: Create an interactive task tracker & weather/API dashboard with localStorage.

Step 4 intermediate ~6 hrs

Git, GitHub & Collaborative Software Workflows

Version your code professionally, resolve merge conflicts, and collaborate via pull requests.

What You Will Learn

Commits, branching & rebasing
Pull requests & code reviews
Open-source issue tracking

Free Public Courses & Official Docs

GitHub • Interactive Labs

Git SCM • Book

Hands-On Milestone Project: Publish a clean repository with a README, feature branches, and a merged PR.

Advanced Stage

Production patterns, architecture, automation, and security rigor.

Step 5 advanced ~22 hrs

Backend APIs, SQL Databases & Authentication

Design relational schemas, build RESTful APIs, and secure user sessions and role permissions.

What You Will Learn

REST API design & validation
SQL joins, indexes & migrations
Auth, hashing & RBAC

Free Public Courses & Official Docs

Laravel Official Documentation

Laravel • Docs

PostgreSQL Tutorial

PostgreSQL Tutorial • Tutorial

Hands-On Milestone Project: Build an authenticated REST API for community member registration and events.

Step 6 advanced ~20 hrs

Modern Frontend Frameworks & Component Architecture

Structure reusable UI components, client-side routing, and predictable application state.

What You Will Learn

Component lifecycle & hooks
State management & forms
Performance & code splitting

Free Public Courses & Official Docs

React Official Docs • Interactive Docs

Vue.js • Docs

Hands-On Milestone Project: Build a single-page community directory with search, filters, and detail views.

Expert Stage

Scale, observability, testing, leadership, and real-world deployment.

Step 7 expert ~24 hrs

System Design, Caching, Queues & Automated Testing

Engineer resilient systems with background jobs, Redis caching, rate limiting, and test suites.

What You Will Learn

Unit, feature & integration tests
Caching strategies & queues
Horizontal scaling & load balancing

Free Public Courses & Official Docs

The System Design Primer

GitHub Open Source • Open Guide

CS50 Web Programming

Harvard CS50 • University Course

Hands-On Milestone Project: Write full automated tests and add queued notifications to a multi-user web app.

Step 8 expert ~16 hrs

Production Architecture, Security Hardening & Open-Source Leadership

Ship production-grade software with observability, zero-downtime deploys, and technical mentorship.

What You Will Learn

12-factor app methodology
Structured logging & error tracking
Code review & architecture RFCs

Free Public Courses & Official Docs

Full Stack Developer Roadmap

roadmap.sh • Roadmap

The Twelve-Factor App

12factor.net • Methodology

Hands-On Milestone Project: Deploy a live production app with HTTPS, CI tests, and monitoring.

Field Mastery Assessment

Software Development & Web Engineering — Practical Mastery Assessment

Score 80% or higher (5 scenario questions) + submit your real practical capstone project after at least 7 days of study to earn a Verified MESHLUMA Certificate.

Sign In & Complete Study Steps to Unlock Test

Tests are given after studying all 8 steps to prove real practical mastery.

Sign In to Track Study & Unlock Test

Explore Other Technology Fields

Artificial Intelligence, ML & Data Science Cybersecurity & Networking Hardware, IoT & Robotics Cloud Computing, DevOps & SRE UI/UX Design & Digital Product Engineering Mobile App Development Digital Literacy, Productivity & Tech Foundations Ethical Hacking & Penetration Testing Digital & Online Marketing Sales, Business Development & Client Acquisition Kids & Teens Coding, Robotics & Digital Creativity Leadership & Personal Development Lean & Agile Methodologies HTML & CSS Mastery Git, GitHub & GitLab Workflows Python Programming Object-Oriented Development (OOP) Human-Centered Design (HCD) Lean Startup Methodologies Django & Django Templating Language (DTL) Application & Software Security (AppSec) APIs & Microservices Architecture Choosing Your Tech Stack & System Architecture Project Planning, Roadmaps & Software Structuring UI Layouts, Page Grids & Responsive Design Systems Laravel & Laravel Herd Full-Stack Engineering AI Video Making with Google Flow, Gemini & Long-Form (>1 Min) Editing AI Image Generation & Logo Design (ChatGPT, Gemini & Vector Branding) AI Tools & Coding with AI Setup (Everything Before Coding & Debugging)