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. На сайте проекта можно скачать примеры кода из видеоуроков.
Автор творчески подошел к аудиовизуальной составляющей канала, оформив его в стиле японских боевых искусств. Решение спорное, но, похоже, находит отклик у аудитории.
Вадим Макеев
Личный канал веб-евангелиста браузера 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-канале авторы тоже выкладывают полезные видеозаписи.