Wiki Nzar Dev Logo

A PERSONAL STUDY IN SOFTWARE ENGINEERING

THE
ENGINEER'S
NOTEBOOK

This is a public notebook/wiki where I share everything I learn while studying software and web development, hoping it helps others on the same path.

The Learning Paths

01 ✦ Fundamentals

The Foundation

Start strong by understanding computers, the network, and the engineer's mindset.

The Foundation
+20 TOPICS
02 ✦ HTML & CSS

Web Basics

Learn HTML and CSS, and build your first project to understand how the web works.

Web Basics
+31 TOPICS
03 ✦ Languages

Programming Core

Master JavaScript, TypeScript, Git, and problem solving to become a real programmer.

Programming Core
+74 TOPICS
04

Frontend

Build modern UIs with React, explore Vue and Svelte, manage state, and architect scalable systems.

+47 Topics
05

Fullstack

Go fullstack with Next.js and Remix, server components, data fetching strategies and server actions.

+22 Topics
06

Databases

Design, query, and scale databases using SQL, NoSQL, Redis, and modern ORMs.

+28 Topics
07

Backend

Build production APIs, implement auth flows and handle real-time communication.

+46 Topics
08

Testing

Write unit, integration, and E2E tests, then wire them into CI pipelines to ship with confidence.

+19 Topics
09

DevOps

Containerize with Docker, automate with CI/CD, and deploy to the cloud using Terraform/Kubernetes.

+48 Topics
10

Security

Secure your apps, understand networking deeply, and harden your production infrastructure.

+18 Topics
11

Ecosystem

Extend your skills to mobile with React Native and desktop with Electron and Tauri.

+23 Topics
12

System Design

Design scalable systems, optimize performance, and apply clean software architecture patterns.

+53 Topics
13

AI Engineering

Integrate LLMs, build RAG pipelines, design agents, and ship AI features responsibly in production apps.

+17 Topics
14

Career

Contribute to open source, navigate interviews, grow as an engineer, and build a good career.

+25 Topics
Full Journey

Recent Entries

Purpose & Stroy

The Messenger of Allah ﷺ said:

“When the human being dies, his deeds end except for three: ongoing charity, beneficial knowledge, or a righteous child who prays for him.”

This notebook/wiki is a humble effort to share beneficial knowledge. May Allah accept it.

This project started during my university studies. As I tried to understand my courses better, I began writing summaries and personal notes. When a topic was difficult, I used AI to help explain it in a simpler way. Little by little, those notes grew into a well-organized collection of knowledge.

Then I stopped and thought about it. As Muslims, we are encouraged to benefit others. Instead of keeping these notes to myself, I started improving them, fixing mistakes, and making them easier to understand so others could benefit too.

Today, this notebook is where I document everything I learn about software and web development. The learning path is inspired by Roadmap.shRoadmap.sh, I use ClaudeClaude to help me research and improve the articles, and I create all the covers and diagrams in FigmaFigma. Everything is reviewed and edited by hand before it is published.

I hope this notebook/wiki continues to grow as I learn more, and that it becomes a source of ongoing benefit. May Allah accept this work, put barakah in it, and grant us all tawfiq.

Stay Updated

Every time new articles, diagrams, or studies are added, you'll be notified Inshallah. No noise, just knowledge.

Hey there,

A new article has been added!

Title: How Computers Work

In this article, I explain The four pieces every computer is built from, and how they work together every time you run a single line of code.

Read the article here:

wiki.nzar.dev/docs/foundation/how-systems-work/how-a-computer-works-cpu-ram-storage-io

Nzar
31/07/2026