Что почитать начинающему и опытному фронтенд-разработчику
Подборка книг и ресурсов о фронтенд-разработке, паттернах и архитектуре веб-приложений от ведущего разработчика в крупном банке.
Иллюстрация: Keyboard / Seekpng / Cward / Pngitem / Merry Mary для Skillbox Media
Часто начинающим фронтендерам кажется, что обязательно надо почитать книги по CSS, HTML, AJAX, jQuery и так далее. У меня тоже было такое представление, и я читал такие книги. Но скажу честно — это лишняя трата времени, в них куча ненужной информации и воды. Лучше вместо этого изучать статьи или смотреть видео на YouTube. Вот что я рекомендую начинающим и опытным фронтенд-разработчикам.
Что почитать начинающим фронтенд-разработчикам
HTMLBook
HTMLBook — отличный ресурс для изучения HTML и CSS. На сайте есть и самоучитель, по которому можно познакомиться с этими технологиями, и справочник, к которому можно обращаться, если вы что-то забыли или просто хотите разобраться, как работает тот или иной тег или CSS-свойство.
Онлайн-учебник по JavaScript
Онлайн-учебник learn.javascript.ru — это вообще лучшее, что я могу посоветовать по разработке на JS. Я до сих пор и сам обращаюсь к нему, когда нужно освежить что-то в памяти. Да и куча заданий для собеседований берутся именно отсюда.
Кайл Симпсон
{Вы не знаете JS} Типы и грамматические конструкции
Перевод с английского: Е. Матвеев.
Издательство «Питер», 2019 год, 240 с.
Оригинальное название: You Don’t Know JS: Types & Grammar.
Из книжек для начинающих разработчиков я, пожалуй, могу посоветовать только одну (хотя на самом деле это серия книг) — «Вы не знаете JS» Кайла Симпсона. Она описывает все тонкости, лучшие практики и особенности языка. Изначально книга выпускалась на GitHub, в открытом доступе, — там даже есть русский перевод. Однако сейчас книгу можно и купить в печатном виде.
Что почитать опытным фронтенд-разработчикам
Это уже более серьёзные источники — их я рекомендую тем, кто уже писал в прод, набрался опыта и готов развиваться дальше.
Э. Гамма, Р. Хелм, Р. Джонсон, Дж. Влиссидес
Паттерны объектно-ориентированного проектирования
Перевод с английского: А. Слинкин.
Издательство «Питер», 2021 год, 448 с.
Оригинальное название: Design Patterns. Elements of Reusable Object-Oriented Software.
Отличная книга по разработке от «банды четырёх». Когда начинаешь задумываться об архитектуре и выборе паттернов, подходящих для выполнения тех или иных задач, — это первое, что необходимо изучить.
Роберт Мартин
Чистый код
Перевод с английского: Е. Матвеев.
Издательство «Питер», 2018 год, 464 с.
Оригинальное название: Clean Code. A Handbook of Agile Software Craftsmanship.
На мой взгляд, это одна из лучших книг «Дядюшки Боба». Читается довольно просто и содержит кучу полезной информации о том, как это ни странно, как писать чистый код и рефакторить его. Сам прочитал её несколько раз и сделал уйму заметок, которые иногда пересматриваю.
Роберт Мартин
Чистая архитектура
Перевод с английского: А. Киселёв.
Издательство «Питер», 2022 год, 352 с.
Оригинальное название: Clean Architecture. A Craftsman’s Guide to Software Structure and Design.
Серьёзным фронтенд-программистам могу посоветовать такую же серьёзную книгу от того же Роберта Мартина. Книга довольно сложная, но если вы считаете себя опытным программистом, то желательно её освоить. В ней Роберт рассказывает, как спроектировать качественную архитектуру и работать над дизайном ПО.
Официальный YouTube-канал HolyJS
Ссылка: https://www.youtube.com/c/HolyJS
Здесь выкладываются доклады с конференций HolyJS. Доклады зачастую хардкорные, но часто интересные — а иногда и полезные.
YouTube-канал Ильи Климова
Очень советую! Илья интересно рассказывает про разные технологии во фронтенде. У него огромный опыт в разработке, и ему действительно можно доверять.
Сайт «Рефакторинг и паттерны проектирования»
Ссылка: https://refactoring.guru/ru
Возвращаясь к паттернам, не могу не посоветовать этот ресурс. Всё удобно разбито по категориям, с картинками и примерами кода. Что ещё нужно?
Тематические Telegram-каналы
Ещё я бы посоветовал несколько Telegram-каналов — они подойдут как начинающим разработчикам, так и «ветеранам» фронтенда. Однако все они — на английском, так что потребуется минимальный уровень владения техническим инглишем:
- Front End World: https://t.me/front_end_first
- Frontend Info: https://t.me/frontend_info
- Smashing Magazine: https://t.me/smashingmagazine