How to build sites, apps and AI products
Lessons along learning paths from scratch, step-by-step guides and code recipes that state the versions they were checked on. All free, no registration.
155materials
17learning paths
143terms
Learning paths
Ready-made routes: the steps go from the basics to a practical result.
9 stepsUnderstand users, structure a screen, build components in Figma and grow them into a design system and a working dashboard.4 stepsWhy interfaces move, how to pick easing and duration, animate scrolling and transitions between screens.9 stepsFrom a first program to the DOM, error handling and async code, with practice at every step.7 stepsSemantic markup, Flexbox and Grid layout, responsiveness, Tailwind, performance and accessibility.8 stepsTypeScript, components, state, effects, forms, state management and tests, finishing with an accessible modal.7 stepsApp Router, Server Components and Server Actions, Tailwind and performance, plus two ready solutions: a lead form and protected pages.6 stepsJava syntax, collections and Maven, then OOP, SOLID and patterns, and on to a first REST API on Spring Boot.7 stepsHTTP, Java for backend, a Spring Boot REST API, layering, API design, access control and a unified error format.8 stepsNode.js, a REST API on Express, layering, authentication, permissions, tests and safe password storage.9 stepsChoosing an approach, a first Expo app, navigation, APIs and storage, a ready-made list, device features, push and publishing.6 stepsDart and a first Flutter app, state and navigation, a validated form, testing and publishing.9 stepsTables and keys, SELECT and JOIN, PostgreSQL in Docker, schema design, indexes, transactions, EXPLAIN and keyset pagination.8 stepsTerminal and Linux, Docker and Compose, secrets, Nginx, choosing a deployment approach and CI with GitHub Actions.9 stepsArchitectural decisions, SOLID and patterns, clean architecture, APIs, monoliths vs microservices, events and system design.8 stepsHow APIs work, HTTP, API design, webhooks, resilient external calls, security, payments and an integration adapter.8 stepsHow LLMs work, a first API call, prompting, tool calling, embeddings and RAG, security and quality evaluation.7 stepsHow to take an app built with an AI assistant to a real product: Git and rollback, review, data access, tests, boundaries and migrations, release and handover.
Directions
Twelve directions — from UX/UI to AI.
01 · 18 materialsResearch, audits, Figma, prototypes, design systems, grids, typography, accessibility and motion.02 · 15 materialsVariables, conditions, functions, data structures, algorithms, OOP, Git, the terminal, HTTP and debugging.03 · 18 materialsHTML, CSS, JavaScript, TypeScript, React, Next.js, Vue, Tailwind, forms, state, testing and performance.04 · 13 materialsNode.js, Express, NestJS, Java and Spring Boot, Python, FastAPI and Django, authentication, permissions, jobs.05 · 12 materialsReact Native and Expo, Flutter and Dart, Kotlin and SwiftUI, navigation, device APIs, push and publishing.06 · 12 materialsSQL, PostgreSQL, MySQL, Redis and NoSQL, design, indexes, transactions, ORMs and migrations.07 · 12 materialsLinux, Docker, Nginx, deployment, CI/CD, monitoring, the testing pyramid, OWASP and secrets.08 · 10 materialsSOLID, patterns, clean architecture, monoliths and microservices, events, APIs, caching and multi-tenant SaaS.09 · 10 materialsREST and GraphQL, webhooks, OAuth and OpenID Connect, payments, Telegram, CRM, 1C and reliable external APIs.10 · 16 materialsLLM APIs, prompting, AI coding assistants, embeddings, RAG, tool calling, agents, evaluation and security.11 · 11 materialsCode recipes for specific tasks: components, utilities, Next.js, Spring, mobile, auth and SQL.12 · 8 materialsGlossary, Git commands, HTTP codes, CSS, React hooks, SQL, common errors and technology comparisons.
All materials
Glossary
What website blocks, interface elements and technical concepts are called — with a mini-diagram, a short definition and a tip. 143 terms.
Open the glossary