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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
React JS Portfolio Builder 2026 - Hands-On Beginner Workshop · LearnSpace
Назад в каталог
courseraПрограммирование

React JS Portfolio Builder 2026 - Hands-On Beginner Workshop

Курс от Packt
Начальный≈ 6.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. In this comprehensive workshop, you will build a real-world React project from the ground up. By the end of the course, you’ll have developed a complete portfolio application showcasing your React skills. You will learn how to set up your development environment, build reusable components, manage state effectively, and implement dynamic features. As you progress, you'll tackle complex topics like global state management and integrating APIs, all while developing a functional, interactive application. The course is structured to guide you step-by-step through every aspect of building a React project. You will begin with the basics, such as setting up your tools and generating a new React project, before diving into creating components and learning how React’s state management works. From there, you’ll implement essential application features like dynamic rendering, navigation, and result pages. The course also introduces API integration, giving you hands-on experience working with real-world data. Whether you’re looking to become proficient in React or build your portfolio with practical projects, this course has something for you. It’s ideal for beginners eager to learn React and gain hands-on experience. No prior React knowledge is required, though basic understanding of JavaScript and HTML will be beneficial. By the end of the course, you will be able to build fully functional React applications, manage state with React hooks, integrate external APIs, and deploy your projects to production environments.

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

React.jsUI ComponentsCode ReusabilityUser Interface (UI)Production ManagementWeb ApplicationsWeb Development ToolsContext ManagementDevelopment EnvironmentJavascriptApplication DeploymentJavaScript FrameworksFrontend IntegrationApplication Programming Interface (API)

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

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

01Preparing Tools5 материалов

Preparing Tools

IntroductionВидеоFull Course ResourceЧтениеWhat We Will Implement?ВидеоGenerating React ProjectВидео

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

Packt - Course Instructors

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

React JS Portfolio Builder 2026 - Hands-On Beginner Workshop
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 6.2 ч

7 модулей

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

Часть программы вашего университета
I Prepared Some FilesВидео
02Creating Our First Components5 материалов

Creating Our First Components

Creating React ComponentsВидеоRendering React Components MarkupВидеоReact Strict ModeВидеоBuilding and Rendering Basic React ComponentsDIALOGUECreating Our First Components - AssessmentЗадание
03State Management5 материалов

State Management

useState HookВидеоuseReducer HookВидеоGlobal State in ReactВидеоState Management in React: useState, useReducer, and ContextDIALOGUEState Management - AssessmentЗадание
04Adding Functionality7 материалов

Adding Functionality

Rendering QuestionsВидеоNext ButtonВидеоResult PageВидеоRendering AnswersВидеоHighlighting AnswersВидеоState Management and Answer Rendering in a React Quiz AppDIALOGUEAdding Functionality - AssessmentЗадание
05Working with Real API4 материалов

Working with Real API

Making Async Questions with Trivia APIВидеоHandling API ErrorsВидеоFetching and Handling API Data in a React Quiz AppDIALOGUEWorking with Real API - AssessmentЗадание
06Deployment5 материалов

Deployment

Renting a Production Server to Deploy ReactВидеоConfiguring Production Server to Deploy ReactВидеоUploading React to ProductionВидеоDeploying a React App with Nginx on a Cloud ServerDIALOGUEDeployment - AssessmentЗадание
07What's Next?3 материалов

What's Next?

HomeworkВидеоFull Course Practice Assessment ЗаданиеFull Course AssessmentЗадание