Вместе с Иваном, Frontend в TrendTech, собрали большую подборку полезного контента для развития разработчика — от Junior до Senior.
⚪️Junior
База
• MDN Web Docs — developer.mozilla.org
HTML/CSS
• Учебник по HTML, CSS — https://htmlbook.ru/
• Семантика — https://habr.com/ru/articles/892516/
• CSS Tricks (Guides) — https://css-tricks.com/guides/
• SCSS документация на русском — https://sass-scss.ru/documentation/
• Практический курс (HTML/CSS) с задачами — https://www.freecodecamp.org/learn/responsive-web-design-v9/
• Адаптив — https://web.dev/learn/design
JavaScript
• Учебник — https://learn.javascript.ru/
• Дока — https://doka.guide/
• Event Loop (разбор) — https://www.youtube.com/watch?v=8aGhZQkoFbQ
• Практики JS — https://habr.com/ru/articles/844934/
React
• Официальная документация — https://react.dev/learn
• Лучшие практики — https://alexkondov.com/tao-of-react/#favor-functional-components
• Redux — https://redux.js.org/style-guide/
• Redux Toolkit — https://redux-toolkit.js.org/tutorials/overview
TypeScript
• Документация — https://www.typescriptlang.org/docs/
• Практические задания (VPN on) — https://typehero.dev/
Git
• Учебник — https://git-scm.com/book/en/v2
• Semver — https://semver.org/lang/ru/
• Тренажёр — https://learngitbranching.js.org/?locale=ru_RU
• Шпаргалка — https://github.com/cyberspacedk/Git-commands
⚪️Middle → Strong Middle
Продвинутый уровень технологий
• Советы по TS — https://www.totaltypescript.com/tips
• Web Optimization — https://web.dev/learn/performance
• Jest docs — https://jestjs.io/docs/getting-started
• RequestAnimationFrame, IntersectionObserver, Performance API — MDN
Security
• Безопасность во фронтенде — https://habr.com/ru/companies/oleg-bunin/articles/570040/
• CSP — https://web.dev/articles/csp?hl=ru
React
• Что под капотом — https://www.youtube.com/watch?v=HDajDASxn-w
• Анализ и оптимизация — https://habr.com/ru/companies/ruvds/articles/442650/
• Архитектура реакт-приложений — https://habr.com/ru/articles/444276/
Инструменты
•CI/CD
https://habr.com/ru/articles/711278/
https://habr.com/ru/articles/478932/
•Chrome DevTools
https://developer.chrome.com/docs/devtools?hl=ru
https://habr.com/ru/companies/htmlacademy/articles/585866/
•Tree Shaking
https://webpack.js.org/guides/tree-shaking/
https://habr.com/ru/companies/funcorp/articles/490014/
⚪️ Senior
Углубенное понимаение языка и оптимизации
• Ecma Script Предложения — https://github.com/tc39/proposals
• Finished proposals — https://github.com/tc39/proposals/blob/main/finished-proposals.md
• Как читать спецификацию — https://habr.com/ru/articles/490084/
• Спецификация — https://tc39.es/ecma262/#sec-notational-conventions
• Web Vitals — https://habr.com/ru/articles/568280/
Инструменты
• CI/CD
https://docs.github.com/ru/actions
https://habr.com/ru/articles/768770/
https://habr.com/ru/articles/253877/
• NX (полезное) — https://habr.com/ru/companies/skyeng/articles/743458/
• Собственный плагин NX — https://habr.com/ru/articles/752760/
❤️ — хочу больше подобных подборок
#польза@trend_tech_it