DEVLAB101

Learning app · web development

Understand the web. Put it to the test.

Start with a question, try something, then verify what the browser actually does. DevLab101 connects 57 bilingual sheets to three paths where you rephrase, produce, diagnose and verify.

Paths open · no account · progress saved in the browser

DEVLAB101 / BIBLIOTECHREFERENCE + PRACTICE
Real DevLab101 Bibliotech interface showing its web development paths.
Real interface · Bibliotech in dark mode

Reference → evidence

A sheet answers. A room puts you to work.

A sheet can give you the definition. DevLab101 adds the work that shows whether you understood it: rephrase, predict, produce, diagnose, then explain the result inside a useful project.

The evidence you leave behind

At the end of a step, something observable remains: an answer, an artefact, a test or a decision you can explain.

  • Rephrase a mental model
  • Produce code, a command or an artefact
  • Verify it, then transfer it to a project

Three paths to open

Choose your practice terrain.

The Bibliotech answers the precise question. These three paths then have you predict, write, diagnose and verify inside a safe environment.

01 / 03 · 10 interactive roomsGUIDED PATH

Build a foundation that holds under pressure.

From code to machine to delivery: ten rooms to explain, create an artefact, make a decision, check an outcome and transfer the model.

  • 10 rooms · 5 proofs per room
  • Written answers, artefacts and checks
  • No setup or account required
Open the path in DevLab101

The work loop

Understand. Predict. Act. Verify.

Name the idea, predict an outcome, act, then compare it with what actually happened. Interactivity exists to create that evidence, not motion for its own sake.

  1. 01

    Understand

    Name the idea with simple words and one example.

  2. 02

    Predict

    Say what should happen before touching the code.

  3. 03

    Act

    Write, test, command, manipulate or correct.

  4. 04

    Verify

    Compare the outcome, explain the gap and transfer it.

Bibliotech architecture

57 sheets when a precise question appears.

The path does not replace the reference. It brings you back when a precise question appears, with six bilingual families and anchors for choosing the right depth.

01

Foundations

Shared core, browser, APIs, terminal, Git, debugging and security.

02

Languages

HTML, CSS, JavaScript, TypeScript, Python and C#.

03

UI / UX

Interfaces, interaction and human decisions in the experience.

04

Web applications

Front end, back end, Firebase, React, Vue, Redux and RxJS.

05

Quality / security

Best practices, tests, patterns and cybersecurity.

06

Culture / tools

Toolbox, anecdotes, blockchain and computing history.

Access and progress

Start now. Sync later.

Every path remains usable without an account. Progress is saved in the browser first; an account becomes useful when you want to recover it across devices.

  • 57 French and English sheets
  • Local progress and exact resume point
  • Optional account for synchronisation

Place in the ecosystem

When the subject changes, the tool changes.

DevLab101 is the ecosystem’s web development terrain. The other products take over when the goal becomes remembering, observing a mechanism or building a circuit.

Product access

Follow the next DevLab101 releases.

Get path openings, new labs and Bibliotech updates.

One launch confirmation, with no unnecessary messages.