BROUNSTACK LEARNING ROADMAP

Learn in the right order.
Build while you learn.

A practical roadmap from web fundamentals to Python, Linux, networking and cybersecurity — with notes, books and project practice connected at every stage.

Start Roadmap Open Notes
YOUR LEARNING PROGRESS

Roadmap Completion

0%
STEP-BY-STEP PATH

Your BrounStack Roadmap

01
FOUNDATION

HTML

Learn page structure, text, links, images, lists, tables, forms and semantic HTML.

StructureFormsSemantic
Open Notes
02
DESIGN

CSS

Understand selectors, box model, flexbox, grid and responsive web design.

FlexboxGridResponsive
Open Notes
03
INTERACTIVITY

JavaScript

Learn logic, variables, conditions, loops, functions, arrays, DOM and events.

LogicDOMEvents
Open Notes
04
PROGRAMMING

Python

Build strong programming fundamentals and start creating useful scripts and tools.

FunctionsListsProjects
Open Notes
05
SYSTEMS

Linux

Learn terminal navigation, permissions, files, processes and command-line workflows.

TerminalPermissionsProcesses
Open Notes
06
NETWORKS

Networking

Understand TCP/IP, ports, DNS, HTTP/HTTPS, routers, switches and sockets.

TCP/IPPortsDNS
Open Notes
07
SECURITY

Cybersecurity

Learn CIA triad, authentication, hashing, threats, basic monitoring and security projects.

CIAHashingThreats
Open Notes
LEARN BY BUILDING

Practice Projects

After learning concepts, build something small. This is where theory starts becoming real skill.

🧮

Modern Calculator

Practice HTML, CSS and JavaScript with a real interface and interactive logic.

Open project ↗
🌐

Network Port Scanner

Use Python sockets to understand IP addresses, ports and TCP connections.

View project ↗
🛡️

File Integrity Checker

Use Python and SHA-256 hashing to detect changes in files.

View project ↗
1. Learn

Read the concept from notes or books.

2. Practice

Type the examples yourself. Don't only read.

3. Build

Create one small project using the concept.

4. Repeat

Revise, improve the project and move to the next stage.