К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Advanced Frontend Engineering · LearnSpace
Назад в каталог
courseraПрограммирование

Advanced Frontend Engineering

Курс от Coursera
Средний≈ 13.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Gain the skills needed to build high-quality, scalable, and efficient front-end applications in this Advanced Frontend Engineering course within the Web Development Skill Path. You will learn to construct reusable and modular UI components, implement robust client-side state management, optimize application performance across browsers, and diagnose complex performance and memory issues using industry-standard profiling tools. Through hands-on practice with React, Redux, and modern browser DevTools, you will develop the technical depth required to build fast, interactive user experiences. This course brings together expertise from Meta, Scrimba, and IBM, giving you multiple professional perspectives on building, optimizing, and debugging advanced web applications. You will progress from designing component architectures to managing state flow, improving rendering efficiency, and resolving bottlenecks in real-world environments. The curriculum blends conceptual understanding with practical exercises, preparing you to confidently create performant front-end applications and troubleshoot issues using modern diagnostics. Ideal for aspiring front-end developers and experienced engineers ready to deepen their skills in advanced React, performance optimization, and debugging workflows.

Навыки, которые вы освоите

React.jsFrontend PerformanceReact ReduxJavascriptTest AutomationSoftware Design PatternsDebuggingUI ComponentsFront-End Web DevelopmentTest ToolsSoftware TestingCode ReusabilityWeb Development ToolsJavaScript FrameworksWeb ApplicationsBrowser CompatibilityPerformance Tuning

Программа курса

6 модулей · 78 учебных материалов

01Start Here: Get Oriented and Check Your Skills2 материалов
Start Here: How This Skill-Based Course WorksЧтениеSkill Diagnostic: Find Your Recommended Starting PointЗадание
02JSX and testing30 материалов

JSX Deep Dive

JSX, Components and ElementsВидео

Учитесь у экспертов

Professionals from the Industry

Преподаватель курса

Advanced Frontend Engineering
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 13.5 ч

6 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
The importance of performance to software developmentВидео
Component composition with childrenВидео
Types of ChildrenЧтение
Manipulating children dynamically in JSXВидео
Exercise: Build a Radio Group ComponentЛабораторная
Solution: Build a Radio Group ComponentЧтение
Self-review: Build a Radio Group ComponentЗадание
Spread AttributesВидео
Knowledge check: JSXЗадание
Additional resourcesЧтение

Reusing behavior

Cross-cutting concerns in ReactВидеоHigher-order componentsЧтениеCreate a HOC for cursor positionВидеоRender propsВидеоExercise: Implementing scroller position with render propsЛабораторнаяSolution: Implementing scroller position with render propsЧтениеSelf-review: Implementing scroller position with render propsЗаданиеKnowledge check: Reusing behaviorЗаданиеAdditional resourcesЧтение

Integration tests with React Testing Library

Why React Testing LibraryВидеоWriting the first test for your formВидеоExercise: Writing more test scenariosЛабораторнаяSolution: Writing more test scenariosЧтениеSelf-review: Writing more test scenarios ЗаданиеIntroduction to continuous integrationЧтениеStyle guidesВидеоKnowledge check: Automated testingЗаданиеModule summary: JSX and TestingВидеоAdditional resourcesЧтение
03Redux in JavaScript and React26 материалов

Learn React Redux

Redux IntroPLUGINWelcome to interactive lessons!PLUGINPlain JS Redux - OverviewPLUGINPlain JS Redux - ActionsPLUGINPlain JS Redux - Action CreatorsPLUGINPlain JS Redux - ReducerPLUGINPlain JS Redux Practice 1PLUGINPlain JS Redux - Creating the StorePLUGINPlain JS Redux - subscribe and getStatePLUGINPlain JS Redux - dispatchPLUGINPlain JS Redux - Payload in action creatorsPLUGINPlain JS Redux - Handling more complex statePLUGINPlain JS Redux - PracticePLUGINPlain JS Redux - Even more complex statePLUGINPlain JS Redux - combineReducers Part 1PLUGINPlain JS Redux - combineReducers Part 2PLUGINPlain JS Redux Practice 1PLUGINPlain JS Redux Practice 2PLUGINRedux in React - Setup & PracticePLUGINRedux in React - react-redux & ProviderPLUGINRedux in React - connect()PLUGINRedux in React - mapStateToPropsPLUGINRedux in React - mapDispatchToPropsPLUGINRedux in React - useSelector()PLUGINRedux in React - useDispatch()PLUGINRedux in React - Redux ThunkPLUGIN
04Cross-Browser JavaScript Optimization and Testing Frameworks9 материалов

JavaScript Optimization and Testing Frameworks

JavaScript OptimizationВидео Popular Optimization ToolsВидео Testing FrameworksВидеоTesting Tools – Mocha and JasmineВидеоUsing JasmineВидеоFront-end Testing Best PracticesВидеоHands-on Lab: Testing a React Application using JasmineВнешний инструментPractice Quiz: JavaScript Optimization and Testing FrameworksЗаданиеModule Summary: Cross-Browser JavaScript Optimization and Testing FrameworksЧтение
05Debugging and Troubleshooting9 материалов

Debugging and Monitoring Websites

JavaScript DebuggingВидеоBasic Debugging ConceptsВидеоIntroduction to Debugging ToolsВидеоTroubleshooting with Chrome DevToolsВидеоMonitoring your WebsiteВидеоPopular Monitoring ToolsВидеоHands on Lab: Troubleshooting Common Errors with Chrome DevToolsВнешний инструментPractice Quiz: Debugging and Monitoring WebsitesЗаданиеModule Summary: Debugging and TroubleshootingЧтение
06Skill Assessment - Advanced Frontend Engineering2 материалов

Lesson

Learner Expectations for Skill AssessmentЧтениеAdvanced Frontend EngineeringЗадание