-
Phase 1. Language basics: JavaScript and TypeScript · 8 questions
Essential JavaScript, async and the event loop, modules and npm, types, generics, type narrowing, classes and decorators, tooling — language foundations.
- JavaScript Essentials
- TypeScript Basic Types: Annotations, Inference, Union and Any
- Type Narrowing and Guards in TypeScript
- Generics in TypeScript: Reusable Type-Safe Code
- Classes and Decorators in TypeScript
- Async and the Event Loop in TypeScript
- Modules and npm: how code is assembled from parts
- TypeScript and Node Tooling: Getting Started
Take the phase quiz → self-check after reading the phase
-
Phase 2. JavaScript in depth · 8 questions
The language core: types and coercion, scope and closures, prototypes, references and copying, promises from the inside, iterators and generators.
- Types in JavaScript: primitives, objects, and typeof
- Type coercion: ==, === and truthy/falsy
- Scope: var, let, const and hoisting
- Closures: how they work and why you need them
- Prototypes: delegation and classes as sugar
- Objects: references, copying, and immutability
- Promises from the inside: chains, errors, and async/await
- Iterators and generators
Take the phase quiz → self-check after reading the phase
-
Phase 3. JavaScript and the browser · 7 questions
The platform foundation: this, the event loop, DOM events, the critical rendering path, errors, animations, and bundling.
- this: call context
- Event loop: how it works and where it bites
- DOM events: bubbling, capturing, delegation
- Critical Rendering Path
- Error Handling in JavaScript and the Browser
- Animations: CSS and Optimizations
- Frontend Build: Bundlers and Approaches
Take the phase quiz → self-check after reading the phase
-
Phase 4. CSS in depth · 8 questions
The style language taken seriously: cascade and specificity, selectors, the box model, flow and positioning, flexbox and grid, units and visual effects.
- CSS Basics: Syntax, Linking Styles, and First Properties
- Cascade, specificity, and inheritance
- Selectors: combinators, pseudo-classes, and pseudo-elements
- The box model: sizes, box-sizing, and margin collapse
- Document flow: display, visibility, and the float legacy
- Positioning: from static to sticky and z-index
- Flexbox: axes, alignment, and space distribution
- Grid: two-dimensional layout
- Units and responsiveness: rem, percentages, vw, and clamp
- Styling: gradients, shadows, filters, and transforms
Take the phase quiz → self-check after reading the phase
-
Phase 5. Foundation · 6 questions
Project structure, components, typing, hooks.
- React+TypeScript Project Structure
- Архитектурные подходы
- Feature-Sliced Design
- React Components: Structure and Composition
- TypeScript in React
- React Hooks: Rules, Custom Hooks, and useEffect
Take the phase quiz → self-check after reading the phase
-
Phase 6. Data and state · 6 questions
State, data fetching, errors, forms.
- State: Local and Server
- Data fetching in React: TanStack Query
- Frontend error handling: error boundaries, error states, and Suspense
- Forms in React: react-hook-form and zod
Take the phase quiz → self-check after reading the phase
-
Phase 7. Navigation and views · 5 questions
Routing and styling.
Take the phase quiz → self-check after reading the phase
-
Phase 8. Quality and performance · 6 questions
Accessibility, performance, testing.
Take the phase quiz → self-check after reading the phase
-
Phase 9. Development methodologies and process · 8 questions
Waterfall, Agile, Scrum, Kanban, XP, estimation and scaling — how a team organizes work from idea to release.
- Development Models: From Waterfall to Agile
- Scrum: Roles, Events, and Artifacts
- Kanban: Flow, WIP Limits, and Pull
- Extreme Programming: the Engineering Practices of Agile
- Estimation and planning: story points and velocity
- Scaling Agile: SAFe and LeSS
Take the phase quiz → self-check after reading the phase
Программа обучения v2.2.0
Frontend · React + TS
A frontend specialization in React + TypeScript: from project structure and components to data, forms, navigation, accessibility, and testing.
The program has 62 self-check questions in total.