Technical Lessons

Hands-on lessons from HTML to full-stack AI applications. Build real projects step by step.

Phase 1: The Book (HTML/CSS)

Structure and decoration, no JavaScript at all

Like building a book: skeleton (HTML) and design (CSS)

T01

Hello World

Your first webpage. Create a file, open it in a browser.

 T02

HTML Tags

The building blocks: headings, paragraphs, lists, links, images.

 T03

HTML Forms & Blocks

Interactive HTML: input, select, textarea, validation, details/summary.

 T04

CSS Basics

Making things look good: selectors, colors, fonts, box model.

 T05

CSS Layout

Organizing the page: flexbox, grid, responsive design, media queries.

 T06

CSS to the Limit

Pure CSS interactivity: animations, transitions, :target, accordion/tabs.

Phase 2: The Brain (JavaScript)

Adding thinking and interaction to the page

Like adding muscles and a brain to your book

T07

JavaScript Intro

First steps with JS: console.log, variables, types, functions.

 T08

DOM Manipulation

Controlling the page: querySelector, createElement, events.

 T09

Forms & Dialog

Handling user input: JS form validation, dialog element.

 T10

Data Structures

Organizing information: arrays, objects, loops, dynamic lists.

 T11

Persistence

Remembering data: localStorage, JSON parse/stringify.

 T12

Fetch API

Talking to servers: HTTP requests, async/await, promises.

 T13

Dynamic Site: Routing

One page, many views: hash routing, components, state.

 T14

Dynamic Site: Offline

Works without internet: service workers, PWA, caching.

 T15

Dynamic Site: Polish

Production quality: performance, lazy loading, error handling.

Phase 3: The Kitchen (Backend)

Servers, APIs, and databases

Building the restaurant kitchen that prepares the food

T16

Node.js Server

Building the kitchen: HTTP server, serving files, request handling.

 T17

API Endpoints

The menu: REST design, JSON responses, routing.

 T18

JSON Database

The recipe book: read/write files, CRUD with JSON.

 T19

SQLite

The filing cabinet: SQL, tables, CRUD, schema, foreign keys.

 T20

Authentication

The ID check: sessions, cookies, password hashing, login/logout.

Phase 4: The Robot Chef (AI)

Integrating artificial intelligence

Hiring a robot that read millions of books to help in your kitchen

T21

Ollama & Chat

The robot chef: local LLM setup, chat API, chat interface.

 T22

Full Stack AI App

The whole restaurant: connect frontend, backend, AI, and database.

Phase 5: The Franchise Kit (Frontend Frameworks)

Component-based UI and type-safe JavaScript

Upgrading from a hand-drawn menu to a professional POS system

T23

React Foundations

Component thinking: JSX, props, event handling, rendering lists.

 T24

React State & Effects

Interactive UIs: useState for memory, useEffect for side effects.

 T25

TypeScript

Type safety: annotations, interfaces, typing React components.

 T26

Next.js: Routing & Rendering

File-based routing, server vs client components, layouts.

 T27

Next.js: Data & API

Data fetching in server components, API routes, building a full page.

Phase 6: The Headquarters (Backend Frameworks)

Enterprise-grade backend architecture with Nest.js

Building the corporate kitchen that manages all your franchise branches

T28

Nest.js: Architecture

Modules, controllers, services, and dependency injection.

 T29

Nest.js: Data & Auth

DTOs, validation, database integration, authentication guards.