21 полезный ресурс для фронтендеров

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.

Комментарий Андрея переведен с украинского языка.

курс по теме: Прикладная математика и статистика для Data Science
Сергей Бобровский Data Scientist в отделении AI Platforms в Airbus
 

 

Ещё статьи
Платформи для волонтерів, пошук житла, корисні карти та ігри.