21 полезный ресурс для фронтендеров
Разработчики советуют Telegram- и YouTube-каналы, книги и блоги.
По данным платформы DOU, количество вакансий для frontend-разработчиков за 2021 год выросло на 72%. На какие ресурсы обратить внимание, если хотите заняться фронтендом, — рассказывают девелоперы из iDeals, Itera и Vestiaire Collective.
Алексей Павленко, Engineering Manager в iDeals Solutions Group
Книги:
- The Pragmatic Programmer, Эндрю Хант и Дэвид Томас
Есть знания, которыми должен обладать каждый разработчик, независимо от выбранного языка. The Pragmatic Programmer — как раз такая база. Она рассказывает о практиках, которые есть и во фронтенде, и в бэкенде. Это легкая книга для джунов и мидлов, которая проводит интересные аналогии. Например, применяет теорию разбитых окон к кодингу. Если код не рефакторить, то он превращается в неподдерживаемую и сложную для расширения структуру. - Enterprise Angular, Манфред Стейер
Книга о том, как создавать корпоративные приложения на Angular (фреймворке для JS и TypeScript). Стейер рассказывает о DDD — проблемно-ориентированном проектировании. Это набор правил, которые позволяют принимать проектные решения, связанные со всей инфраструктурой: слоем доступа к данным (DAL), логированием и мониторингом. Также в книге говорят о создании микрофронтендов и Dynamic Module Federation.
Блоги:
- Netanel Basal — отличные статьи от opensource-контрибьютора. Натаниель Базаль создал инструменты на Angular: Akita (шаблон проектирования), Spectator (для юнит-тестирования) и Transloco (библиотека перевода). В блоге он говорит об управлении состоянием приложения, тестировании, создании форм. Выпускает около трех статей в месяц.
- Angulararchitects
Блог Манфреда Стейера — автора книги Enterprise Angular, о которой я уже говорил. В нем он рассказывает о последних новостях и дает советы по работе с Angular. - Minko Gechev — блог инженера Google, который тоже специализируется на Angular. Минко Гечев делится лучшими, на его взгляд, практиками и подходами (Design Patterns, JavaScript Decorators, Redux Anti-Patterns).
Виталий Рубан, Technical Project Lead (JS, C#) в Itera
Книги:
- Secrets of the JavaScript Ninja, Джон Резиг
Если нужна системность, лучше книг пока ничего не придумали. Советую «Секреты JavaScript-ниндзя». Это небольшая, но глубокая книга, которая затрагивает и JavaScript, и принципы работы браузера. Подойдет и начинающим, и тем, кто работает давно и хочет упорядочить знания. Важно — выбирайте второе издание.
Блоги:
- Smashing Magazine
Это немецкий блог от издателя книг для разработчиков и веб-дизайнеров. Материалы перед публикацией проверяют независимые рецензенты. Попадаются очень глубокие статьи, как, например, серия о новом протоколе HTTP3.
Twitter:
Тут самые свежие новости. Плюс — можно задать вопрос разработчикам интересного решения. Минус — твиттер спамит ленту, даже если ты подписался всего на десять человек. Я читаю:
- Addy Osmani — девелопера из Google, который работает над Chrome. Недавно Эдди Османи выложил в свободный доступ свою книгу о паттернах и React — должно быть интересно.
- Mathias Bynens
Матиас Бейненс тоже работает над инструментами для Chrome и V8 — движком для JS. В твиттере добавляет ссылки на свои выступления на конференциях, рассказывает о новых возможностях JS и CSS. - V8
Канал о V8 — самом популярном движке для JavaScript. Здесь рассказывают, что нового в последних версиях и как это все работает под капотом. Например, про Sparkplug, спрятанные классы и внезапные деоптимизации.
Марта Чупиль, Senior Frontend Developer в Vestiaire Collective
Сайты:
- Дока
Простой и информативный справочник основ веб-разработки (HTML, CSS, JavaScript). Здесь можно узнать о формальном синтаксисе, объектах, функциях и реальных случаях применения. Очень полезен для начинающих веб-разработчиков. - React Things
Подборка материалов на github о React и связанных инструментах — Redux, Webpack, Babel. Все, что надо для изучения инструментов веб-разработки.
Книги:
- Серия книг You don’t know JS, Кайл Симпсон
Это серия из шести книг — от основ JS до разбора сложных задач и особенностей работы с JavaScript, например, в асинхронном программировании. Книги помогут разобраться в типах данных, прототипах, замыканиях, производительности. Симпсон разбавляет теорию практическими примерами. Первое издание вышло в 2015 году. Сейчас автор переписывает и дополняет книги. Пока переиздали только первые три, но и первое издание еще актуально.
YouTube:
- Programming with Mosh
Автор канала Мош Хамедани — разработчик из Австралии с 20-летним опытом. На канале есть туториалы по фронтенду, JS, а также фреймворкам React и Angular. Автор доступно объясняет материал. У Хамедани есть свои курсы на платформе Udemy.
Подкаст:
- Web Standards
Это еженедельные новости о трендах и изменениях во фронтенде. В выпусках ведущие анонсируют конференции, фестивали, хакатоны, а также обсуждают новые возможности браузеров и фреймворков. Не забывают и о дизайне, шрифтах и обновлениях Figma.
Андрей Кладочный, FullStack Developer (Node.js/React)
Сайты:
- CSS Tricks
Основная тематика сайта — верстка, но здесь обсуждаются и другие темы, связанные с JavaScript, инструментами разработки, serverless. Лучшая секция — Guides (гайды). В ней можно найти подробные инструкции использования flexbox, градиента или, например, все способы центрирования элементов с помощью CSS. Рекомендую подписаться на еженедельную email-рассылку, в ней — дайджест лучших новых материалов.
Telegram:
- Radio Kottans
Канал ссылок и новостей из мира программирования от украинского сообщества разработчиков «Котаны». Это сообщество организовывает вебинары, курсы, в которых бесплатно делится знаниями с желающими освоить основы программирования.
YouTube:
- Kottans
У «Котанов» также есть YouTube-канал с вебинарами. Последние месяцы он не очень активен, но в архивах много полезного. - webDev
Канал беларусского фронтендщика Евгения Ковальчука, где он просто и коротко рассказывает о веб-технологиях, популярных библиотеках, фреймворках, паттернах проектирования и разбирает вопросы, связанные с подготовкой к собеседованию. Будет особенно полезен начинающим.
Блоги:
- Overreacted
Также о React интересно пишет один из его основных разработчиков Дэн Абрамов в блоге Overreacted. Там он рассказывает о чистом коде, о том, как работает режим разработки в React, и своем профессиональном пути, но блог давно не обновлялся.
Официальные блоги библиотек/фреймворков:
Важно быть в курсе того, как развивается инструмент, с которым вы работаете, какие новинки в нем появляются. Например, у React.js есть блог и Twitter.
Комментарий Андрея переведен с украинского языка.
