Lecții scurte în română despre HTML, CSS, JavaScript, TypeScript, React și Next.js. După fiecare lecție scrii cod direct în pagină și vezi imediat ce trece și ce nu. Gratuit, fără cont.
102 lecții · 205 exerciții · 80 termeni în glosar · fără cont
function createCounter(start = 0) { let n = start return () => ++n }
Fiecare lecție: ce este, ce tipuri există, prin ce diferă și când folosești fiecare. Apoi greșeli frecvente și un rezumat.
Scrii cod direct în pagină și apeși ⌘ Enter. Testele îți arată imediat ce merge și ce nu. Soluția e acolo când te blochezi.
Progresul și codul tău se salvează automat. Revii și continui de unde ai rămas.
Dai de „hoisting” sau „closure”? Treci cu mouse-ul peste el pentru definiție, click pentru lecția completă.
Fiecare lecție trimite la MDN, react.dev, nextjs.org, tailwindcss.com — nu la bloguri de acum 5 ani.
De la cum funcționează web-ul până la Next.js 16, Tailwind 4 și arhitectură, în ordinea în care chiar ai nevoie.
17 pași, în ordinea în care chiar ai nevoie de ei. Poți sări direct la orice temă.
Cum funcționează web-ul: client și server, HTTP, randare în browser, performanță, stocare și securitate.
Structură, semantică, formulare, imagini și accesibilitate — fundația oricărei pagini.
Cascadă, box model, flexbox, grid, poziționare, responsive, animații și CSS modern.
Limbajul complet: tipuri, funcții, obiecte, async, module, DOM.
Tipuri, obiecte, union types, generics, utility types și TS în React.
Commit-uri, branch-uri, merge vs rebase, pull request-uri și Conventional Commits.
npm și package.json, bundlere, ESLint și Prettier, debugging cu DevTools.
Componente, state, efecte, hook-uri custom, Context, performanță și server state.
Tipuri de state, Context, Zustand, Redux Toolkit, RTK Query și alternativele.
App Router, Server Components, date, cache, Server Actions și deploy.
Formulare în React, React Hook Form, validare cu Zod și Server Actions.
API-uri REST, SQL, ORM cu Drizzle și Prisma, Postgres în Next.js.
Cum funcționează Google, SEO tehnic, cuvinte cheie, Analytics și Search Console, investigații.
Utility-first, responsive, teme dark/light, tipografie custom și UI kit cu cn() și cva.
Principiile mișcării, Motion pentru React, GSAP și ScrollTrigger, exemple care impresionează.
Tipuri de teste, Vitest, Testing Library și Playwright.
Principii, Feature-Sliced Design și alternativele, cu plusuri și minusuri.
Un click — fără cont.