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

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

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

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

React Fundamentals and Modern Development Setup

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

О курсе

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 React Fundamentals course is designed to guide you through the essential concepts, tools, and technologies needed to become proficient in React. You'll start with an introduction to React and gradually dive deeper into the core philosophies, modern development environments, and advanced React concepts. Throughout the course, you'll explore practical use cases for React, learning to build scalable applications with performance and reusability in mind. As you progress, you'll set up a development environment using tools like Node.js and npm, and configure Visual Studio Code to optimize your development workflow. The course walks you through the fundamental React concepts, including components, props, state management, and event handling, ensuring you build a strong foundation. You'll also learn modern styling techniques with CSS-in-JS libraries like Styled Components and Tailwind CSS, which will help you design responsive, mobile-first applications. This course is ideal for developers interested in mastering React, whether you're starting from scratch or refining your skills. It is suitable for those familiar with HTML, CSS, and JavaScript. With its beginner-friendly yet comprehensive approach, it strikes the right balance for both newcomers and experienced developers. By the end of the course, you will be able to build scalable React applications, implement component-driven designs, use modern JavaScript features like hooks, and apply responsive design principles to create user-friendly applications.

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

Responsive Web DesignCascading Style Sheets (CSS)React.jsDevelopment EnvironmentWeb Analytics and SEOWeb Development ToolsEvent-Driven ProgrammingMaintainabilityUI ComponentsJavaScript FrameworksFront-End Web DevelopmentFrontend PerformanceHTML and CSSSoftware Development ToolsWeb Design and DevelopmentCode ReusabilitySoftware Design

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

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

01Introduction3 материалов

Introduction

React JS Course TrailerВидеоIntroduction to the course 'React Fundamentals and Modern Development Setup'ЧтениеFull Course ResourcesЧтение
02Foundations of React and Modern Development Setup18 материалов

Foundations of React and Modern Development Setup

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

Packt - Course Instructors

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

React Fundamentals and Modern Development Setup
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 8.6 ч

4 модулей

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

Часть программы вашего университета
What Is React?Видео
Core Philosophies of ReactВидео
Benefits – Performance, Reusability, Strong Community, SEO (with SSR/SSG)Видео
Use Cases – SPAs, PWAs, Mobile Apps (with React Native), Desktop AppsВидео
The Virtual DOM – How It Works, Its AdvantagesВидео
Reconciliation Algorithm – Detailed Explanation of the Diffing ProcessВидео
React Fiber ArchitectureВидео
Set Up Modern Development EnvironmentВидео
VS Code and ExtensionsВидео
Browser Developer ToolsВидео
Choosing Your Project StarterВидео
Standard Vite/Next.js Project StructureВидео
Feature-First/Domain-DrivenВидео
Atomic DesignВидео
Layered ArchitectureВидео
Running Your First React ProjectВидео
Foundations of React: Tools, Structure, and Core PrinciplesDIALOGUE
Foundations of React and Modern Development Setup - AssessmentЗадание
03React Fundamentals and Core Concepts23 материалов

React Fundamentals and Core Concepts

Syntax, Embedding Expressions, Attributes, ChildrenВидеоDifferences from HTMLВидеоBest Practices for Writing Clean JSXВидеоComponents – Functional and ClassВидеоFunctional ComponentsВидеоClass ComponentsВидеоFunctional vs Class ComponentВидеоUnderstanding PropsВидеоAccessing PropsВидеоProp TypesВидеоUser Card Best PracticesВидеоIntroduction to Prop DrillingВидеоSolution – Component CompositionВидеоSolution – Context APIВидеоSummary – Best PracticesВидеоIntroduction to the useStateВидеоHandling User EventsВидеоCounter Best PracticesВидеоConditional Rendering – TernariesВидеоLists in ReactВидеоKeys, Reconciliation, and SummaryВидеоJSX and Props Fundamentals in ReactDIALOGUEReact Fundamentals and Core Concepts - AssessmentЗадание
04Styling in React Applications21 материалов

Styling in React Applications

Inline Styles – Use Cases and LimitationsВидеоCSS Stylesheets – Global CSS and Importing CSSВидеоCSS Modules – Local Scope and Benefits for Larger ProjectsВидеоStyled Components – Part 1ВидеоStyled Components – Part 2ВидеоDynamic StylingВидеоTheming SupportВидеоEmotion LibraryВидеоPros and Cons of CSS-in-JSВидеоIntroducing TailwindВидеоSetting Up Tailwind CSS in a React Project (Vite)ВидеоCore Concepts and Theming with tailwind.config.jsВидеоResponsive Design ExamplesВидеоMobile-First Best PracticesВидеоResponsive User Card ExplanationВидеоResponsive User Card PracticalВидеоConclusion to the Course 'React Fundamentals and Modern Development Setup'ЧтениеStyling React Applications: Approaches and Best PracticesDIALOGUEStyling in React Applications - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание