Перейти к содержимому
Яша.dev — Учим код
Поиск
Ctrl
K
Отменить
Léha
Yasha
GitHub
Выберите тему
Тёмная
Светлая
Авто
HTML: Скелет
О курсе
1. Введение в HTML
2. Теги и элементы
3. Структура документа
4. Изображения и медиа
5. Списки
6. Таблицы
7. Формы (базовые)
8. Семантические теги
9. Meta-теги и SEO
10. Ссылки и навигация
11. ARIA Basics
12. ARIA Roles
13. ARIA States and Properties
14. Semantic HTML for Accessibility
15. Keyboard Navigation
16. Screen Readers
17. WCAG Basics
18. Accessible Forms
19. Canvas Introduction
20. Canvas Drawing
21. Canvas Animation
22. SVG Basics
23. SVG Paths
24. SVG Animation
25. Form Validation
26. Custom Input Elements
27. File Uploads
28. Datalist and Autocomplete
29. Custom Elements
30. Shadow DOM
31. Templates and Slots
32. Web Components Best Practices
33. Schema.org Structured Data
34. Open Graph Protocol
35. Twitter Cards
36. IFrame and Embedding
37. Drag and Drop API
38. ContentEditable
39. Data Attributes
40. Lazy Loading
41. Best practices
42. Popover API
CSS: Стиль
О курсе
1. Селекторы
2. Box Model
3. Цвета и фоны
4. Типографика
5. Flexbox
6. Grid
7. Позиционирование
8. Анимации и переходы
9. CSS переменные
10. Псевдоклассы :nth-child и :nth-of-type
11. Псевдоклассы :is(), :where(), :has()
12. Псевдоэлементы ::before, ::after, ::marker
13. Атрибутные селекторы
14. Комбинаторы и специфичность на практике
15. flex-grow, flex-shrink, flex-basis детально
16. Выравнивание: align-items vs align-content
17. Flex и переполнение контента
18. Паттерны: Holy Grail, Sticky Footer
19. Flexbox vs Grid: когда что использовать
20. grid-template-areas
21. minmax(), auto-fit, auto-fill
22. Subgrid
23. Именованные линии
24. Grid и выравнивание
25. Вложенные гриды
26. Отзывчивые сетки без медиа-запросов
27. Паттерны раскладок на Grid
28. RGB, HSL, HWB, LAB, LCH
29. color-mix() и относительные цвета
30. Линейные градиенты продвинутые
31. Радиальные и конические градиенты
32. Паттерны на чистом CSS
33. transform: translate, rotate, scale, skew
34. transform-origin
35. perspective и 3D-трансформации
36. backface-visibility
37. 3D-карточки и кубы
38. @keyframes детально
39. animation-timing-function и кривые Безье
40. animation-fill-mode, animation-direction
41. Производительность анимаций (will-change, GPU)
42. Scroll-driven animations
43. View Transitions API
44. Container Queries (@container)
45. CSS Layers (@layer)
46. CSS Nesting (вложенность)
47. :has() — родительский селектор
48. Логические свойства (inline, block)
49. aspect-ratio
50. CSS Scroll Snap
51. object-fit и object-position
52. Современные единицы: dvh, svh, lvh, cqi
53. filter: blur, brightness, contrast, etc.
54. backdrop-filter
55. mix-blend-mode
56. clip-path и shape-outside
57. БЭМ (Block Element Modifier)
58. SMACSS и OOCSS
59. Utility-first (Tailwind подход)
60. SASS/SCSS basics
61. Best practices
62. CSS Anchor Positioning
Tailwind CSS
1. Что такое Tailwind CSS
2. Установка и настройка
3. Utility-First концепция
4. Отступы и пространство
5. Цветовая система
6. Типографика
7. Flexbox с Tailwind
8. Grid с Tailwind
9. Адаптивный дизайн
10. Dark Mode
11. Состояния и псевдоклассы
12. Кастомизация
13. Анимации
14. Формы
15. Плагины
16. Компоненты и @apply
17. shadcn/ui интеграция
18. JIT и Arbitrary Values
19. Best Practices
20. Продвинутые паттерны
JavaScript: Мозги
О курсе
1. Переменные
2. Функции
3. Условия (if/else/switch)
4. Циклы (for/while)
5. Массивы
6. Объекты
7. DOM манипуляции
8. События в браузере и JS
9. Асинхронность (Promise, async/await)
10. Fetch API
11. var vs let vs const — hoisting и TDZ
12. Типы данных: примитивы vs объекты
13. Приведение типов (coercion)
14. Строки: методы и шаблонные литералы
15. Числа: IEEE 754, BigInt, Math
16. Деструктуризация массивов и объектов
17. Spread и Rest операторы
18. Опциональная цепочка ?.
19. Nullish coalescing ??
20. Логические операторы &&, ||, !
21. Стрелочные vs обычные функции
22. Замыкания (closures) детально
23. Контекст this и его потеря
24. call, apply, bind
25. Каррирование и частичное применение
26. Функции высшего порядка
27. Рекурсия
28. Мемоизация
29. Создание объектов: литерал, конструктор, Object.create
30. Геттеры и сеттеры
31. Дескрипторы свойств
32. Прототипное наследование
33. __proto__ vs prototype
34. Object.keys, values, entries, fromEntries
35. Клонирование объектов (shallow vs deep)
36. Иммутабельность
37. Синтаксис классов ES6
38. constructor и super
39. Публичные и приватные поля (#)
40. Статические методы и свойства
41. Наследование классов
42. Миксины и композиция
43. map, filter, reduce детально
44. find, findIndex, some, every
45. flat, flatMap
46. Сортировка и её подводные камни
47. Typed Arrays
48. Мутирующие vs Немутирующие методы массивов
49. Set
50. Map
51. WeakSet и WeakMap
52. Коллекции: Практические кейсы
53. Event Loop глубже
54. Microtasks vs Macrotasks
55. Promise Combinators
56. Создание своих промисов
57. Async Iterators
58. AbortController
59. Async Error Handling
60. Parallel vs Sequential
61. ES Modules
62. Dynamic Import
63. CommonJS vs ESM
64. Circular Dependencies
65. Regex Syntax
66. Regex Groups
67. Lookahead & Lookbehind
68. Regex Patterns
69. Storage API
70. IndexedDB
71. Web Workers
72. Service Workers
73. WebSocket
74. Geolocation
75. Intersection Observer
76. Resize Observer
77. Clipboard API
78. Notifications API
79. Proxy
80. Reflect
81. Обработка ошибок
82. Best practices
83. Symbol
84. Генераторы и итераторы
85. Декораторы (Stage 3)
86. WeakRef и FinalizationRegistry
87. Модульный паттерн (IIFE)
88. Singleton (Одиночка)
89. Observer (Наблюдатель)
90. Фабричные функции
91. Debounce и Throttle
92. Делегирование событий
jQuery: Магия
1. Введение в jQuery
2. Установка и подключение
3. Селекторы
4. Манипуляция DOM
5. Работа с CSS
6. Атрибуты и свойства
7. События
8. Анимации
9. Эффекты
10. Цепочки методов
11. Введение в AJAX
12. $.ajax() - полный контроль
13. $.get() и $.post()
14. $.getJSON() - работа с JSON
15. Обработка ошибок AJAX
16. Загрузка контента без перезагрузки
17. REST API интеграция
18. Делегирование событий
19. Кастомные события
20. Использование плагинов
21. Создание собственных плагинов
22. jQuery UI компоненты
23. Валидация форм
24. Работа с таблицами
25. Оптимизация производительности
26. Миграция на Vanilla JS
27. jQuery в современном стеке
TypeScript: Броня
О курсе
1. Почему TypeScript?
2. Базовые типы
3. Интерфейсы
4. Type vs Interface
5. Generics
6. Union и Intersection типы
7. Type Guards
8. Utility types
9. Декораторы
10. Конфигурация tsconfig.json
11. Условные типы (Conditional Types)
12. Mapped Types
13. Template Literal Types
14. Ключевое слово infer
15. Type Guards продвинутые
16. Дискриминированные объединения
17. Branded Types
18. Рекурсивные типы
19. Вариантность (Variance)
20. Оператор satisfies
21. Расширение интерфейсов
22. Слияние интерфейсов
23. Declaration Merging
24. Индексные сигнатуры
25. Call Signatures
26. Generic Constraints
27. Дефолтные значения Generic
28. Generic Type Parameters
29. Variadic Tuples
30. Дженерик классы
31. Partial, Required, Readonly
32. Pick, Omit, Exclude
33. Record, Extract
34. ReturnType, Parameters
35. Awaited, PromiseType
36. NonNullable, Never
37. Создание своих Utility Types
38. Mapped Type Modifiers
39. Strict Mode
40. Миграция JS → TS
41. tsconfig.json детально
42. Project References
43. Declaration Files (.d.ts)
44. Module Resolution
45. Triple-Slash Directives
46. Декораторы глубже
47. TypeScript + React
48. TypeScript + Express
49. Error Handling в TypeScript
50. Тестирование TypeScript
51. TypeScript с Redux: основы
52. Redux Toolkit (RTK) + TypeScript
53. Паттерны Redux с TypeScript
54. RTK Query + TypeScript
55. Zustand + TypeScript: основы
56. Zustand Slices и TypeScript
57. Zustand Middleware с TypeScript
58. Valtio + TypeScript: основы
59. Valtio Proxies и TypeScript
60. Valtio vs Redux/Zustand: когда что использовать
61. Enum и Literal types
62. Namespaces и модули
63. Best practices
Git: Машина времени
О курсе
1. Инициализация и коммиты
2. Branches (ветки)
3. Merge и Rebase
4. Remote и Push/Pull
5. Конфликты
6. Git Flow
7. .gitignore
8. Git Hooks
9. Cherry-pick и Stash
10. Tags и Релизы
11. GitHub/GitLab workflow
12. Best Practices
Linux & Bash: Командная строка
1. Что такое терминал и зачем он нужен
2. Навигация в файловой системе
3. Работа с файлами
4. Права доступа: chmod, chown
5. Управление процессами
6. Пайпы и перенаправление
7. Сетевые команды
8. Bash скрипты
9. Текстовые инструменты
10. Переменные окружения
Windows: PowerShell & CMD
1. CMD vs PowerShell vs Windows Terminal
2. Навигация: CMD команды
3. PowerShell основы
4. Файлы в PowerShell
5. PowerShell Pipeline
6. Скрипты PowerShell
7. WSL: Linux внутри Windows
8. Переменные среды Windows
macOS: Терминал
1. Терминал macOS: Начало
2. Homebrew: главный пакетный менеджер
3. Уникальные команды macOS
4. Системная информация macOS
5. Инструменты разработчика macOS
React: Движок
О курсе
state-management
1. React Context API
2. MobX
3. Jotai
4. TanStack Query
5. Zustand (Advanced)
6. Redux Toolkit (Advanced)
7. SWR
8. Legend State
29. State Managers (Глубокое погружение)
1. Компоненты
2. Props и State
3. JSX синтаксис
4. Hooks (useState, useEffect)
5. Условный рендеринг
6. Списки и ключи
7. Формы в React
8. useContext
9. useRef и useReducer
10. Custom Hooks
11. React Router
12. useCallback
13. useMemo
14. useLayoutEffect
15. useImperativeHandle
16. useTransition
17. useDeferredValue
18. useId
19. useSyncExternalStore
20. useInsertionEffect
21. useDebugValue
22. React.memo
23. lazy и Suspense
24. Code Splitting
25. Виртуализация списков
26. Performance Profiling
27. Паттерны оптимизации
28. Обзор State Management
30. Redux Toolkit: Введение
31. Redux Toolkit: Слайсы
32. Redux Toolkit: Асинхронность
33. Zustand: Основы
34. Zustand: Продвинутый уровень
35. Jotai: Атомарный стейт
36. Recoil: Atoms и Selectors
37. TanStack Query: Введение
38. TanStack Query: Мутации
39. SWR: Основы
40. Error Boundaries
41. React Hook Form
42. Render Props
43. Higher-Order Components
44. Составные компоненты
45. Управляемые и неуправляемые
46. React Portals
47. forwardRef
48. Framer Motion: Основы
49. Framer Motion: Жесты
50. Framer Motion: Layout
51. React Testing Library
52. Тестирование хуков
53. Playwright E2E
54. Настройка Vitest
55. Storybook
56. Atomic Design
57. SSR и Hydration
58. React Server Components
59. MobX: Введение
60. MobX: Observables
61. MobX: Computed и Reactions
62. MobX + React
63. MobX: Продвинутый уровень
64. Effector: Введение
65. Effector: Stores и Events
66. Effector: Effects
67. Effector + React
68. Effector: Продвинутый уровень
React Native: Мобилки
1. Что такое React Native
2. Expo vs Bare Workflow
3. Установка и настройка
4. Основные компоненты
5. Стилизация (StyleSheet)
6. Flexbox в React Native
7. TextInput и формы
8. FlatList и списки
9. ScrollView
10. React Navigation: Введение
11. Stack Navigator
12. Tab Navigator
13. Drawer Navigator
14. Platform-specific код
15. AsyncStorage и хранение данных
16. Изображения и медиа
17. Сеть и API запросы
18. Жесты (Gesture Handler)
19. Анимации (Animated API)
20. React Native Reanimated
21. Native Modules
22. Разрешения (Permissions)
23. Push-уведомления
24. Производительность
25. Публикация приложений
Vue 3: Прогрессивный
Vue 3: Обзор
1. Что такое Vue 3
2. Установка и Vite
3. Composition API
4. Options API
5. Реактивность: ref и reactive
6. computed и watch
7. Шаблоны и директивы
8. Компоненты
9. Props и Emits
10. Слоты (Slots)
11. Lifecycle Hooks
12. Composables (хуки)
13. Provide / Inject
14. Vue Router 4
15. Pinia: управление состоянием
16. Pinia: продвинутые паттерны
17. Vuex 4 (legacy)
18. Переходы и анимации
19. Teleport и Suspense
20. Кастомные директивы
21. Асинхронные компоненты
22. Renderless компоненты
23. Тестирование с Vitest
24. E2E тестирование (Playwright)
25. Server-Side Rendering
26. Производительность
27. TypeScript в Vue 3
28. Vue 3 vs React: сравнение
29. Роутинг: Guards и Lazy Loading
Angular: Фреймворк
О курсе Angular
1. Что такое Angular
2. Установка и Angular CLI
3. Первое приложение
4. Компоненты
5. Шаблоны и привязка данных
6. Property и Event Binding
7. Two-Way Binding
8. Встроенные директивы
9. Пользовательские директивы
10. Pipes
11. Пользовательские Pipes
12. Сервисы
13. Dependency Injection
14. HttpClient
15. RxJS в Angular
16. Маршрутизация: основы
17. Route Guards
18. Route Resolvers
19. Lazy Loading модулей
20. Template-driven Forms
21. Reactive Forms
22. Валидация форм
23. Пользовательские валидаторы
24. @Input и @Output
25. ViewChild и ContentChild
26. Content Projection
27. Lifecycle Hooks
28. Angular Modules
29. Standalone Components
30. Signals (Angular 17+)
31. Signals: Продвинутый уровень
32. Injection Tokens
33. HTTP Interceptors
34. Обработка ошибок
35. Angular Animations
36. Angular Material
37. Component Dev Kit (CDK)
38. NgRx: Введение
39. NgRx: Store и Reducers
40. NgRx: Effects
41. NgRx: Selectors
42. NgRx: Entity
43. NgRx: Component Store
44. NGXS State Management
45. Тестирование: Jasmine/Karma
46. Тестирование: Jest
47. E2E тесты: Cypress/Playwright
48. SSR и Angular Universal
49. PWA с Angular
50. Интернационализация (i18n)
51. Web Workers
52. Динамические компоненты
53. Пользовательские Form Controls
54. Angular Elements
55. Конфигурация окружений
56. Оптимизация сборки
57. Monorepo с Nx
58. Микрофронтенды
59. GraphQL с Angular
60. WebSockets
61. Паттерн Facade
62. Лучшие практики
63. Change Detection
64. Оптимизация производительности
65. Маршрутизация: продвинутая
Svelte: Компилятор
Svelte: Обзор
1. Что такое Svelte
2. Установка и Vite
3. Базовый синтаксис
4. Реактивность
5. Props
6. События и диспетчеризация
7. Привязки (Bindings)
8. Lifecycle хуки
9. Stores (хранилища)
10. Derived и кастомные Stores
11. Логические блоки (#if, #each, #await)
12. Переходы и анимации
13. Actions
14. Slots и Snippets (Svelte 5)
15. Context API
16. Специальные элементы
17. TypeScript в Svelte
18. Тестирование
19. Svelte 5: Runes
20. Svelte 5: Новая реактивность
21. SvelteKit: Введение
22. SvelteKit: Маршрутизация
23. SvelteKit: load() функции
24. SvelteKit: Form Actions
25. SvelteKit: API Routes
26. SvelteKit: Аутентификация
27. SvelteKit: Деплой
28. Производительность
29. Svelte vs React vs Vue
30. Будущее Svelte
Solid.js: Реактивность
🚀 Введение в Solid.js
1. Что такое Solid.js и почему он лучше
2. Настройка проекта с Vite
3. JSX в Solid: отличия от React
4. Сигналы: основа реактивности
5. Эффекты: createEffect
6. Мемо: createMemo
7. Пропсы и children
8. Control Flow: Show, For, Switch, Index
9. Lifecycle: onMount, onCleanup
10. Context API
11. Сторы: createStore
12. Resources: createResource и async
13. Suspense и ErrorBoundary
14. Refs и работа с DOM
15. Обработка событий
16. Директивы
17. Роутинг: @solidjs/router
18. SolidStart: мета-фреймворк
19. Формы и валидация
20. Server-Side Rendering
21. TypeScript в Solid.js
22. Тестирование
23. Переходы и анимации
24. Паттерны управления состоянием
25. Производительность и Fine-Grained Reactivity
26. Solid.js vs React
27. batch, untrack и createRoot
28. Кастомные примитивы
29. Renderless компоненты
30. Порталы
31. Streaming SSR
32. Solid 2.0: что нового
33. Экосистема Solid.js
34. Полноценное приложение на Solid.js
RxJS: Реактивность
О курсе RxJS
1. Observables — основа всего
2. Observers и Subscriptions
3. Subjects: горячие потоки
4. Операторы: введение
5. map, filter, reduce
6. merge, concat, zip
7. mergeMap и switchMap
8. concatMap и exhaustMap
9. debounce и throttle
10. Обработка ошибок
11. Multicasting: share, publish
12. Higher-Order Observables
13. Schedulers
14. Создание своих операторов
15. Тестирование RxJS
16. RxJS + React
17. Кастомные хуки с RxJS
18. RxJS как стейт-менеджер
19. RxJS vs Effector
20. RxJS + MobX
Next.js: Full-Stack
Next.js: Обзор
1. Что такое Next.js
2. App Router vs Pages Router
3. Файловая маршрутизация
4. Layouts и Templates
5. Server vs Client Components
6. Получение данных
7. Статическая генерация (SSG)
8. Server-Side Rendering (SSR)
9. ISR — Инкрементальная регенерация
10. Route Handlers (API)
11. Server Actions
12. Middleware
13. Metadata и SEO
14. Оптимизация изображений
15. Шрифты и стили
16. Аутентификация (NextAuth)
17. Кэширование
18. Parallel и Intercepting Routes
19. Динамические маршруты
20. Интернационализация (i18n)
21. Переменные окружения
22. Тестирование
23. Производительность
24. Деплой на Vercel
25. Деплой в Docker
26. Monorepo и Turborepo
27. Паттерны проектирования
28. Миграция Pages → App Router
29. Next.js 15: новые возможности
Nuxt 3: Meta-фреймворк
Nuxt 3: Обзор
1. Что такое Nuxt 3
2. Установка и структура
3. Файловая маршрутизация
4. Layouts
5. Компоненты и автоимпорт
6. Composables
7. useFetch и useAsyncData
8. Server Routes (API)
9. Server Middleware
10. Управление состоянием (useState, Pinia)
11. Metadata и SEO
12. Режимы рендеринга (SSR/SSG/SPA/ISR)
13. Plugins
14. Modules
15. Middleware
16. Обработка ошибок
17. Аутентификация
18. @nuxt/content
19. @nuxt/image
20. Интернационализация
21. Тестирование
22. Производительность
23. Деплой
24. Nuxt vs Next.js
25. Nuxt 4: новые возможности
Astro: Острова
Astro: Обзор
1. Что такое Astro
2. Установка и структура проекта
3. Astro-компоненты (.astro)
4. Страницы и маршрутизация
5. Лейауты
6. Архитектура Islands
7. Client Directives
8. React в Astro
9. Vue в Astro
10. Svelte в Astro
11. Стилизация (CSS, Modules)
12. Tailwind CSS
13. Markdown и MDX
14. Content Collections
15. Оптимизация изображений
16. Загрузка данных
17. API-маршруты (Endpoints)
18. Middleware
19. Server-Side Rendering
20. Static vs Hybrid рендеринг
21. View Transitions
22. Интернационализация (i18n)
23. Astro DB
24. RSS и Sitemap
25. SEO и мета-теги
26. TypeScript в Astro
27. Тестирование
28. Производительность
29. Экосистема интеграций
30. Свои интеграции
31. Slots и именованные слоты
32. Script-теги и JS на клиенте
33. Astro Actions
34. Деплой и адаптеры
35. Реальный проект: Блог
Remix: Web Standards
Remix: Обзор
1. Что такое Remix
2. Установка и структура
3. Файловая маршрутизация
4. Loaders: загрузка данных
5. Actions: мутации данных
6. Формы и Form-компонент
7. Обработка ошибок
8. Вложенные маршруты
9. Лейауты и Outlet
10. Сессии и Cookies
11. Аутентификация
12. Optimistic UI
13. Pending UI и Transitions
14. Resource Routes
15. Meta и Links функции
16. Стилизация
17. TypeScript в Remix
18. Тестирование
19. defer и Await
20. Streaming SSR
21. Загрузка файлов
22. Кэширование HTTP
23. Progressive Enhancement
24. Remix vs Next.js
25. Деплой
26. Remix Stacks
27. Реальный проект: E-commerce
Qwik: Resumability
Qwik: Обзор
1. Что такое Qwik
2. Установка (Qwik City)
3. Resumability vs Hydration
4. Qwik-компоненты
5. JSX в Qwik
6. useSignal и useStore
7. useTask и useVisibleTask
8. Маршрутизация в Qwik City
9. Лейауты
10. routeLoader$ и routeAction$
11. Формы и zod-форма
12. Стилизация
13. Оптимизация изображений
14. Оптимизация и lazy-loading
15. SSR и SSG
16. TypeScript в Qwik
17. Тестирование
18. Интеграции
19. Деплой
20. Qwik vs React
21. Реальный проект: Todo App
Node.js: Бекенд
О курсе
1. Введение в Node.js
2. CommonJS модули
3. ES Modules (ESM)
4. Файловая система (fs, path)
5. HTTP сервер
6. npm и управление пакетами
7. process, env, аргументы
8. Streams и Buffers
9. Express.js: основы
10. Роутинг и параметры URL
11. Middleware
12. REST API дизайн
13. Request и Response объекты
14. Обработка ошибок
15. Загрузка файлов (multer)
16. CORS и Security headers
17. JWT аутентификация
18. Sessions и Cookies
19. Rate Limiting
20. WebSockets (ws)
21. Server-Sent Events
22. Fastify: быстрая альтернатива
23. Hono: Edge-first фреймворк
24. Логирование (pino, winston)
25. Тестирование API
26. Docker для Node.js
27. PM2 и деплой
28. Performance и оптимизация
Python: Full-Stack Backend
1. Введение в Python
2. Установка и настройка
3. Синтаксис и переменные
4. Типы данных
5. Условия и ветвления
6. Циклы
7. Функции
8. Списки, словари и кортежи
9. ООП в Python
10. Модули и пакеты
11. Работа с файлами
12. Обработка ошибок
13. Async/Await
14. FastAPI: основы
15. FastAPI: CRUD API
16. FastAPI: аутентификация
17. Django: основы
18. Django ORM и модели
19. SQLAlchemy
20. Интеграция с JS фронтендом
PHP: Backend Classic
1. Введение в PHP
2. Установка PHP
3. Синтаксис и переменные
4. Типы данных
5. Операторы
6. Условия
7. Циклы
8. Функции
9. Массивы
10. Суперглобальные переменные
11. Работа с формами
12. Работа с файлами
13. Подключение файлов
14. Введение в MySQL
15. Подключение к БД
16. SQL запросы
17. Prepared Statements
18. JOIN операции
19. Транзакции
20. CRUD приложение
21. Постраничная навигация
22. Классы и объекты
23. Свойства и методы
24. Конструкторы
25. Наследование
26. Инкапсуляция
27. Полиморфизм
28. Абстрактные классы
29. Интерфейсы
30. Traits
31. Namespaces
32. Autoloading
33. Composer
34. Обработка ошибок
35. Работа с JSON
36. Работа с API
37. Sessions и Cookies
38. Аутентификация
39. Загрузка файлов
40. Отправка Email
41. Безопасность
42. MVC паттерн
43. RESTful API
Databases: Базы данных
Введение
1. PostgreSQL: Основы
2. PostgreSQL: Индексы
3. PostgreSQL: Триггеры
4. PostgreSQL: Views
5. PostgreSQL: Оконные функции
6. PostgreSQL: JSON/JSONB
7. PostgreSQL: Full-Text Search
8. PostgreSQL: Партицирование
9. MongoDB: Основы
10. MongoDB: Aggregation Pipeline
11. MongoDB: Индексы
12. MongoDB: Sharding
13. MongoDB: Replica Sets
14. MongoDB: Транзакции
15. MongoDB: Schema Design
16. Redis: Структуры данных
17. Redis: Cache Strategies
18. Redis: Sessions
19. Redis: Pub/Sub
20. Redis: Streams
21. DB Design: Нормализация
22. DB Design: Relationships
23. DB Design: Денормализация
24. Query Optimization: EXPLAIN
25. Query Optimization: Indexes
26. Transactions & ACID
27. ORM: Prisma
28. ORMs: TypeORM vs Mongoose
29. Migrations: Schema Evolution
30. Migrations: Zero-Downtime
Prisma: ORM
Prisma: Обзор
1. Что такое Prisma ORM
2. Установка и инициализация
3. Prisma Schema
4. Модели и типы
5. Связи между моделями
6. Миграции
7. Prisma Client
8. CRUD операции
9. Фильтрация и поиск
10. Сортировка и пагинация
11. Транзакции
12. Агрегации
13. Сырые SQL-запросы
14. Middleware
15. Soft Delete
16. Сиды (Seed Data)
17. Тестирование
18. PostgreSQL
19. MongoDB
20. Оптимизация запросов
21. Реальный проект: Blog API
GraphQL: API
О курсе
1. Что такое GraphQL
2. Установка
3. Schema Definition Language
4. Типы GraphQL
5. Queries
6. Mutations
7. Subscriptions
8. Resolvers
9. Apollo Server
10. Apollo Client
11. React Hooks для GraphQL
12. Fragments
13. Variables и Arguments
14. Directives
15. DataLoader (N+1)
16. Authentication
17. Pagination
18. GraphQL Codegen
19. GraphQL vs REST
tRPC: Type-safe API
tRPC: Обзор
1. Что такое tRPC
2. Установка и настройка
3. Роутеры
4. Procedures: query и mutation
5. Валидация с Zod
6. Context
7. Middleware
8. Обработка ошибок
9. Subscriptions (WebSocket)
10. Интеграция с React
11. Интеграция с Next.js
12. Аутентификация
13. tRPC + React Query
14. Тестирование
15. Batching запросов
16. Деплой
17. Реальный проект: API
TanStack: Data Layer
TanStack: Обзор
1. Экосистема TanStack
2. Query: основы
3. Query: useQuery и fetching
4. Query: кэширование
5. Query: useMutation
6. Query: инвалидация кэша
7. Query: бесконечная прокрутка
8. Query: Suspense режим
9. Query: Optimistic Updates
10. Query: prefetching и SSR
11. Router: введение
12. Router: настройка
13. Router: навигация
14. Router: loaders и данные
15. Router: search params
16. Table: введение
17. Table: сортировка
18. Table: фильтрация
19. Table: пагинация
20. Form: введение
21. Form: валидация
22. DevTools
23. Реальный проект: Dashboard
Vite: Быстрая сборка
Vite: Обзор
1. Что такое Vite
2. Установка и шаблоны
3. Конфигурация vite.config.ts
4. Плагины
5. CSS и препроцессоры
6. Статические ресурсы
7. Переменные окружения
8. Dev-сервер и HMR
9. Production-сборка
10. Режим библиотеки
11. Multi-page приложения
12. SSR с Vite
13. Тестирование с Vitest
14. Миграция с CRA
15. Миграция с Webpack
16. Оптимизация сборки
17. Реальная конфигурация
Webpack: Бандлер
Webpack: Обзор
1. Что такое Webpack
2. Установка и базовая конфигурация
3. Entry, Output и контекст
4. Loaders: трансформация файлов
5. Plugins: расширение функций
6. Code Splitting
7. Tree Shaking
8. webpack-dev-server
9. Обработка CSS
10. Asset Modules
11. Оптимизация бандла
12. Module Federation
13. TypeScript с Webpack
14. React-проект на Webpack
15. Кэширование и хэши
16. Миграция на Vite
17. Реальная конфигурация
WebSockets & Real-time
О курсе
1. Что такое Real-time
2. WebSocket: протокол
3. WebSocket в браузере
4. Socket.io: основы
5. Socket.io: комнаты и Namespaces
6. Server-Sent Events (SSE)
7. Real-time чат (практика)
8. Push-уведомления
9. Polling vs SSE vs WebSocket
10. Масштабирование real-time
11. WebRTC: основы
12. Безопасность в real-time
Testing: Качество кода
1. Введение в тестирование
2. Типы тестов
3. TDD: разработка через тесты
4. Jest: введение
5. Vitest: введение
6. Unit тесты: основы
7. Matchers и Assertions
8. Mocking
9. Spies и Stubs
10. Тестирование async кода
11. Coverage отчёты
12. React Testing Library
13. Queries и селекторы
14. User Events
15. Async компоненты
16. Формы и взаимодействие
17. Моки в RTL
18. Playwright: введение
19. Actions и навигация
20. Assertions в Playwright
21. Fixtures и Page Objects
22. Visual Testing
23. Integration тесты
24. Mock Service Worker (MSW)
25. CI/CD и тесты
Auth & Security: Безопасность
1. Введение в Auth & Security
2. Хэширование паролей
3. Сессии и куки
4. JWT токены
5. JWT vs Sessions
6. OAuth 2.0
7. OpenID Connect (OIDC)
8. NextAuth.js
9. Passport.js
10. RBAC: ролевая модель
11. ABAC: атрибутивная модель
12. XSS: атаки и защита
13. CSRF: атаки и защита
14. HTTPS и Security Headers
15. Best Practices: чеклист
Performance: Оптимизация
1. Введение в Performance & SEO
2. Core Web Vitals
3. Critical Rendering Path
4. Image Optimization
5. Code Splitting
6. Lazy Loading
7. JavaScript Performance
8. CSS Performance
9. Network Performance
10. Caching Strategies
11. SEO Basics
12. Structured Data
13. Lighthouse & DevTools
14. Progressive Web Apps
15. Mobile Performance
Docker: Контейнеры
Docker: Обзор
1. Что такое Docker
2. Установка Docker
3. Контейнеры
4. Образы (Images)
5. Dockerfile
6. Слои и кэш
7. Тома (Volumes)
8. Сети Docker
9. Docker Compose
10. Переменные окружения
11. Multi-stage сборки
12. Node.js в Docker
13. React-приложение в Docker
14. Базы данных в Docker
15. Docker Registry и Hub
16. Безопасность
17. Health Checks
18. Логирование
19. Мониторинг
20. CI/CD с Docker
21. Введение в Kubernetes
22. Оптимизация образов
23. Секреты и конфиденциальные данные
24. Тестирование с Docker
25. Docker Swarm
26. Деплой на сервер
27. Реальный проект: Full-stack
DevOps & CI/CD: Автоматизация
О курсе DevOps
1. Что такое DevOps и CI/CD
2. GitHub Actions: основы
3. GitHub Actions: продвинутый
4. Docker: контейнеры
5. Docker Compose
6. Переменные окружения
7. Secrets и безопасность
8. Деплой на Vercel
9. Railway и Render
10. AWS: EC2 и S3
11. Nginx конфигурация
12. SSL и HTTPS
13. Мониторинг с Sentry
14. Логирование
15. Health checks и uptime
16. Blue-green deployment
17. Стратегии отката
18. Полный CI/CD пайплайн
19. Best Practices DevOps
Design Patterns: Архитектура
О разделе
1. Clean Code принципы
2. SOLID: Single Responsibility
3. SOLID: Open/Closed
4. SOLID: Liskov Substitution
5. SOLID: Interface Segregation
6. SOLID: Dependency Inversion
7. Singleton
8. Factory Method
9. Builder
10. Adapter
11. Decorator
12. Facade
13. Observer
14. Strategy
15. Command
16. Microservices Architecture
17. Domain-Driven Design
18. Event-Driven Architecture
19. Anti-patterns
WordPress: CMS
1. Введение в WordPress
2. Локальное окружение
3. Структура темы
4. Хуки (Hooks)
5. Цикл (The Loop)
6. Кастомные поля (ACF)
7. Custom Post Types & Taxonomies
8. Безопасность и очистка данных
9. Разработка плагинов
10. Gutenberg Blocks
11. WooCommerce
12. Оптимизация и Кэширование
13. Работа с Базой Данных
14. Управление через WP-CLI
15. WordPress как Headless CMS
WordPress: Движок для блогов и не только 🕸️
AI Vibe Coding: Курс
AI Vibe Coding — Курс
Replit: Cloud IDE с AI агентом
Lovable: Веб-приложения из промпта
Bolt.new: Полноценные приложения из промпта
Cursor: AI-редактор для вайб-кодинга
Google AntiGravity: агентная IDE от Google
Firebase Studio: Облачная IDE от Google
OpenAI Codex CLI: AI-агент прямо в терминале
Промпт-инжиниринг: как грамотно ставить задачи ИИ
Windsurf: AI-редактор с агентным потоком Cascade
Claude Code: Агентный CLI от Anthropic
Генерация изображений: ChatGPT, Gemini, Nano Banana
Урок 5: Генерация звука — Suno AI и ElevenLabs
GitHub Copilot: AI-помощник в VS Code
Урок 6: OpenClaw — твой личный AI-агент
Генерация видео с ИИ — Runway, Kling, Sora
AI-приложения: Claude Desktop, ChatGPT, Gemini и другие
v0 by Vercel — генерация UI компонентов
AI для баз данных — проектирование и SQL с ИИ
AI-браузеры: Comet, Arc и браузеры нового поколения
Тестирование с AI — как ИИ пишет тесты за тебя
Урок 8 (Бонус): Desktop и Mobile приложения с ИИ
Урок 7: Публикация с ИИ — деплой, контент и SEO
Проекты
Обзор проектов
1. HTML Landing Page
2. CSS Portfolio
3. JS Todo App
4. TS Weather App
5. React Blog
6. WordPress Theme
Léha
Yasha
GitHub
Выберите тему
Тёмная
Светлая
Авто
5. Списки
Списки - это важный элемент HTML, позволяющий структурировать информацию на веб-странице.
Интерактивный пример
Заголовок раздела «Интерактивный пример»
