Видеоуроки Front-end
Фронт-енд (Frontend) разработчики отвечают за весь цикл разработки передней части (та, которую мы видим) сайта или приложения (например SPA). Основой Fronted является три компонента. HTML, CSS, JavaScript. Если с первыми двумя все понятно и просто, то JavaScript открывает огромный "мир" для разработчика с кучей фреймворков вроде Angular, React, Vue и других. Javascript - один из самых востребованых навыков сегодня в веб-разработке, рекомендуем внимательно ознакомится с ним перед тем, как приступать к изучению фреймворков, или на худой конец глятьте в сторону jquery, который как бы не хоронили продвинутые разработчики, все же остается подходящим для использование в большинстве проектов. Также Frontend разработчик может работать с различными популярными cms, вроде Wordpress, Joomla, Opencart.
Популярное в frontend
Современные основы CSS
58 React паттернов
Современный JavaScript. Полный курс
Patterns 2.0
Погружение в AI SDK v5
Сборка во Frontend. Продвинутый уровень
Полное руководство по JavaScript 2023 - Строим реальные проекты
Полный курс по JavaScript + React - с нуля до результата
Создаём Todo-приложение на Turborepo, tRPC, Next.js, NestJS и React Native
Frontend в источниках
Курсы по Frontend
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 вы узнаете, как организовать и настроить модульный интерфейс, который поддерживает независимые деплои и при этом обеспечивает плавное взаимодействие между микро-фронтендами.Мы начнём с практического примера динамической федерации модулей, где наглядно покажем, как загружать удалённые компоненты во время выпо
Michael Guay
25 окт. 2025 г., 01:08
NestJS + Next.js: событийно-ориентированная архитектура
NestJS + Next.js: Event Driven Architecture
В этом уроке вы узнаете, как построить событийно-ориентированную архитектуру, которая объединяет NestJS на бэкенде и Next.js на фронтенде с помощью EventEmitter и Server-Sent Events (SSE).К концу занятия вы создадите полноценную систему реального времени, где NestJS генерирует и обрабатывает события, а Next.js мгновенно реагирует на них в интерфейсе. Такой подход идеально подходит для приложений с живыми уведомлениями, фоновыми процессами и динам
Michael Guay
25 окт. 2025 г., 01:02
Аутентификация за 20 минут с Clerk: Next.js + NestJS
Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)
В этом практическом уроке вы освоите аутентификацию во full-stack-приложении всего за 20 минут, используя Clerk — с плавной интеграцией Next.js на фронтенде и NestJS на бэкенде.Вы увидите, как Clerk упрощает весь процесс авторизации — от регистрации до входа пользователя — обеспечивая при этом высокую безопасность и отличный пользовательский опыт.К концу урока вы сможете быстро и уверенно настраивать надёжную, масштабируемую аутентификацию в свои
Michael Guay
25 окт. 2025 г., 00:30
Создаём Todo-приложение на Turborepo, tRPC, Next.js, NestJS и React Native
Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native
Прокачайте свои навыки TypeScript на новом уровне, создав полноценное full-stack Todo-приложение с использованием современных инструментов.Вы научитесь работать с Turborepo для управления монорепозиторием и совместного использования кода, использовать PNPM для сверхбыстрой установки зависимостей и строить веб-фронтенд на Next.js и tRPC с полной типобезопасностью.На стороне сервера вы создадите надёжный backend на NestJS, а с помощью Expo и React
Современные основы CSS
Modern CSS Fundamentals
Этот курс подойдёт всем, кто хочет по-настоящему разобраться в современном CSS - будь вы бэкенд-разработчик, переходящий во фронтенд, выпускник буткемпа, стремящийся выйти за рамки фреймворков, или самоучка, желающий строить интерфейсы с нуля.Вы узнаете не только как работают современные возможности CSS, но и почему язык устроен именно так. Мы разберём системные принципы, лежащие в основе адаптивной вёрстки, научимся уверенно строить гибкие макет
webdesignmaster
22 окт. 2025 г., 22:17
Современный JavaScript. Полный курс
Добро пожаловать на всесторонний курс по языку программирования JavaScript. В этом курсе мы подробно и скрупулёзно разберём каждый шаг и каждую деталь, чтобы изучить JavaScript с нуля. Курс идеально подходит тем, кто стремится получить современные и основательные знания перед тем, как углубляться в изучение актуальных библиотек и фреймворков.
webdesignmaster
22 окт. 2025 г., 20:50
Three.js. Большой практический курс
Добро пожаловать в новый курс «Three.js. Большой практический курс». В данном курсе мы подробно изучим популярную библиотеку для работы с 3D-графикой в веб-разработке Three.js. От самых основ до подготовки моделей в Blender и создания потрясающего интерактивного примера.
Shopping App с использованием Next.js, NestJS и Prisma
Build a Shopping App With Next.js + NestJS & Prisma
В этом курсе вы научитесь создавать современное приложение на Next.js, используя новую архитектуру App Directory. Мы разработаем полноценное приложение для покупок (Shopping App) и подробно разберём все ключевые принципы построения современных Next.js-приложений. Также мы подключим бэкенд на NestJS и реализуем хранение данных с помощью Prisma ORM.Такой подход к архитектуре позволяет совместить высокую производительность и безопасность Next.js бла