Код
#подборки

12 YouTube-каналов по frontend

Frontend — неотъемлемая часть веб-разработки, поэтому информации о нем очень много. Мы собрали самые актуальные каналы, которые помогут разобраться.

 vlada_maestro / shutterstock

WebDesign Master

Автор канала дает уроки верстки и создает видео о проектировании веб-приложений — начиная с основ и обзоров инструментов и заканчивая курсами о полном цикле создания сайтов с нуля. Особенно интересна рубрика «Джедай верстки», где автор на реальных примерах показывает создание интерфейса приложений.

JavaScript.ru

Канал Ильи Кантора, известного эксперта в JavaScript, практикующего разработчика, ментора и наставника, автора учебника по JS. На канале собраны подробные скринкасты по разным темам, касающимся frontend-разработки:

  • Git — как установить под разные операционные системы, как настроить, как создать репозиторий и управлять ветками;
  • Node.js — основы, установка, работа с модулями и менеджером пакетов NPM;
  • Angular — начало работы, синтаксис шаблонов, методы и другие темы;
  • Webpack — введение, простая сборка, внешние библиотеки, стили и файлы;
  • Gulp — установка и запуск задач, настройка, сборка стилей и так далее;
  • React — настройка окружения, основной алгоритм, оформление компонентов, работа с CSS и другое.

uWebDesign

Канал посвящен веб-разработке в целом, но содержит много уроков по языку разметки SVG, CSS, препроцессорам, CMS, а также обзоры инструментов для фронтендера и не только. Центральная рубрика — видеоподкаст «Суровый веб» о новостях в мире IT и разработки, где обсуждаются все самые интересные и значимые события за прошедшую неделю.

CodeDojo

YouTube-канал проекта CodeDojo.ru с большим количеством бесплатных курсов по JavaScript и CSS, популярным JS-фреймворкам React, Angular и Vue. На сайте проекта можно скачать примеры кода из видеоуроков.

Автор творчески подошел к аудиовизуальной составляющей канала, оформив его в стиле японских боевых искусств. Решение спорное, но, похоже, находит отклик у аудитории.

Один из роликов канала CodeDojo по JavaScript

Вадим Макеев

Личный канал веб-евангелиста браузера Opera в прошлом, ведущего лекций на интенсивах HTML Academy в настоящем, бессменного руководителя проекта «Веб-стандарты», создателя Emmet и просто разработчика с большим бэкграундом.

В блоге он делится личным опытом во фронтенде, который будет полезен программисту любого уровня — от новичка до профи. Одна из рубрик посвящена разбору популярных сайтов: Вадим анализирует ошибки в их интерфейсе, параллельно рассказывая о каком-либо полезном инструменте или тонкостях написания кода.

Веб-стандарты

Аудиоподкасты о событиях в сфере фронтенда, где одним из ведущих выступает упомянутый выше Вадим Макеев. Аудиоподкасты — часовые записи, где опытные разработчики раз в неделю обсуждают все самые свежие новости отрасли. Иногда подкасты проходят в формате интервью, порой на английском языке, если в студии иностранный гость.

Подкасты «Веб-стандартов» — удобный способ оставаться в курсе тенденций frontend, узнавая в сжатом формате все важные новости через призму мнения экспертов.

Хауди Хо

Большая часть контента канала — «около IT», но встречаются и полезные с профессиональной точки зрения ролики, особенно для тех, кто планирует работу программистом на фрилансе. Например, есть подробное видео о пути становления frontend-разработчиком с нуля или небольшая серия роликов, где автор на глазах у зрителя берет фриланс-заказы и выполняет их. Есть и небольшие курсы по HTML, CSS, JavaScript, Photoshop.

Особенность канала — расслабляющая и «свойская» манера ведущего, которая помогает воспринимать контент без напряжения.

SkanerSoft

Канал посвящен разработке игр на HTML5 и JavaScript. Есть даже уроки по созданию игр для Android на JavaScript. Канал подойдет всем, кто хочет отточить свои навыки в этом языке, а заодно попробовать себя в сфере геймдева. Процесс обучения построен на создании конкретных проектов. Например, с помощью этой серии видео вы создадите 2D-платформер, который будет работать в браузере.

LoftBlog

Канал портала LoftBlog.ru со множеством рубрик, вебинаров и обучающих уроков о фронтенде и не только. Видеокурсы по CSS, JavaScript, фреймворкам и многому другому, даже по английскому языку для веб-разработчиков. Есть рубрики о новостях в сфере IT, а также большое количество интервью с разработчиками, в том числе из крупных известных компаний.

DevTips

Англоязычный блог для веб-разработчиков. Еженедельное шоу, которое вдохновит вас и позволит больше узнать о программировании начинающим и продолжающим обучение. Авторы — David и MPJ — называют себя генераторами ошибок, а свои видео — совместным обучением программированию.

Канал содержит много уроков по CSS и JavaScript, выпуски о различных нюансах и хитростях в работе с кодом. Ролики выходят каждую пятницу — за регулярность ребят действительно можно похвалить.

LevelUpTuts

Автор англоязычного канала Скотт Толински вместе с коллегой Беном Шаффом записали более 800 туториалов о CSS, JS, фреймворках и множестве тем, полезных каждому разработчику веб-приложений.

Своей миссией создатели видят решение проблемы технологий обучения, а именно — отсутствие углубленных пособий, которые бы учили не просто печатать код, а понимать программирование изнутри. Видеоуроки LevelUpTuts призваны повышать профессиональный уровень разработчика в доступной и простой форме изложения.

Traversy Media

Канал на английском языке, предлагающий онлайн-руководства по программированию с помощью новейших веб-технологий: Node.js, Angular 2, React.js, PHP, Rails, HTML, CSS и многих других. Вообще Traversy Media — это платные курсы: они есть на Udemy и Patreon, но в YouTube-канале авторы тоже выкладывают полезные видеозаписи.

Изучайте IT на практике — бесплатно

Курсы за 2990 0 р.

Я не знаю, с чего начать
Освойте топовые нейросети за три дня. Бесплатно
Знакомимся с ChatGPT-4, DALLE-3, Midjourney, Stable Diffusion, Gen-2 и нейросетями для создания музыки. Практика в реальном времени. Подробности — по клику.
Узнать больше
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована