Видеоуроки Front-end
Фронт-енд (Frontend) разработчики отвечают за весь цикл разработки передней части (та, которую мы видим) сайта или приложения (например SPA). Основой Fronted является три компонента. HTML, CSS, JavaScript. Если с первыми двумя все понятно и просто, то JavaScript открывает огромный "мир" для разработчика с кучей фреймворков вроде Angular, React, Vue и других. Javascript - один из самых востребованых навыков сегодня в веб-разработке, рекомендуем внимательно ознакомится с ним перед тем, как приступать к изучению фреймворков, или на худой конец глятьте в сторону jquery, который как бы не хоронили продвинутые разработчики, все же остается подходящим для использование в большинстве проектов. Также Frontend разработчик может работать с различными популярными cms, вроде Wordpress, Joomla, Opencart.
Популярное в frontend
Создание Fullstack-приложения на Next.js, v4
Динамическая таблица данных: JavaScript, CSS и API
Разработка и внедрение AI-автоматизированного SaaS-сервиса
Создаём тест на скорость печати: JavaScript и CSS
TypeScript для начинающих
Создаём трекер расходов: HTML, JavaScript и CSS
Сборка во Frontend. Продвинутый уровень
Patterns 2.0
58 React паттернов
Frontend в источниках
Курсы по Frontend
zerotomastery.io
4 нояб. 2025 г., 21:34
Создаём тест на скорость печати: JavaScript и CSS
Build a Typing Speed Test with JavaScript and CSS
Хотите прокачать навыки JavaScript на действительно увлекательном проекте? В этом курсе вы создадите полностью интерактивное приложение для тестирования скорости печати, которое проверяет быстроту и точность набора текста за ограниченное время.Вы погрузитесь в ключевые аспекты фронтенд-разработки: работу с DOM в реальном времени, обработку событий, управление таймерами — и всё это в процессе создания приложения, которым можно похвастаться или даж
zerotomastery.io
4 нояб. 2025 г., 21:25
Динамическая таблица данных: JavaScript, CSS и API
Build a Dynamic Data Table using JavaScript, CSS, and APIs
Этот проект — практичное погружение в современную фронтенд-разработку. Вы создадите стильную и интерактивную таблицу данных, которая получает актуальную информацию из настоящего API — никаких тестовых заглушек. Таблица будет мгновенно реагировать на действия пользователя: сортировка, пагинация, а также переключение светлой и тёмной тем.Вы научитесь использовать JavaScript для работы с DOM, обрабатывать асинхронные запросы с помощью fetch и async/
zerotomastery.io
4 нояб. 2025 г., 21:17
Создаём трекер расходов: HTML, JavaScript и CSS
Build a Monthly Spending Tracker with HTML, JavaScript and CSS
Этот практический курс научит вас создавать настоящее приложение для управления личным бюджетом — полезное и впечатляющее одновременно. Вы разработаете аккуратный и интерактивный интерфейс, где пользователи смогут добавлять расходы, выбирать категории и сразу видеть результаты на динамичном графике.С помощью Chart.js данные оживут — наглядно, красиво и функционально. По пути вы разберётесь с формами и обработкой ввода, а также научитесь сохранять
zerotomastery.io
4 нояб. 2025 г., 20:52
TypeScript для начинающих
TypeScript for Beginners
TypeScript — это не просто надстройка над JavaScript, а мощный инструмент для написания более чистого, предсказуемого и структурированного кода.Этот курс подойдёт как тем, кто только делает первые шаги в веб-разработке, так и разработчикам, желающим укрепить свои навыки JavaScript и повысить качество своих проектов. Вы начнёте с самых основ — типов, переменных и функций — и постепенно перейдёте к более практичным темам: массивам, управляющим конс
Вам не нужен JavaScript: практичная книга о современном CSS
You Don’t Need JavaScript | A Practical CSS eBook
“Без JavaScript” — это полноценная книга объёмом 125 страниц, наполненная современными CSS-техниками, практическими примерами и пошаговыми уроками. Вы узнаете, как заменить избыточный JavaScript лёгкими CSS-компонентами, которые работают быстрее, проще поддерживаются и готовы к будущим изменениям веб-стандартов.Чему вы научитесьСоздавать popover-меню только на CSSБлагодаря Popover API вы сможете реализовать доступное меню-выдвижение, которое без
Создание Fullstack-приложения на Next.js, v4
Build a Fullstack Next.js App, v4
Научитесь создавать и развёртывать полнофункциональные fullstack-приложения на Next.js, готовые к работе в продакшене. В рамках курса вы разработаете корпоративную wiki-систему с аутентификацией, интеграцией базы данных, AI-функциями и современными подходами к деплою.Присоединяясь к практическим занятиям, вы освоите:Создание полноценного fullstack-приложения, пригодного для использования и публикацииСовременную аутентификацию с ролевой моделью до
Code With Antonio
1 нояб. 2025 г., 01:48
Разработка и внедрение AI-автоматизированного SaaS-сервиса
Build and Deploy an AI Automation SaaS
В этом курсе мы создадим Nodebase — полноценную платформу для автоматизации рабочих процессов с нуля. Вы научитесь разрабатывать визуальный drag-and-drop конструктор для создания workflow-сценариев, подключать различные триггеры и AI-провайдеров, организовывать выполнение задач в фоне и строить полноценный SaaS-функционал: аутентификацию, подписки и paywall-модели монетизации.Также мы разберём систему отслеживания ошибок и AI-мониторинга, а ещё —
Michael Guay
25 окт. 2025 г., 02:21
NestJS gRPC & Angular
В этом уроке вы узнаете, как подключить gRPC-бэкенд на NestJS к интерфейсу на Angular. Мы реализуем CRUD-функциональность и настроим потоковую передачу данных в реальном времени с помощью постоянных соединений HTTP/2 и прокси-сервера Envoy.
Michael Guay
25 окт. 2025 г., 01:54
NestJS Server-Sent Events: создаём криптодашборд в реальном времени
NestJS Server-Sent Events | Build a Real Time Crypto Dashboard
В этом уроке вы узнаете, как реализовать Server-Sent Events (SSE) в NestJS, чтобы передавать данные в реальном времени из бэкенда на Next.js-дэшборд криптовалют.Мы настроим потоковое соединение, позволяющее обновлять курс криптовалют и графики без перезагрузки страницы, создавая динамичный интерфейс с живыми данными.
Michael Guay
25 окт. 2025 г., 01:14
Module Federation: микросервисы во фронтенде
Module Federation: Microservices for the Frontend
В этом уроке вы подробно разберётесь с тем, как Module Federation помогает создавать микросервисную архитектуру для фронтенда. На примере Nx вы узнаете, как организовать и настроить модульный интерфейс, который поддерживает независимые деплои и при этом обеспечивает плавное взаимодействие между микро-фронтендами.Мы начнём с практического примера динамической федерации модулей, где наглядно покажем, как загружать удалённые компоненты во время выпо