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.

Ще статті
Як працювати з даними: фахівці діляться досвідом.