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

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

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

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

Advanced React and Full Stack Development

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

О курсе

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. This course takes you beyond React fundamentals into full stack development, guiding you through building production-ready applications with modern tools and frameworks. You will master API integration, state management, authentication, deployment, and advanced routing while connecting frontends to robust backends like Strapi and the MERN stack. The journey begins with integrating headless CMS content via Strapi, fetching and displaying projects and blog posts, and deploying both frontend and backend using Vercel and Render. You’ll then work on TanStack Query and Router projects, implementing efficient data fetching, routing, mutations, and interactive UI components like dropdowns, cards, and toast notifications. Next, the course dives deep into MERN stack development, covering Express APIs, MongoDB database operations, full stack authentication with JWTs and refresh tokens, and secure role-based access. You’ll integrate frontend and backend systems, implement conditional navigation, and manage state across complex applications while preparing them for production deployment. This course is ideal for React developers, front-end engineers, and aspiring full stack developers seeking advanced project-based learning. Basic React and JavaScript knowledge is recommended, and the course is structured at an intermediate-to-advanced difficulty level. By the end of the course, you will be able to build and deploy full stack applications, integrate APIs and headless CMS content, implement authentication and secure routes, manage project-level state, and create complex, interactive React applications ready for production.

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

Full-Stack Web DevelopmentReact.jsApplication DeploymentFrontend IntegrationBack-End Web DevelopmentAuthenticationsRestful APIContent Management SystemsAuthorization (Computing)MongoDBServer SideTypeScriptNode.JSUI ComponentsContent ManagementCloud Deployment

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

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

01Strapi Headless CMS for Content – Extending Friendly Dev Project18 материалов

Strapi Headless CMS for Content – Extending Friendly Dev Project

Introduction to the Course 'Advanced React and Full Stack Development'ЧтениеFull Specialization ResourcesЧтениеHeadless CMS ExplainedВидеоFull Stack Folder StructureВидео

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

Packt - Course Instructors

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

Advanced React and Full Stack Development
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 16.2 ч

8 модулей

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

Часть программы вашего университета
Create Strapi ProjectВидео
Database & Strapi Admin SetupВидео
Project Content TypeВидео
Accessing The APIВидео
Fetch Projects From StrapiВидео
Strapi Project TypeВидео
Fetch Individual Project From StrapiВидео
Home Featured ProjectsВидео
Post Content TypeВидео
Fetch Posts From StrapiВидео
Fetch Post Details From StrapiВидео
Homepage Posts From StrapiВидео
Migrating from JSON Storage to a Headless CMS with Strapi and PostgreSQLDIALOGUE
Strapi Headless CMS for Content – Extending Friendly Dev Project - AssessmentЗадание
02Cloudinary Images, Contact Form & Full Stack Deployment6 материалов

Cloudinary Images, Contact Form & Full Stack Deployment

Upload Images To CloudinaryВидеоFormspree.io Contact FormВидеоDeploy Strapi To Render.comВидеоFrontend Vercel DeploymentВидеоConfiguring Cloudinary & Rendering Production Deployments in Strapi ProjectsDIALOGUECloudinary Images, Contact Form & Full Stack Deployment - AssessmentЗадание
03TanStack Query – GitHub Finder Project20 материалов

TanStack Query – GitHub Finder Project

Section Intro & Project IntroВидеоWhat Is TanStack Query?ВидеоProject Setup & Query ClientВидеоGitHub API IntegrationВидеоMaking Queries With useQuery HookВидеоClean Up CodeВидеоReact Query Devtools InstallВидеоRecent Searches FeatureВидеоLet's Chat About StateВидеоPrefetching Data With TanStack QueryВидеоSave Recent Users To Local StorageВидеоShow User SuggestionsВидеоSuggestions Dropdown ComponentВидеоAPI Token & Important Security InformationВидеоCheck If User Is FollowingВидеоMutations – Follow UserВидеоMutations – Unfollow UserВидеоToast NotificationsВидеоFetching and Mutating API Data with TanStack Query in ReactDIALOGUETanStack Query – GitHub Finder Project - AssessmentЗадание
04TanStack Router – IdeaDrop Project23 материалов

TanStack Router – IdeaDrop Project

Section & Project IntroВидеоIntro To TanStack RouterВидеоProject SetupВидеоCreating RoutesВидеоHead & MetaВидеоMock REST APIВидеоFetch Data With TanStack Router LoadersВидеоVite Proxy & Fix Config ErrorsВидеоTanStack Query & QueryClient SetupВидеоUse TanStack Query To Fetch IdeaВидеоInstall & Use AxiosВидеоFetch & Display IdeasВидеоHeader & Main LayoutВидеоNot Found PageВидеоHomepage ChallengeВидеоIdeaCard ComponentВидеоCreate Idea FormВидеоCreate Idea MutationВидеоDelete IdeasВидеоIdea Edit FormВидеоUpdate Idea MutationВидеоBuilding CRUD Functionality with Tanstack Router and Query in ReactDIALOGUETanStack Router – IdeaDrop Project - AssessmentЗадание
05MERN Stack – Backend Express API & MongoDB Database17 материалов

MERN Stack – Backend Express API & MongoDB Database

Section IntroВидеоWhat Is The MERN Stack?ВидеоMonorepo vs Separate ReposВидеоBasic Express Server SetupВидеоCreating Server EndpointsВидеоRoute FilesВидеоCustom Error HandlerВидеоMongoDB Atlas Setup (Cloud Database)ВидеоMongoDB Compass Setup & Data ImportВидеоConnect To Database Using MongooseВидеоModel & Fetch IdeasВидеоCreate New IdeaВидеоDelete & Update IdeasВидеоIntegrating The Frontend & BackendВидеоLimit & Sort At API LevelВидеоBuilding and Exploring Express/MERN API CRUD EndpointsDIALOGUEMERN Stack – Backend Express API & MongoDB Database - AssessmentЗадание
06API Authentication With JWT & Refresh Tokens12 материалов

API Authentication With JWT & Refresh Tokens

What Are JWTs?ВидеоAccess & Refresh Token Strategy ExplainedВидеоUser Model & Password HashingВидеоUser Register EndpointВидеоGenerate Access & Refresh TokensВидеоLogout Endpoint & Clear CookieВидеоLogin EndpointВидеоUse Refresh TokenВидеоProtecting RoutesВидеоUser Authorization & Access ControlВидеоUnderstanding and Implementing JWT Authentication with Access and Refresh TokensDIALOGUEAPI Authentication With JWT & Refresh Tokens - AssessmentЗадание
07Full Stack Authentication13 материалов

Full Stack Authentication

Full Stack Auth Flow ExplainedВидеоAuth Pages & LayoutВидеоAuth ContextВидеоRegister UserВидеоLogin UserВидеоConditional Nav LinksВидеоLogout UserВидеоRefresh Token On Page RefreshВидеоSend Token With Request Using Axios InterceptorВидеоRefresh Token When It ExpiresВидеоHide ControlsВидеоIntegrating React Frontend with API AuthenticationDIALOGUEFull Stack Authentication - AssessmentЗадание
08MERN App Deployment7 материалов

MERN App Deployment

Prepare For DeploymentВидеоBackend API DeploymentВидеоFrontend DeploymentВидеоConclusion to the Course 'Advanced React and Full Stack Development'ЧтениеMERN App Deployment - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание