🕸 Блоги и комьюнити по веб-разработке в России и за рубежом: 43 ресурса, актуальные в 2021 году

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

HTML

• htmlbook – пожалуй мой любимый русскоязычный ресурс по HTML. Блог содержит много полезных статей на различные темы: от обучения до трудоустройства. Информация об HTML, CSS, веб-дизайну, графике и созданию сайтов. Там же есть неплохой форум.
• htmlacademy – бесплатные конспекты лекций и докладов, статьи про карьеру и советы для новичков.
  
• htmlforums.net – сообщество разработчиков HTML и CSS.
  
• codeforum.org – ресурс, который помогает разработчикам с любым уровнем навыков.
  

CSS

• css-live.ru – русскоязычное сообщество, посвященное HTML, CSS и JavaScript.
• cssauthor.com – блог о мобильной разработке, содержащий бесплатные материалы по дизайну пользовательского интерфейса, ресурсы, статьи, инструменты и многое другое.
  
• css-tricks.com – полезные статьи и руководства по всем вопросам, связанным с CSS, включая определяющий важные термины CSS альманах. На сайте также доступны руководства, которые помогут читателям получить опыт в веб-разработке.
  
• CSS {IRL} – блог о технологиях создания интерфейсов с особым упором на CSS.
  
• codrops – учебники, статьи и обзоры по вопросам, связанным с CSS, включая полезную библиотеку терминов для начинающих.
  

JavaScript

• reacttraining – семинары, корпоративные тренинги и даже информационные бюллетени обо всем, что нужно знать изучающим React. Статьи в блоге обычно короткие, но содержат много полезной информации.
• Echo JS – управляемый сообществом новостной сайт, полностью ориентированный на разработку JavaScript, HTML5 и новости фронтенда.
  

Официальные блоги платформ и компаний

• JetBrains – блог интерактивной среды разработки для frontend и серверного JavaScript.
• w3.org – блог Консорциума Всемирной паутины, организации, которая разрабатывает и внедряет технологические стандарты Интернета. Ресурс предназначен для обсуждений различных вопросов в W3C и в мировом веб-сообществе. Содержит объявления, выпуски веб-стандартов и образовательные материалы.
  
• nodejs – официальный блог разработчиков среды выполнения JavaScript, построенной на движке Chrome V8.
  
• blog.jquery – официальный блог jQuery. Исчерпывающий источник новостей об одном из самых популярных интерфейсных инструментов.
  
• BetterStudio – все о WordPress от компании с десятилетней историей.
  

• CodePen – платформа, которая позволяет писать код в браузере и видеть результаты. В блоге публикуются различные объявления, новые и обновленные функции, советы и рекомендации, обзоры и многое другое.
• ChromeDevTools – новости, последние обновления и полезные расширения для разработчиков Chrome.
  
• web.dev – новости для разработчиков от команды Chrome Developer Relations.
  
• WebKit – официальный блог самого популярного движка для отображения веб-страниц.
  
• MozillaHacks – официальный блог браузера Mozilla Firefox для разработчиков.
  
• VisualStudioCode – официальный блог одного из популярных редакторов кода.
  
• merehead – блог о веб-разработке и дизайне компании Merehead.
  

Авторские блоги

• css.yoksel.ru – авторский блог Юлии Бухваловой про CSS и SVG. Его цель – помочь читателям разобраться в новых технологиях и познакомиться поближе со старыми, а также сохранить находки и законспектировать изученное.
• maxgraph – авторский блог о веб-разработке. Лайфхаки, полезные сервисы, софт, а также внутренняя кухня фриланса.
  
• anton.shevchuk – блог про PHP, JavaScript, jQuery и «всяко-разно о web-разработке».
  
• matuzo.at – блог Мануэля Матузовича, профессионального веб-разработчика, который преподает HTML и CSS в Венском институте SAE, ZID в Вене и FH Salzburg.
  
• meyerweb – блог Эрика Мейера, эксперта в области HTML и CSS, автора множества статей и книг, создателя нескольких полезных инструментов и ресурсов.
  
• flaviocopes.com – блог Флавио Коупса, про React, Vue, Svelte, Next.js.
  

• taniarascia – блог Тани Расции, специалиста по OpenSource и эксперта в Google. Специализируется на JavaScript/​TypeScript.
• coryrylan – сайт эксперта по разработке Google и фронтенд-разработчика. Кори Рилан предлагает полезные статьи и руководства, которые помогают читателям развивать навыки и становиться лучшими разработчиками.
  
• davidwalsh – блог Дэвида Уолша. Активный веб-разработчик делится советами о том, как читатели могут улучшить свои навыки. Уолш помогает с множеством интерфейсных инструментов веб-разработки, вроде HTML и JavaScript.
  
• meiert – авторский блог о ремесле веб-разработки, особенно об оптимизации HTML и CSS.
  
• jakearchibald – авторский блог Джека Арчибальда. Джек – веб-евангелист и представитель браузера Google Chrome, один из лучших экспертов компании, автор множества докладов на актуальные темы.
  

Разное

• webdevblog – блог о программировании и веб-разработке.
• stackoverflow – крупнейшее и пользующееся у профессионалов наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться знаниями и строить карьеру.
  
• LogRocket – блог дает владельцам полезные советы и рекомендации по улучшению их сайтов.
  
• freeCodeCamp – блог некоммерческой организации, которая состоит из интерактивной обучающей веб-платформы, онлайн-форума сообщества, чатов, онлайн-публикаций и местных организаций.
  
• SitePoint – блог публикует статьи для веб-разработчиков, включающие советы по улучшению навыков программирования, а также интервью с опытными профессионалами. Также содержит доску объявлений и библиотеку полезных книг.
  

• codeburst – место, где можно узнать о веб-разработке все и найти хорошие курсы по программированию.
• ultimatecourses – полезные и подробные курсы по Angular, TypeScript, RxJS, JavaScript, React и AngularJS от опытных разработчиков.
  
• codewall – сайт был создан, чтобы помогать, мотивировать и поощрять любителей кода. Здесь вы найдете руководства по программированию и веб-разработке, новости, юмор и множество бесценных ресурсов.
  
• sidebar – 5 лучших ссылок по веб-дизайну, каждый день.
  

Заключение

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

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

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

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