Blog

How to actually learn to code

Ideas on building habits, getting unstuck, and turning practice into real skill. Written by the people building Devpuff, for the people using it.

Two diverging projection lines over the same decade, one rising for software developers and one falling for computer programmers

LatestAugust 5, 2026·8 min readArtificial Intelligence

Will AI replace programmers? An honest answer

No. The same agency projects software developers up 15 percent and computer programmers down 6 percent over one decade. That split is the real answer.

Read Article

The archive

Browse every post

Newest first. Filter by category, or search for whatever you're stuck on.

The same feature branch integrated two ways, one showing a merge commit joining two lines and one showing a single linear history

July 28, 2026·10 min readTools

Git merge vs rebase, with the real graphs side by side

Merge preserves history and adds a commit. Rebase rewrites history and adds none. Here is one branch integrated both ways in a real repository.

One page request split into a browser side handling display and interaction and a server side handling data and rules

July 28, 2026·8 min readLearn

Frontend vs backend, which should you learn first?

Learn frontend first. Here is the reasoning, what each side does all day, what the labour data really says, and the questions that flip the answer.

A flex container labelled with its main axis and cross axis, showing how the two swap when flex direction changes to column

July 28, 2026·10 min readWeb Development

CSS flexbox, a guide built on measured layouts

Flexbox is two properties and one axis rule. Here is that model, measured in a real browser, plus the two traps that make flex items misbehave.

The four main DevTools panels labelled with the question each one answers about a page

July 28, 2026·9 min readTools

Chrome DevTools for beginners, the 20% you use daily

DevTools has about twenty panels and you need four. Here is what each one answers, the shortcuts worth learning, and how to debug without console.log.

A chat prompt on one side and generated code on the other, with the code containing an unreviewed section highlighted

July 21, 2026·9 min readArtificial Intelligence

Vibe coding, what it is and exactly where it breaks

Vibe coding means describing what you want and shipping what the AI writes without reading it. It works for four things and fails badly at five others.

Two database tables side by side with lines connecting matching rows, and the joined result set below them

July 21, 2026·9 min readLearn

SQL joins explained, which rows survive and why

INNER, LEFT, RIGHT, FULL and CROSS joins on the same two tables, with the real result rows. Plus why the Venn diagram everyone shows you is misleading.

A Python for loop printing an index next to each item in a list, with enumerate supplying both values

July 21, 2026·11 min readLearn

Python for loop with index, enumerate() explained

Use enumerate() to get the index and the item in one loop. The syntax, the start argument, and why range(len()) breaks on half of what you loop over.

A function shown holding on to a variable from the outer function that created it, after that outer function has returned

July 21, 2026·10 min readLearn

JavaScript closures explained with 3 examples

A closure is a function that remembers the variables around it after the function that made them has finished. Three real uses and the classic loop bug.

A diagram tracing a browser request through DNS, a web server, and a database, and the response travelling back

July 21, 2026·9 min readLearn

How do websites work? Follow one click end to end

Type a URL, press enter, and a lot happens before anything appears. Here is every step in order, from name lookup to the pixels on your screen.

Six side-by-side boxes each showing a different CSS centering technique, with the centred element highlighted

July 21, 2026·9 min readWeb Development

How to center a div in CSS, every method that works

Flexbox centers a div in two lines. Here is that method, the five others worth knowing, and the two reasons centering silently does nothing.

A Git branch with the HEAD pointer moving back one commit, and the changed files staying in the working directory

July 21, 2026·10 min readTools

How to undo your last Git commit, every scenario

git reset --soft HEAD~1 undoes a commit and keeps your work. Here is the version for every situation, including pushed commits, and how to undo the undo.

Four growth curves plotted together showing constant, logarithmic, linear and quadratic complexity as input size increases

July 21, 2026·9 min readLearn

Big O notation explained with everyday examples

Big O describes how work grows as your data grows. Count operations instead of timing them, and the whole thing becomes numbers you can check yourself.

{ }

✦

Reading about code is fun. Writing it is better.

Put an idea into practice right now. Write real code in your first free lesson.

Start Learning Free