Видеоуроки Front-end
Фронт-енд (Frontend) разработчики отвечают за весь цикл разработки передней части (та, которую мы видим) сайта или приложения (например SPA). Основой Fronted является три компонента. HTML, CSS, JavaScript. Если с первыми двумя все понятно и просто, то JavaScript открывает огромный "мир" для разработчика с кучей фреймворков вроде Angular, React, Vue и других. Javascript - один из самых востребованых навыков сегодня в веб-разработке, рекомендуем внимательно ознакомится с ним перед тем, как приступать к изучению фреймворков, или на худой конец глятьте в сторону jquery, который как бы не хоронили продвинутые разработчики, все же остается подходящим для использование в большинстве проектов. Также Frontend разработчик может работать с различными популярными cms, вроде Wordpress, Joomla, Opencart.
Популярное в frontend
Создание full-stack приложения на Next.js с использованием Cursor
Основы TanStack Start
Современный Full Stack: изучаем Next.js
Эффективный TypeScript
Интервью для фронтенд-инженеров: версия 2
Клон Instagram на NestJS и Next.js: полный путь fullstack-разработчика
Инфраструктура Frontend
Создание full-stack приложения на Next.js с Claude Code
Vue.js 3, Vue Router и Pinia
Популярные авторы и школы курсов в разделе Frontend
Frontend: Список курсов
podlodka.ioReact.jsКонференции
React Crew #4: «Продвинутый React»
Добро пожаловать на четвёртый сезон React Crew, который представляет собой концентрат практического опыта и инженерных решений для разработчиков, уже работающих с React и сталкивающихся с реальными вызовами в продакшене. В этом курсе вы не найдёте базовых тем и очевидных советов — только детальный разбор "болей" и подходов, которые действительно помогут в ежедневной работе.Что ожидает участниковВ рамках конференции участники смогут:разо
Gregory JohnNext.jsДругое (ИИ)
Создание full-stack приложения на Next.js с использованием Cursor
Build a full stack Next.js app with Cursor
Изучите создание полного full-stack приложения на Next.js с помощью этого курса, ориентированного на практическое освоение. Вы создадите современную платформу для публикации блогов, оптимизированную для веба и мобильных устройств.Что вы изучитеКурс предлагает подробный подход к следующим аспектам разработки:Дизайн интерфейсов: создание адаптивного и привлекательного UI.Аутентификация пользователей: настройка безопасного входа через Supabase.Работ
frontendmasters
Adam RackisДругое (Frontend)
Основы TanStack Start
TanStack Start Fundamentals
Курс посвящён современной full-stack веб-разработке с использованием TanStack Start и TanStack Router. Вы начнёте с изучения TanStack Router: разберёте строго типизированную маршрутизацию, работу с layout’ами, загрузку и кэширование данных. Затем перейдёте к возможностям TanStack Start, включая серверный рендеринг (SSR), серверные функции и middleware. Особое внимание уделяется эффективной работе с загрузчиками данных (loaders), стратегиям их инв
Gregory JohnNext.jsClaude Code
Создание full-stack приложения на Next.js с Claude Code
Build a full stack Next.js app with Claude Code
Курс «Создание full-stack приложения на Next.js с Claude Code» — это практическое и пошаговое руководство по разработке веб-приложения с использованием современного стека и AI-инструментов.Описание курсаВ рамках курса вы создадите функциональное приложение для управления проектами, с продуманным UX, адаптированное как для веба, так и для мобильных устройств. Вы пройдёте весь цикл разработки — от идеи до продакшена, и рассмотрите ключевые компонен
Zen van RielPythonTypeScriptДругое (ИИ)
AI-Native программирование
AI-Native Programming
Этот курс — практико-ориентированный модуль по программированию, в котором вы научитесь создавать full-stack AI-приложения, используя два ключевых языка: TypeScript и Python.Формат обученияКурс построен вокруг capstone-проекта, который вы будете разрабатывать шаг за шагом вместе со спикером. Вместо долгой теории — упор на практику, реальные задачи и работу с современными AI-инструментами.AI-native подходГлавная особенность курса — обучение програ
frontendmasters
Brian HoltДругое (Frontend)
Полное введение в базы данных (версия 2)
Complete Intro to Databases, v2
Практический обзор современных баз данных. Вы получите прикладные навыки работы с PostgreSQL, MongoDB, Redis, Neo4j и DuckDB, одновременно изучая фундаментальные принципы, которые применимы повсеместно.Требования:Уверенное понимание основ JavaScript и Node.jsБазовые навыки работы с командной строкойУстановленный Docker (или готовность его установить)Предварительный опыт работы с базами данных не требуетсяВ ходе курса вы научитесь:Понимать ключевы
Michael GuayNext.jsNestJS
Клон Instagram на NestJS и Next.js: полный путь fullstack-разработчика
Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery
Прокачайте свои навыки fullstack-разработки, создав современный клон Instagram с нуля. В этом практическом курсе вы шаг за шагом разработаете полноценное приложение, используя актуальный стек: NestJS, Next.js, tRPC, shadcn/ui, Turborepo и Better Auth.Вы реализуете ключевые функции реального продукта: аутентификацию, ленту с обновлениями в реальном времени, лайки, комментарии, сторис и микросервисную архитектуру. В процессе вы научитесь выстраиват
frontendmasters
Evgenii RayПодготовка к собеседованиюДругое (Frontend)
Интервью для фронтенд-инженеров: версия 2
Interviewing for Front-End Engineers, v2
Собеседования — это сложно. За свою карьеру я проходил их много раз, и успешно, и не очень, и лучший способ подготовки — это практика. Этот интенсивный двухдневный воркшоп поможет вам подготовиться к собеседованиям на позиции фронтенд-инженера в ведущих технологических компаниях.Вместе мы разберём задачи с постепенно растущей сложностью — от быстрых разогревающих упражнений до комплексных и нетривиальных кейсов. Вы проработаете ключевые темы: осн
frontendmasters
Steve KinneyДругое (Frontend)
Разработка UI для Enterprise: микрофронтенды, тестирование и контроль качества кода
Enterprise UI Dev: Microfrontends, Testing, & Code Quality
Этот курс — глубокое погружение в то, как на практике создаются и развиваются большие фронтенд-системы на TypeScript: почему одни из них остаются устойчивыми и управляемыми годами, а другие постепенно усложняются и распадаются под давлением масштаба. Вы научитесь проектировать архитектуру пользовательских интерфейсов с четкими границами и контрактами, которые сохраняют ясность и управляемость кода по мере роста команд, изменения требований и стар
Kent C. DoddsTypeScript
Практический TypeScript: от основ к свободному владению
Practical TypeScript: Foundations to Fluency
Practical TypeScript: от основ к свободному владению — это системный курс для тех, кто хочет не просто «писать с типами», а действительно понимать, как работает TypeScript.Если вы только начинаете или уже используете TypeScript, но до сих пор теряетесь в сообщениях компилятора, — этот курс закроет пробелы. Вместо заучивания синтаксиса вы выстраиваете ментальную модель работы типовой системы: понимаете, почему возникают ошибки, как устроены ограни