Muhammad Nur Maulana
Muhammad

Developer Roadmap

Recommended learning paths and free course playlists to take you from beginner to fullstack engineer.

100% Free Resources
#01

HTML5 & Semantic Markup

IDBeginner

The bedrock of web development. Learn semantic tags, page structure, modern forms, tables, and core web accessibility principles.

Web Programming UNPAS•~8 Hours
#02

CSS3 Essentials & Box Model

IDBeginner

Style HTML elements with precision. Master selectors, specificity, typography, color systems, and the CSS box model.

Web Programming UNPAS•~10 Hours
#03

CSS Layouts & Modern Flexbox

IDBeginner

Build real-world layouts without hacks. Understand display rules, CSS positioning, and one-dimensional alignment with Flexbox.

Web Programming UNPAS•~8 Hours
#04

CSS Grid & Responsive Design

IDBeginner

Build two-dimensional layouts that work across mobile phones, tablets, and wide desktop screens using CSS Grid and media queries.

Web Programming UNPAS•~6 Hours
#05

Git & GitHub Version Control

IDBeginner

The industry standard for tracking code changes and collaborating in software teams. Master commits, branches, merges, and pull requests.

Web Programming UNPAS•~6 Hours
#06

Tailwind CSS Utility-First

IDIntermediate

Speed up your styling workflow without context-switching between HTML and CSS files. Covers responsive modifiers, dark mode, and custom themes.

Web Programming UNPAS•~10 Hours
#07

JavaScript Fundamentals & Logic

IDBeginner

The programming language of the web. Learn variables, data types, logic conditions, array methods, loops, and pure functions.

Web Programming UNPAS•~15 Hours
#08

JavaScript DOM & Event Handling

IDBeginner

Wire up JavaScript logic with HTML elements. Covers query selectors, class and style toggles, event listeners, and interactive UI components.

Web Programming UNPAS•~8 Hours
#09

Modern ES6+ & Asynchronous JavaScript

IDIntermediate

Modern JavaScript standards. Learn arrow functions, destructuring, modules, promises, async/await, and the Fetch API to talk to REST backends.

Web Programming UNPAS•~12 Hours
#10

TypeScript Fundamentals & Type Safety

IDIntermediate

Catch bugs during development rather than in production. Learn static type annotations, interfaces, generics, and union types.

Programmer Zaman Now•~10 Hours
#11

React 19 & Component Architecture

IDIntermediate

The dominant UI library for web applications. Understand the Virtual DOM, JSX, props, state, custom hooks, and component lifecycle.

Dea Afrizal / WPU•~18 Hours
#12

Next.js 16 App Router & Fullstack Web

IDAdvanced

Production-ready React. Master React Server Components, client boundaries, route handlers, server actions, SSR, ISR, and metadata.

Programmer Zaman Now / WPU•~16 Hours
#13

SQL & Relational Databases (PostgreSQL)

IDBeginner

Store and query application data reliably. Learn relational modeling, foreign keys, table joins, indexing, and ACID transactions.

Programmer Zaman Now•~14 Hours
#14

Node.js & Express REST APIs

IDIntermediate

Build HTTP APIs using the Node.js runtime. Learn Express middleware pipelines, route handling, input validation with Zod, and Prisma ORM.

Programmer Zaman Now•~16 Hours
#15

Backend Auth, JWT & Web Security

IDIntermediate

Protect your application against common web vulnerabilities. Covers bcrypt password hashing, JWT tokens, secure HTTP-only cookies, CORS, and rate limiting.

Programmer Zaman Now•~10 Hours
#16

Laravel 11 Backend & Eloquent ORM

IDIntermediate

Build web backends with PHP. Learn database migrations, Eloquent models and relationships, API resources, and background queues.

Web Programming UNPAS•~18 Hours
#17

Go (Golang) REST API & Concurrency

IDAdvanced

Fast, low-latency backend services. Learn Go structs, pointers, goroutines, channels, the Fiber framework, and clean layered architecture.

Programmer Zaman Now•~20 Hours
#18

Docker Containers & Local Environments

IDIntermediate

Package your software to run reliably anywhere. Learn Docker images, container lifecycles, multi-stage Dockerfiles, and Docker Compose.

Programmer Zaman Now•~12 Hours
#19

Redis In-Memory Caching & Message Broker

IDAdvanced

Speed up response times and reduce database load. Master key-value caching, expiration TTLs, pub/sub messaging, and rate limit counters.

Programmer Zaman Now•~8 Hours
#20

Linux Servers & Nginx VPS Deployment

IDAdvanced

Deploy your web apps onto bare Linux servers. Learn SSH hardening, UFW firewall, Nginx reverse proxy, free SSL certs, and PM2 process management.

Dea Afrizal•~10 Hours
#21

CI/CD Automation & Production Cloud

ENAdvanced

Automate code testing and deployments on git push. Learn GitHub Actions workflows, test automation, cloud hosting on Vercel, and health monitoring.

freeCodeCamp / Official•~12 Hours
Need Guidance?

Have questions about this roadmap or want to connect?

Feel free to drop me a note or reach out for engineering advice and code reviews.