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

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

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

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

React Beginner Projects 2026 – Build Developer Portfolio

Курс от Packt
Начальный≈ 11.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 course, you'll gain hands-on experience building a React-based developer portfolio. You’ll start by learning the essentials of React, including Hooks for managing state and logic, and then move on to creating basic components such as login pages and top navigation bars. You'll explore more advanced topics like creating dynamic content feeds, paginating data, and managing complex state with use Reducer and the Context API. You'll also dive into essential developer tools like Prettier for consistent code formatting and learn to apply best practices for organizing scalable React applications. This course is perfect for beginners looking to break into front-end development. By the end of the course, you will be able to build scalable React applications, manage user authentication, and showcase your work with a professional portfolio.

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

React.jsUI ComponentsAuthenticationsJavascriptApplication Programming Interface (API)Front-End Web DevelopmentContext ManagementSoftware Development ToolsScalabilityUser Interface (UI)Web Development Tools

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

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

01Getting Started7 материалов

Getting Started

IntroductionВидеоFull Course ResourcesЧтениеWhy Hooks?ВидеоProject ArchitectureВидео

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

Packt - Course Instructors

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

React Beginner Projects 2026 – Build Developer Portfolio
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 11.9 ч

7 модулей

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

Субтитры: Арабский, Французский, Итальянский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Bootstrapping ProjectВидео
PrettierВидео
Setting Up Local APIВидео
02Creating Basic Components7 материалов

Creating Basic Components

Installing RouterВидеоAdding TopbarВидеоRendering Login PageВидеоuseState HookВидеоuseState Hook for Login PageВидеоRouting and State Management in React with React Router and HooksDIALOGUECreating Basic Components - AssessmentЗадание
03Introducing use Effect & Improving Authentication15 материалов

Introducing useEffect & Improving Authentication

useRefВидеоuseEffectВидеоMaking Fetch Inside EffectВидеоuseFetch HookВидеоCreating useFetch HookВидеоRegister PageВидеоSaving User TokenВидеоLocalStorage Custom HookВидеоExhaustive DepsВидеоCurrent User ContextВидеоValidation ErrorsВидеоFetching Current UserВидеоuseCallback HookВидеоMastering React Hooks: useRef, useContext, useEffect, and Custom HooksDIALOGUEIntroducing use Effect & Improving Authentication - AssessmentЗадание
04Creating Feed9 материалов

Creating Feed

Improving TopbarВидеоCreating FeedВидеоImplementing PaginationВидеоAdding Popular TagsВидеоFeed TogglerВидеоImplementing Tag FeedВидеоImplementing Your FeedВидеоDesigning React Components for Dynamic Feeds and Conditional UIDIALOGUECreating Feed - AssessmentЗадание
05Implementing Article Pages8 материалов

Implementing Article Pages

Article PageВидеоuseReducerВидеоArticle FormВидеоCreate ArticleВидеоEdit ArticleВидеоDelete ArticleВидеоSingle Article, Create, and Edit Pages in React: Component Composition & State ManagementDIALOGUEImplementing Article Pages - AssesmentЗадание
06Adding User Pages7 материалов

Adding User Pages

Settings PageВидеоAdd to FavoritesВидеоUser Profile PageВидеоImplementing User ArticlesВидеоuseEffect CallbackВидеоBuilding User Settings and Interactive Profile Features in ReactDIALOGUEAdding User Pages - AssessmentЗадание
07Next Steps3 материалов

Next Steps

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