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

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

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

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

Advanced React – Testing & Firebase Projects

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

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this advanced React course, you’ll dive deep into React components, state management, and Firebase integration. You will work on dynamic eCommerce projects using React, styled-components, and modern JavaScript techniques like Context API and useReducer. By exploring API integrations, authentication, and dynamic routing, you will build the foundational skills necessary to develop scalable and responsive web applications. The course progresses by walking you through the development of various projects, such as the "Codebook" eCommerce app, integrating advanced React features with Firebase for real-time database management and user authentication. You will work on tasks like creating product listings, user authentication, checkout systems, and implementing features such as dark mode, search, and filters. As you move forward, you'll get hands-on experience deploying your applications to platforms like Netlify. Designed for intermediate learners with a solid understanding of JavaScript and React, this course will empower you to build fully functional apps with real-time features, test them thoroughly, and deploy them effectively. By the end, you will have completed multiple Firebase-backed projects that will serve as solid examples of your proficiency in React development and testing.

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

AuthenticationsReal Time DataJest (JavaScript Testing Framework)Software TestingWeb DevelopmentApplication Programming Interface (API)Cloud Deployment

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

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

01ECommerce Project: Codebook54 материалов

ECommerce Project: Codebook

Introduction to the Course 'Advanced React – Testing & Firebase Projects'ЧтениеFull Specialization ResourcesЧтениеCodebook Demo / 097ВидеоInstallations / 098Видео

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

Packt - Course Instructors

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

Advanced React – Testing & Firebase Projects
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 19.9 ч

5 модулей

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

Субтитры: Казахский

Часть программы вашего университета
Project Structure / 099Видео
Header Component - I / 100Видео
Header Component - II / 101Видео
Home Page / 102Видео
Products Page / 103Видео
API: Product List / 104Видео
Rating Component / 105Видео
Individual Product Component / 106Видео
Dark Mode / 107Видео
ScrollToTop Component / 108Видео
Product Search / 109Видео
Dynamic Title / 110Видео
Filter: Context and Reducers / 111Видео
Filter: Initial Product List / 112Видео
Filter: Properties / 113Видео
Clear Filter / 114Видео
Dropdown Option / 115Видео
User Account and CartВидео
Login and Registration Page / 118Видео
React-Toastify / 119Видео
API: Login/Register Endpoint / 120Видео
Session Storage / 121Видео
Toggle Dropdown (Hide) / 122Видео
Cart Interface / 123Видео
Cart: Context and Reducers / 124Видео
Cart: Provider / 125Видео
Add to Cart / 126Видео
Condition Check: Already in Cart / 127Видео
Out of Stock Products / 128Видео
Protected Routes / 129Видео
Checkout Modal / 130Видео
Undefined Value Warning / 131Видео
Order Submit Function / 132Видео
Order Page / 133Видео
Dashboard: Condition 1 / 134Видео
Dashboard: Condition 2 / 135Видео
Auth Service: API End Points / 136Видео
Data Service: API Endpoints / 137Видео
Product Service: API End Points / 138Видео
Page Not Found / 139Видео
Dynamic Page Title / 140Видео
Error Handling / 141Видео
ENV / 142Видео
Frontend Deployment / 143Видео
Backend Deployment / 144Видео
Update Environment Variables / 145Видео
Login as GuestВидео
Solved: Netlify Errors / 147Видео
Implementing API Requests and Error HandlingDIALOGUE
ECommerce Project: Codebook - AssessmentЗадание
02Assignment: Word Counter4 материалов

Assignment: Word Counter

Statement and Demo / 157ВидеоSolution: WordCount / 158ВидеоBuilding Timed React ApplicationsDIALOGUEAssignment: Word Counter - AssessmentЗадание
03React Testing Library and Jest11 материалов

React Testing Library and Jest

Testing Introduction / 148ВидеоReact Testing Library and Jest / 149ВидеоProject SetupВидеоTesting Structure / 151ВидеоTest: Component Rendering / 152ВидеоTest: Fire Events and User Events / 153ВидеоQueries, Type, Expect, and More / 154ВидеоTest: API Async Loading / 155ВидеоTest: Page Component Wrapper / 156ВидеоIntroduction to Application TestingDIALOGUEReact Testing Library and Jest - AssessmentЗадание
04Firebase Crash Course16 материалов

Firebase Crash Course

Firebase IntroductionВидеоWebpack Setup / 252ВидеоFirebase Setup / 253ВидеоFirebase Connection / 254ВидеоFetching Documents - I / 255ВидеоFetching Documents- II / 256ВидеоAdding and Deleting Documents / 257ВидеоSnapshots / 258ВидеоFirestore Queries / 259ВидеоOrdering Data / 260ВидеоUpdating Documents / 261ВидеоFetching Individual Document / 262ВидеоAuthentication - I / 263ВидеоAuthentication - II / 264ВидеоIntroduction to Firebase: Setting Up and Managing DataDIALOGUEFirebase Crash Course - AssessmentЗадание
05Blog Project: WriteNode17 материалов

Blog Project: WriteNode

WriteNode Demo / 159ВидеоProject Structure / 160ВидеоProject Styling / 161ВидеоHomepage / 162ВидеоFirebase Setup / 163ВидеоFirebase Configuration / 164ВидеоConditional Auth Header / 165ВидеоCreate Blog Post / 167ВидеоError: Object Fetch / 168ВидеоToggle Update / 169ВидеоDynamic Page TitleВидеоReact Loading SkeletonВидеоProject Deployment / 172ВидеоConclusion to the Course 'Advanced React – Testing & Firebase Projects'ЧтениеBlog Project: WriteNode - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание