Technical blog · Learn by building
Learn howthings work.
Programming from first principles to real architecture. Direct explanations, executable ideas, visual labs, and paths that connect every concept.
01 · Learning paths
Choose what you want to build.
A path is not a cage. It is an ordered starting point that shows which concept unlocks the next one.
Full-Stack
A complete path through interface, server, data, and the product end to end.
02 · Article library
One concept at a time.
Every article explains the model, shows code, proposes an exercise, and connects you to the next useful topic.
Programming fundamentals: think before writing code
Variables, types, control flow, and functions explained from the problem—not the syntax.
Logic and algorithms without the mystery
How to break down a problem, define inputs, and turn an idea into verifiable steps.
Data structures: choosing where information lives
Arrays, stacks, queues, sets, and maps compared through concrete product decisions.
Database modeling and ER diagrams
Entities, relationships, keys, and normalization to design data before creating tables.
Graphs: relationships, paths, and networks
Nodes, edges, BFS, and DFS with an interactive map to understand each traversal.
Binary Search Trees, visual and interactive
Insert values and watch comparison rules build a search tree.
Linked lists: data connected node by node
How pointers, insertion, and traversal work in a linked list.
Hash tables: fast lookups and collisions
From a key to an index: hash functions, buckets, and collision strategies.
HTML, CSS, and JavaScript: a complete web from scratch
What each layer is responsible for and how to combine them in an editable playground.
React from zero: components, state, and effects
React's mental model, the render cycle, and the difference between state and effects.
React architecture: composition, HOCs, and Atomic Design
Patterns to scale a frontend without turning folders into a religion.
Next.js in depth: CSR, SSR, and static generation
How to choose a rendering strategy and understand _app, _document, and dynamic pages.