Веб-разработка: главные инструменты и ресурсы в 2019

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

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

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

1. Комьюнити
2. Рассылки и блоги
3. Подкасты
4. Социальные сети
5. YouTube каналы
6. Сообщества Facebook

Комьюнити

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

WebDeveloper.com — место, где вы можете узнать и обсудить, что происходит в веб-индустрии и за ее пределами, создавать мобильные приложения, темы WordPress, писать код и т. д.

DEV — это комьюнити для разработчиков, которые хотят учиться, погружаться в рабочие процессы и делиться своим опытом. Создатели сообщества сами заявляют, что кросс-постинг из вашего собственного блога приветствуется. Так что не стесняйтесь!

Только Front-end:

• Front-End Front
• Front-End Developers

Hashnode — платформа для QA, плюс ко всему здесь можно найти работу програмисту удаленно или на полный рабочий день.

На Reddit  /r/perfmatters/ и /r/webdev — существуют тысячи активных суб-редитов на которых вы можете поговорить обо всем и со всеми: программирование, обучение программированию, компьютерные науки, программное обеспечение, стартапы, фреймворки, базы данных, базовый массив, ajax и т.д.

Refind — сообщество в котором разработчики могут делиться идеями и помогать друг другу развиваться. Все подписчики могут отправлять туториалы, истории из собственного опыта, вопросы или что-то, что они хотят обсудить или найти на refind.com.

SitePoint Community — здесь очень большой раздел категорий. основная цель этого комьюнити — помочь новичкам, в то же время здесь можно получить совет по ведению бизнеса онлайн и маркетинга. К тому же на сайте есть собственный книжный магазин, в котором вы можете получить бесплатный пробный период на 2 недели.

Webdevforums.com — это сообщество о веб-дизайне и разработке (плюс SEO, маркетинг, хостинг, бизнес), в котором публикуют статьи и гайды по последним трендам в интернете, техниках и новых возможностях в сфере.

Bytes — это традиционное сообщество, где новички и эксперты могут участвовать в обсуждениях, касающихся разработки программ, баз данных и администрирования сетей, систем и баз данных.

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

GitHub — это скорее набор материалов и данных, чем активное сообщество. Это ресурс, где вы можете найти и внести свой вклад практически в любой проект с открытым исходным кодом.

Treehouse community — это отличное сообщество, где вы можете свободно задавать вопросы по различным темам программирования и отвечать на вопросы других.

DZone — это место, где разработчики делятся полезными ссылками и веб-новостями. Подобных платформ много, но это одна из самых старых и крупных, поэтому она имеет большую базу ссылок, обучающих видео, учебников и т. д. В разделах программирования также есть разделение на «зоны». Мобильные и Java зоны являются самыми популярными.

Lobsters — место, где разработчики могут представить свои мини-проекты и увеличивать свой прогресс.

Daniweb — этот сайт, с 1,5 миллиарда посетителей, превратился в активное сообщество, в котором участники учатся, делятся знаниями и общаются с другими разработчиками, специалистами по ИТ, технофилами и любителями компьютеров.

Dream.In.Code — у пользователей есть свободный доступ к тысячам учебников, фрагментам кода,  темам форумов и многому другому.

Digital Point — интересное сообщество, посвященное обмену опытом в программировании и бесплатной разработке, с отличными учебниками, полезными онлайн ресурсами, советами и рекомендации для разработчиков.

Лучшие комьюнити на linkedin.com:

• Web Design and Development Professionals
• Website development
• WordPress Developers
• The PHP Developer Network (LAMP, Open Source, Perl, Linux, Mysql, Drupal, Joomla, Zend)

Рассылки и блоги

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

WDRL (Web Development Reading List) — тщательно отобранный список ресурсов, связанных с веб-разработкой.

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

Только Front-end:

• Web Tools Weekly
• Frontend Focus
• Codepen
• Friday Front-End

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

/dev tips — еженедельные советы для разработчиков в гифках.

Codrops — блог с крутыми статьями и туториалами.

html5 doctor — всё о том как и куда имплементировать HTML5.

