Привет, друзья 👋
В этой статье мы рассмотрим одну из интересных тем, подходящую для любого уровня разработчика. Кроме того, я поделюсь ценными ресурсами для каждого шага дорожной карты, которую я использовал раньше для изучения Front-end.
Я поделился здесь некоторыми книгами, но все знают, что в развивающемся мире книги устаревают слишком быстро, поэтому покупать их или нет — ваше решение.
HTML, CSS 👨🎨
Базовый уровень, который иногда упускают новички 😉
Настоящий фундамент у меня есть в книге CSS3: The Missing Manual, а чаще всего моя рекомендация — поискать в интернете красивые и сложные дизайнерские фреймы и попробовать их сделать, или многие из них вы можете найти бесплатно в сообществе Figma
Ресурсы:
- Основы кода
- CSS: The Missing Manual
- Flex froggy
- Grid Garden
- MDN HTML
- MDN CSS
JavaScript ❤️
Основа Веба.
- Лучшая книга по JavaScript
- JavaScript: Хорошие стороны
React ⚛️
Очень люблю этот фреймворк, но хочу попробовать Svelte и WebComponents.
Ресурсы:
- Документация — все учебные материалы вы можете найти здесь
- Egghead Здесь можно найти много хороших курсов бесплатно, но если вы дойдете, то сможете даже купить PRO версию🤴)
- Learning React Functional Development — может быть уже устарел, но все же, вы можете найти здесь несколько хороших методик.
Typescript 🏢
В течение нескольких лет я не говорил ни об одном проекте без TS 🫡
- Документация — всегда лучший ресурс 😄
- React + TS cheatsheet — эту замечательную шпаргалку я рекомендую практически всем, кто занимается React+TS
Docker
Это незаменимая технология в среднем проекте и корпоративной разработке.
- Информация о движке docker
- Введение в контейнеры
- Лучшая статья об анатомии Docker
Эти три ресурса дали мне базовое понимание. Для получения более подробной информации я рекомендую вам изучать ее на сайте docker.
Алгоритмы
В Front-end разработке вам не нужно знать все алгоритмы, но полезно изучить некоторые основы.
- Grokking Algorithms может дать вам хорошие основы.
- Бесплатный курс от Принстона
Тестирование
Ценная часть процесса разработки, которую полезно знать.
- Jest
- Cypress
- testingjavascript от Kent
Если у вас сейчас нет компьютера, похоже, вы разделяете мои первые шаги, потому что я начал изучать программирование без ноутбука, поэтому я бы рекомендовал начать с мобильного приложения SoloLearn.
И, конечно, одно из самых отличных мест для изучения чего-то нового — YouTube 🎥.
Поделитесь своими лучшими ресурсами для Front-end разработчиков в комментариях 🥇.
Дизайн обложки от Юлии Мазур