Видеоуроки Front-end
Фронт-енд (Frontend) разработчики отвечают за весь цикл разработки передней части (та, которую мы видим) сайта или приложения (например SPA). Основой Fronted является три компонента. HTML, CSS, JavaScript. Если с первыми двумя все понятно и просто, то JavaScript открывает огромный "мир" для разработчика с кучей фреймворков вроде Angular, React, Vue и других. Javascript - один из самых востребованых навыков сегодня в веб-разработке, рекомендуем внимательно ознакомится с ним перед тем, как приступать к изучению фреймворков, или на худой конец глятьте в сторону jquery, который как бы не хоронили продвинутые разработчики, все же остается подходящим для использование в большинстве проектов. Также Frontend разработчик может работать с различными популярными cms, вроде Wordpress, Joomla, Opencart.
Frontend в источниках
Курсы по Frontend
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 бла
Matt Pocock
16 окт. 2025 г., 01:00
Погружение в AI SDK v5
AI SDK v5 Crash Course
100% TypeScript. 100% Production-ready. 0% хайпа. Только реальные инструменты и опыт. Интеграция с LLM наконец-то вышла на новый уровень - теперь это действительно стоит вашего времени. Еще год назад разработка под LLM была настоящим хаосом: костыли, нестабильные API, устаревшие интерфейсы и бесконечные переделки. Теперь всё иначе - благодаря AI SDK.
DesignGurus.io
13 окт. 2025 г., 21:08
Постигаем основы JavaScript
Grokking JavaScript Fundamentals
Этот курс по JavaScript создан специально для начинающих, которые хотят начать своё путешествие в мир программирования и веб-разработки. Вам не нужен предыдущий опыт - курс предлагает полное и понятное введение в JavaScript, делая обучение доступным каждому, у кого есть компьютер и интернет.Вы начнёте с основ: изучите синтаксис языка, ключевые концепции и принципы работы JavaScript в практическом формате. Пошаговый подход позволит вам легко следо
egghead
10 окт. 2025 г., 23:40
Создание интерактивных 3D-сцен с помощью TresJS
Create Interactive 3D Experiences with TresJS
Курс посвящён созданию интерактивных 3D-веб-приложений с использованием TresJS - обёртки над Three.js, адаптированной под Vue. Вы научитесь интегрировать библиотеку в Vue-проекты, настраивать сцену, работать с объектами и освещением, добавлять анимации и реализовывать взаимодействие с пользователем.
zerotomastery.io
3 окт. 2025 г., 23:42
Продвинутый CSS для веб-дизайна
Advanced CSS for Web Design
«Продвинутый CSS для веб-дизайна» - это курс, который поднимет ваши навыки на новый уровень и научит оживлять сайты с помощью современных возможностей CSS: градиентов, blend-режимов, clipping-путей, CSS Houdini и многого другого.Advanced CSS - это место, где креатив встречается с кодом. Вы выйдете за рамки базовых стилей и начнёте создавать проекты, которые выглядят впечатляюще, динамично и запоминаются.
zerotomastery.io
3 окт. 2025 г., 23:29
Основы CSS Flexbox
Fundamentals of CSS Flexbox
«Основы CSS Flexbox» - это курс, в котором вы научитесь использовать Flexbox для создания чистых, гибких и адаптивных макетов. Мы разберём основы работы с Flexbox, выравнивание, управление отступами, перенос элементов и реальные примеры верстки, чтобы ваши сайты выглядели современно и аккуратно.Flexbox снимает головную боль с верстки на CSS. Забудьте про хаотичные float, бесконечные margin и странности позиционирования - этот курс станет вашей «к
zerotomastery.io
3 окт. 2025 г., 23:22
Основы CSS Grid
Fundamentals of CSS Grid
«Основы CSS Grid» - это практический курс, где вы с нуля освоите одну из самых мощных технологий современного веб-дизайна. Вы научитесь создавать чистые, гибкие и адаптивные двухмерные макеты, которые отлично смотрятся на любых устройствах.CSS Grid может казаться сложным, но на деле это удобный и логичный инструмент. В этом курсе вы пройдёте путь от самых основ до построения реальных адаптивных интерфейсов - без хаотичных хака и перегруженных фре
zerotomastery.io
3 окт. 2025 г., 23:10
Создание подкаст-плеера с JavaScript, CSS и Node.js
Build a Podcast Player with JavaScript, CSS and Node.js
«Создание подкаст-плеера с JavaScript, CSS и Node.js» - это практический full-stack проект, в котором вы разработаете современное веб-приложение для прослушивания подкастов.В ходе курса вы шаг за шагом создадите приложение, которое ничем не уступает реальным медиаплеерам: поиск, каталог, потоковое воспроизведение, очередь воспроизведения и история поиска - всё прямо в браузере.На бэкенде вы будете работать с Node.js и Express, подключитесь к API
zerotomastery.io
3 окт. 2025 г., 23:01
Анимированные графики новостей на HTML, CSS и JavaScript
Create Animated Breaking News Graphics with HTML, CSS and JavaScript
«Анимированные графики новостей на HTML, CSS и JavaScript» - это практический курс, в котором вы научитесь разрабатывать собственные динамичные оверлеи и анимации в стиле телетрансляций. Такие графические элементы идеально подойдут для стримов, цифровых табло и телевизионной графики.Этот курс - не просто «повторяй за мной». Он нацелен на то, чтобы вы понимали принципы работы анимации и веб-технологий, а не бездумно копировали код. После завершени
egghead
3 окт. 2025 г., 21:12
Создание полнофункционального блога на Astro
Build a Full Stack Blog with Astro
«Создание полнофункционального блога на Astro» - это практический курс, который без лишней теории показывает, как разработать современный и полностью рабочий сайт-блог. Курс построен вокруг Astro - прогрессивного фреймворка для создания быстрых и удобных контент-проектов.В процессе обучения вы освоите:Стили и макет: оформление страниц в Astro, разные подходы к стилю без ущерба для скорости.Компоненты и статические ресурсы: создание переиспользуем