🕸 Обучение веб-разработке: сайты, блоги и комьюнити

Посвященные веб-разработке ресурсы – огромный стог сена, в котором вам нужно найти маленькую иголку. Обойтись без них нельзя: сайты, каналы, блоги и сообщества помогают в обучении и поиске работы. Рассказываем о самых интересных источниках.

Мы отобрали ресурсы, которые почти не содержат мемов – только полезности – с наиболее приятным глазу и удобным интерфейсом. В основном это не образовательные платформы, а скорее места для обмена знаниями. Начав их посещать, вы не отстанете от технологических инноваций и трендов отрасли.

Telegram-каналы

Frontender's notes – Фронтендер собирает материалы, которые показались ему полезными: статьи, видео и подкасты. Большинство ресурсов на русском. Материалы не только технические, но и, например, посвященные карьере.

Вместе с коллегами он также админит несколько чатов (есть ссылки в описании к каналу) по JS, CSS, фронтенду в целом.

Frontend Info – ссылки на заинтересовавшие автора статьи англоязычного веба.

TelegaDevIT – много полезных инструментов, иногда мемы.

JavaScript – релизы новых технологий из мира JS, ссылки на англоязычные статьи.

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

Smart Dev – отбор англоязычных материалов с короткими комментариями автора, переводы статей. В отличие от предыдущего ресурса, спектр материалов здесь шире: веб-разработка в целом и дизайн.

Defront – ведет канал бывший разработчик Яндекса. Здесь публикуются подробные комментарии с мнением автора о найденных материалах. В описании можно найти рекомендации еще одного канала – Вебня.

Сайты

CSS-live – ориентированный на фронтенд русскоязычный ресурс. Новости, практические кейсы, разбор теоретических моментов, переводы англоязычных материалов, подборки красивых эффектов и интересных идей. Можно обсуждать заинтересовавшие вас темы в комментариях.

Josh W. Comeau – блог ведет преподаватель CSS. Пишет он про React, Next.js, анимацию, Gatsby, карьеру. Здесь же можно подсмотреть интересные веб-решения не только в его статьях, подборках и сниппетах, но и на самом сайте (кнопки со звуком, ночной режим и т. д.).

MDN Web Docs – в большей степени образовательная платформа. Она будет полезна не только начинающим: здесь регулярно мелькают новые технологии и инструменты. Чтобы получать эти блага, нужно зарегистрироваться. К тому же на сайте есть открытое сообщество, где можно делиться знаниями, помогая коллегам совершенствовать контент.

Frontend Front – комьюнити, где можно размещать свои проекты и статьи, а также задавать вопросы и голосовать за чужие материалы. Посты, которые набрали больше всего голосов, высылаются по подписчикам по почте.

Scotch.io – туториалы, новости и курсы. Можно подписаться на ежемесячные челленджи по разработке. Задания вы получаете на почту, а потом и решения для самопроверки. Смотрите предыдущие челленджи и их разборы. Во время решения задач и прочтения туториалов на сайте доступен словарь JavaScript. Есть одноименный чат в Slack, но он не очень оживленный.

Личные блоги веб-разработчиков

Firt dev – блог независимого разработчика мобильных и веб-приложений из Буэнос-Айреса, Максимильяно Фиртмана – автора 12 книг о программировании и множества технических статей, ментора и преподавателя. Материалы делятся на короткие заметки (notes) и лонгриды (articles). Есть раздел learn, где собраны курсы, семинары, книги и выступления автора.

John Papa – Developer Advocate в Microsoft, когда-то работал в Disney. Даем ссылку на его твиттер, потому что он гораздо более оживленный, но сайт со старыми материалами тоже можно посмотреть.

Rebecca Murphey – главный инженер в Stripe, работала в Indeed. Она пишет о фронтенде и не технических темах, связанных с карьерой и работой. Ее твиттер.

Hugo Giraudel – ведущий инженер по фронтенду, который специализируется на доступности и безопасности рабочих мест. В его блоге кроме статей вы найдете сниппеты.

Angus Croll – JS-разработчик из Netflix написал книгу «Если бы Хемингуэй написал JavaScript». Доступен также блог на медиуме и сайт.

Jen Simmons – дизайнер и разработчик в Mozilla, член рабочей группы CSS. Одно из ее основных направлений – CSS Grid. На сайте не так много текста, но можно словить вдохновение. Всякие фишки стоит смотреть на ютуб-канале автора.

Chris Coyier – один из создателей Codepen ведет подкаст ShopTalk о фронтенде, веб-дизайне и UX. У него очень популярный Твиттер.

André Staltz – основатель фреймворка cycle.js сделал значительный вклад в ReactiveX. Он также создал бесплатную социальную сеть Manyverse, где ваши данные не нужно загружать на сервера компании. В блоге автор пишет о JavaScript, интерфейсах, реактивном программировании, React Native и одноранговых сетях. Последний пост в блоге за 2019 год, более свежее мнение автора можно читать в Твиттере.

