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.