Только CSS:

• CSS-tricks
• CSS Weekly
• CSS aAuthor
• CSS Wizardry

Entirely JavaScript:

• JavaScript Weekly
• JSter
• Superhero.js
• Echo JS

Pixelhint — посвященный подробным, понятным и высококачественным туториалам по веб-интерфейсу.

Jquery — новостной ресурс про самые популярные веб-инструменты.

A List Apart — блог про разработку веб-контента с акцентом на стандартные и лучшие практики.

Tutorialzine — публикует продвинутые методы в веб-разработке и дизайне, к тому же вы можете скачивать компоненты с открытым исходным кодом.

Five a day — возможность ежедневно получать пять статей или туториалов по веб-дизайну и разработке.

Github — подобие соцсети для айтишников. В ней есть репозитории удаленных проектов, над которыми вы можете работать вместе с кем-то.

Code tutsplus — здесь тысячи бесплатных уроков и онлайн курсов, которые помогут вам научится разрабатывать программное обеспечение.

CODING HORROR — блог Джеффа Этвуда посвящен всевозможным темам в области разработки программного обеспечения и безопасности.

Pttrns. — паттерны мобильного дизайна.

Toptal Engineering Blog — место для обучения и анонсов новых технологий, созданных профессиональными программистами, которые работают в сети Toptal.

Codecondo — основатели блога исследуют, собирают и делятся полезными новостями, туториалами, советами, ресурсами и инструментами для дизайна, разработки и другого.

Блогеры:

• James Montemagno
• David Walsh
• Benedict Evans
• Jonathan Peppers
• Ilya Grigorik
• Ariya Hidayat

Webdesignernews.com — подборка лучших новостей для дизайнеров и разаработчиков.

DigitalOcean Community — блог по веб-разработке для обсуждения всех вопросов программирования, разработки, веба и дизайна.

Sidebar — каждый день вы будете получать 5 лучших ссылок по дизайну.

Position absolute — это блог о разработке приложений и управлении технологиями.

CatsWhoCode — блог для тех, кто создает и  управляет сайтами: веб-разработчиков, веб-дизайнеров, веб-мастеров, и других. Мяу!

Onextrapixel — блог посвященный обмену отличными учебниками, полезными онлайн-ресурсами, советами и рекомендациями для веб-разработчиков.

WordPress Weekly — все последние новости о WordPress.

Developer drive — здесь собран наиболее ценный контент от лидеров и экспертов в области веб-разработки, включая статьи и туториалы для разработчиков всех уровней квалификации.

WPkube — сайт о WordPress, на котором представлены туториалы, инструкции, плагины и новости о WordPress.

Raywenderlich.com — профессиональные туториалы для комьюнити.

IOS dev weekly — еженедельно о IOS =)

Только Android:

• Android Weekly
• Android guys
• Android Developers Blog
• Android advices

Hacker News — новые советы, лайфхаки и разные техники.

Code project — место, где разработчики могут встретиться и поделиться идеями.

W3schools — здесь вы можете научиться буквально всему.

Самые мощные ресурсы:

• GOOGLE developers
• Microsoft developers
• Mozilla

Подкасты

Такой формат особенно популярен среди ведущих бизнесменов и их аудитории. Если у вас нет времени читать статьи или смотреть видео в течение напряженного дня, то подкасты это то что вам надо. Вы можете слушать их во время тренировок, в метро, ​​в машине или просто на прогулке, тем самым расширяя спектр своих знаний.

Syntax — проект Веса Боса  и Скота Толински, которые делятся своим опытом в веб-разработке.

CodePen — в основном фокусируется на языках интерфейса, таких как HTML, CSS, JavaScript и синтаксисе предварительной обработки, который превращаются в них.

Только JavaScript:

• Devchat.tv and Devchat.tv (Apple Podcasts)
• Real Talk JavaScript

Full stack radio — темы подкаста самые разнообразные, начиная от продуктового дизайна и UX до модульного тестирования и системного администрирования.

Shop talk show — подкаст о фронтенде и веб-дизайне, разработке и UX.

+ Front-end happy hour

