udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продвинутый React для Enterprise: React для Senior Разработчиков
Advanced React For Enterprise: React for senior engineers
★3.9 (всего оценок - 53)
Продолжительность
6 ч 4 мин
Категория
React.jsКоличество уроков
59 Видео
Дата добавления
27 июл. 2021 г., 22:32
Язык
Английский
Дата выхода
16 июн. 2021 г., 03:00
Дата обновления
29 апр. 2026 г., 12:43
Этот продвинутый курс по React создан специально для опытных разработчиков, которые стремятся выйти на уровень Senior и овладеть архитектурными, инженерными и системными навыками, необходимыми для работы над крупными Enterprise‑приложениями. Материал курса предполагает глубокое знание React и опыт коммерческой разработки.
Что делает этот курс незаменимым для Senior React разработчиков
В современном Enterprise‑стеке к разработчику предъявляются повышенные требования: умение проектировать масштабируемые интерфейсы, выстраивать архитектуру, создавать переиспользуемые системы и автоматизировать процессы разработки. Этот курс закрывает ключевые пробелы, с которыми сталкиваются даже опытные инженеры.
Глубокое погружение в архитектуру фронтенда
Курс сфокусирован на построении систем, а не отдельных компонентов. Такой подход помогает значительно улучшить качество кода, сократить технический долг и повысить согласованность интерфейсов в больших командах.
Работа с реальными инструментами и процессами Enterprise-разработки
В ходе обучения вы будете использовать тот же набор инструментов и практик, что и в крупных продуктах: монорепозитории, CI/CD, дизайн‑системы, Storybook, визуальные тесты и многое другое.
Какие навыки вы освоите
Во время курса вы создадите собственную профессиональную дизайн‑систему с нуля, применяя современные принципы архитектуры и инженерии во фронтенде.
Ключевые темы курса
- Архитектура CSS в React‑приложениях — современные подходы к стилизации, масштабируемые паттерны.
- Использование TypeScript — построение безопасного, предсказуемого и стабильного кода.
- Атомарный дизайн и создание дизайн‑систем — формирование UI‑библиотеки, понятной всей команде.
- Создание и публикация npm‑пакетов — управление версиями, зависимостями и процессами доставки.
- CI/CD для фронтенда — автоматизация, проверка кода, сборки и развертывание.
- Модульное тестирование компонентов — качество, стабильность и надежность интерфейсов.
- Визуальное регрессионное тестирование — предотвращение скрытых UI‑ошибок.
- Storybook — документирование и демонстрация UI‑компонентов.
- Паттерны проектирования компонентов — повышение читаемости, гибкости и переиспользуемости кода.
- Монорепозитории — управление большими проектами и несколькими пакетами.
- Доступность (A11y) — создание инклюзивных интерфейсов и модульное тестирование доступности.
- И многое другое... — курс будет расширяться новыми практиками и инструментами.
Преимущества обучения на этом курсе
Подготовка к роли Senior/Lead
Курс формирует мышление архитектура, а не просто разработчика. Вы научитесь принимать технические решения, обеспечивать масштабируемость и поддерживаемость интерфейсов.
Формирование инженерного подхода
Каждый модуль направлен на оттачивание инженерных практик и системного мышления, что критически важно для специалиста уровня Senior.
Подходит для реальных Enterprise‑кейсов
Полученные знания и шаблоны можно сразу применять в любой производственной среде, от стартапов до корпораций.
Кому подойдет этот курс
- Middle React разработчикам, которые хотят перейти на уровень Senior.
- Senior‑инженерам, которые хотят укрепить архитектурные навыки.
- Фронтенд‑разработчикам, работающим над большими продуктами.
- Тем, кто строит или поддерживает дизайн‑системы.
Итог
Этот курс — идеальный выбор для разработчиков, которые хотят вывести свои навыки React на новый уровень, научиться мыслить как архитектор и уверенно работать с Enterprise‑подходами. Если вы стремитесь стать Senior в полной мере — этот курс станет важным шагом в карьере.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:06:35What are design systems
- Урок 2. 00:08:33Atomic Design principles
- Урок 3. 00:05:34Example design systems
- Урок 4. 00:05:03Your role as an engineer in a design system
- Урок 5. 00:04:06What we'll build
- Урок 6. 00:01:50Css architecture checklist
- Урок 7. 00:02:50Setup folder and file structure
- Урок 8. 00:09:27Define system variables
- Урок 9. 00:07:35Define foundation colors
- Урок 10. 00:01:54Assignment - Define foundation colors
- Урок 11. 00:02:01Define foundation typography
- Урок 12. 00:01:11Assignment - Define foundation typography
- Урок 13. 00:03:43Define mixins
- Урок 14. 00:03:13Assignment - Define mixins
- Урок 15. 00:06:32Global root and css reset
- Урок 16. 00:07:16Add stylelint and prettier
- Урок 17. 00:03:57Setup husky and pre-commit hooks
- Урок 18. 00:06:49Compile scss to css
- Урок 19. 00:09:22Compile components to css
- Урок 20. 00:10:08Setup mono repository with yarn and lerna
- Урок 21. 00:04:02Add react package to mono repository
- Урок 22. 00:04:43Add rollup to compile react
- Урок 23. 00:10:31Setup a react playground
- Урок 24. 00:03:53Setup dev script for all packages
- Урок 25. 00:03:32Identify atoms, molecules and organisms
- Урок 26. 00:00:52Assignment - Identify atoms, molecules and organisms
- Урок 27. 00:05:01Develop the colour component
- Урок 28. 00:08:47Dynamically generate utility classes
- Урок 29. 00:01:06Assignment - create image atom
- Урок 30. 00:07:02Extract foundation to a separate package
- Урок 31. 00:15:23Spacing component
- Урок 32. 00:11:10The select molecule
- Урок 33. 00:11:52Styles for the select molecule
- Урок 34. 00:07:11Calculate the overlay position
- Урок 35. 00:03:32Style the select option
- Урок 36. 00:08:35Selected option state
- Урок 37. 00:02:18Animate select caret
- Урок 38. 00:07:41Render props for custom option
- Урок 39. 00:03:25Expanded and popup aria attributes
- Урок 40. 00:16:53Control menu items with keyboard
- Урок 41. 00:09:53Accessible keyboard navigation
- Урок 42. 00:07:24Setup babel and jest
- Урок 43. 00:01:00Assignment - Select test cases
- Урок 44. 00:09:22Assignment - Select test cases solution
- Урок 45. 00:05:06Tests for foundations
- Урок 46. 00:07:53Setup storybook
- Урок 47. 00:04:06Select component variants
- Урок 48. 00:09:07Addon knobs
- Урок 49. 00:07:40Addon accessibility
- Урок 50. 00:05:57Visual regression tests with chromatic
- Урок 51. 00:07:31Publish to npm with lerna
- Урок 52. 00:06:57Control published files
- Урок 53. 00:04:44Conventional commits
- Урок 54. 00:03:06Lint commits
- Урок 55. 00:06:11Generate changelogs with lerna
- Урок 56. 00:06:36Setup github actions workflow
- Урок 57. 00:07:15Fix build issues on CI
- Урок 58. 00:04:44Automate chromatic with github actions
- Урок 59. 00:04:25Deploy storybook to netlify
Автор - udemy
Комментарии
Плюсану про сомнительную полезность данного курса