-
Phase 1. Where to start
Why this course exists and who it fits: the problem it solves, how phases, quizzes, tests and trainers work, and how to go through it without dropping off.
- Зачем этот курс required
-
Phase 2. Language basics: JavaScript and TypeScript · 18 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
- Mock interview in the cabinet
- Phase test in the cabinet
-
Phase 3. JavaScript in depth · 18 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
- Phase test in the cabinet
-
Phase 4. JavaScript and the browser · 17 questions
The platform foundation: this, the event loop, DOM events, the critical rendering path, errors, animations, and bundling.
-
Phase 5. CSS in depth · 20 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
- Phase test in the cabinet
-
Phase 6. Foundation · 17 questions
Project structure, components, typing, hooks.
-
Phase 7. Data and state · 16 questions
State, data fetching, errors, forms.
-
Phase 8. Navigation and views · 14 questions
Routing and styling.
-
Phase 9. Quality and performance · 14 questions
Accessibility, performance, testing.
-
Phase 10. Mobile app from the web · 17 questions
Web-first instead of native: PWA and Capacitor, native APIs through a bridge, iOS (WKWebView) and Android (TWA) specifics, push and offline — and the line where native starts.
-
Phase 11. Development methodologies and process · 12 questions
Waterfall, Agile, Scrum, Kanban, XP, estimation and scaling — how a team organizes work from idea to release.
- Development Models: From Waterfall to Agile required
- Scrum: Roles, Events, and Artifacts required
- Kanban: Flow, WIP Limits, and Pull required
- Extreme Programming: the Engineering Practices of Agile
- Estimation and planning: story points and velocity
- Scaling Agile: SAFe and LeSS
- Phase test in the cabinet
Программа обучения v2.6.18
Frontend · React + TS
A frontend specialization in React + TypeScript: from project structure and components to data, forms, navigation, accessibility, and testing.
The program has 163 self-check questions in total.