React podcast — вспомогательный подкаст для программистов и людей, которые учатся программировать.

CodeNewbie — истории от разных профессионалов со всего мира о их жизни программиста.

Социальные сети

Snipplr — предлагает своим пользователям возможность загружать части полезного кода и делиться  ним с другими. Здесь собрано множество частей кода JavaScript, PHP, CSS, Ruby и других языков.

Stackoverflow — они называют сами себя самым крупным и надежным онлайн сообществом разработчиков, где можно почитать новости, поделиться своими знаниями программирования и даже найти работу. Здесь вы можете даже создать свою репутацию, комментируя, голосуя и участвуя в жизни комьюнити.

YouTube каналы

Одно уточнение — практически все просто обожают визуальный контент.

Популярные туториалы по всем последним технологиям. Основные технологии разработки, такие как JavaScript, PHP, SQL, Python, HTML, CSS, ActionScript и другие:

• freeCodeCamp.org
• Treehouse
• Thenewboston
• LevelUpTuts
• Web Development Tutorials
• LearnCode.academy
• Traversy Media
• Adam Khoury
• Fullstack Development
• Sketch Together
• Codecourse
• Chris Coyier
• LearnWebCode
• Practical MySQL
• Wes Bos
• kudvenkat
• howCode
• DevTips
• The Net Ninja

Только JavaScript:

• JavaScript Evangelist
• All Things JavaScript, LLC
• Fullstack Academy
• JSConf

Только Front-end:

• Ihatetomatoes
• FrontendTips

Большое разнообразие туториалов предлагают профессиональные блогеры. Разная манера изложения, оформление видео и пол рассказчика. Может быть, кто-то из этого списка станет вашим фаворитом:

• JREAM
• Derek Banas
• Quentin Watt Tutorials
• Neil Rowe
• Jesse Showalter
• London App Developer
• Joseph Smith
• mmtuts
• Brad Hussey
• John Morris
• Michael Thomas
• Mackenzie Child — очень популярный учитель дизайна

Последние обновления в продуктах Google:

• Google Developers
• Google Chrome Developers

Сообщества в Facebook

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

Поэтому сегодня это мощная альтернатива форумам, без необходимости покидать Facebook. Кроме того, в отличие от категорий ресурсов, перечисленных выше, вы можете искать контент в группе. Например, если вы ранее видели обсуждение предстоящего события или какую-то интересующую вас тему и хотите подключиться к этому обсуждению, то вам просто нужно начать поиск по названию или имени в соответствующей строке. Так что это действительно удобно.

Facebook Developer Community — очень популярны форум для разработчиков, который работает специально на платформе Facebook, чтобы общаться с командой Facebook и другими техническими разработчиками по всему миру.

Advanced WooCommerce — официальная группа в Facebook. Как и в любой группе FB, вы можете следить за тем как разработчики делятся идеями и знаниями относительно WooCommerce, а также получить ответы на ваши вопросы в этой сфере.

Лучшие группы о WordPress:

• Advanced WordPress
• WordPress Security
• WordPress Speed Up
• WordPress Hosting

DigitalOcean — эта группа предоставляет простейшую облачную платформу для развертывания, управления и масштабирования приложений разных размеров.

Небольшой совет от TemplateMonster:

Вы должны сосредоточиться на своей работе, и если это невозможно, по итогу у вас получиться плохой код. Если вы устали — не пишите код, а отдохните немного. Если ваша жена ушла от вас — не пишите код. Если ваша кошка только что родила семь котят — не пишите код. Будьте осторожны! Иногда вы понимаете, что у вас нет специальных инструментов или навыков, необходимых для выполнения даже самого простого проекта. А иногда ваш мозг просто кипит над идеями, но вы не можете их воплотить. Но со временем вы станете специалистом и откроете для себя множество уникальных возможностей, которые помогут вам реализовать ваши идеи.

***

Напишите в комментариях о ваших любимых ресурсах, которые мы, возможно, упустили. Будем благодарны за то, что вы поделитесь этой статьей с другими. Желаем вам профессиональных успехов! 😉