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

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

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

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 и т. д.

Заключение

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