Meyerweb – эксперт по веб-стандартам (HTMLи CSS). Он написал множество популярных книг по CSS и не только, а также является создателем ряда инструментов и организатором мероприятий для дизайнеров и фронтендеров – An Event Apart.

Swizec – блог о JavaScript преподавателя Swizec Teller с опытом разработки в 13 лет. Автор рассказывает не только о технических нюансах, но и о софт–скилах, а также о карьере. Кроме сайта Swizec он активно ведет свой Твиттер и написал несколько книг (есть на сайте).

Addy Osmani – главный инженер в Google Chrome, специализирующийся на ускорении веба. Его команда работает над такими инструментами, как Lighthouse, PageSpeed Insights, Chrome User Experience Report.

Infrequently Noted – блог Алекса Рассела, который тоже из Chrome, но возглавляет работу с веб-стандартами. Один из его проектов – Blink.

2ality – блог ведет разработчик с опытом в 25 лет, преподаватель, писатель. Основное направление – JavaScript. Кроме личного блога, у него есть ресурс ESnextNews с новостям о JS и еженедельной рассылкой.

Чаты и форумы

Огромное количество локальных русскоязычных чатов и сообществ вы найдете в этой подборке на GitHub. Там представлены Россия, Беларусь, Украина, Казахстан и Молдова. Такие комьюнити особенно полезны, потому что они дают участникам возможность знакомиться и общаться, помогая друг другу на местности.

Кстати, на сайте можно добавлять чаты через pull request, чтобы найти единомышленников из своих регионов, которые не представлены в списке.

DEV – здесь любой может опубликовать свой материал и прокомментировать чужие. Также на форуме собираются видео и подкасты. Еще есть раздел с объявлениями: вакансии, поиск и предложения менторства, курсы, мероприятия, приглашения в другие сообщества разработчиков. По тегам слева выбирается интересующая читателя тематика.

Hashnode – местами похож на предыдущий ресурс, но есть интересная опция: можно создавать свои Q&A-сессии или задавать вопросы запустившим сессию экспертам. Например, расспросить о чем-нибудь разработчиков Google и Amazon, а также разных фаундеров из мира программирования. Можно искать интересующие топики по тегам. Комментарии и посты при необходимости публикуются анонимно.

The Odin Project – образовательная платформа с чатом в Дискорде. Основные направления обучения – JavaScript и Ruby. Еще у них есть блог на медиуме.

SitePoint – достаточно активный форум для веб-разработчиков и веб-дизайнеров. Ищите обсуждения по категориям: например, только PHP.

Product Hunt – здесь вы найдете последние веб- (и не только) проекты. Можно комментировать их, задавать вопросы создателю, подсматривать интересные решения.

WebDeveloper – минималистичный форум по веб-разработке. В отличие от некоторых других, он разделен на секции: часто задаваемые вопросы, клиент сайта, сервер сайта, управление сайтом.

Субреддит для веб-разработчиков – сюда имеет смысл сходить, чтобы найти ответы среди уже заданные вопросов, задать свои и отвечать на чужие. Также стоит изучить объявления о встречах, конференциях, вакансиях.

В целом, на Reddit есть и более узкие сабреддиты, вроде: Bootstrap, JavaScript и т. д.

Заключение

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

Если вы только осваиваете профессию веб-разработчика и не готовы тратить слишком много времени на самообучение, стоит обратить внимание на курс по веб-разработке от Geek Brains и Mail.ru. Начав с основ, вы получите необходимые для начала карьеры знания. Актуальная программа состоит из 2 – 3 вебинаров в неделю и 2 месяцев стажировки. Под руководством опытных преподавателей студенты наработают необходимую для дальнейшего развития базу и получат помощь в трудоустройстве.

Мне нужно оперативно погрузиться во фронтенд. Какой вариант самый быстрый и качественный?

Если 15 лет назад для того, чтобы называть себя фронтенд-разработчиком достаточно было знать HTML, CSS и JavaScript, то сейчас фронтенд-разработка почти не отстает от бэкенд-разработки по количеству фреймворков и сложности стеков. Самый быстрый и качественный вариант — получить знания из первых рук от преподавателей со стажем. Поэтому мы запустили курс «Frontend Basic: принцип работы современного веба», на котором вы:

• освоите стек технологий, который позволит начать работать в любой компании на любом проекте;
• сверстаете свой первый адаптивный макет с учетом семантики и множества декоративных элементов на HTML и CSS;
• поймете, как с помощью JavaScript разрабатывать пользовательские интерфейсы;
• разберетесь, как JavaScript используется в работе с backend и создадите свой первый обмен данными сервером;
• углубитесь в более сложную разработку на React.js и напишете свой интернет-магазин;
• изучите основные команды для работы с GIT, важнейшего инструмента для работы в любой команде.