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

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

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

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

Frontend Development using React

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

О курсе

This react js course gives you the complete frontend development skills that React developer roles demand - covering HTML, CSS, JavaScript, React components, hooks, Redux, and API integration. Start with HTML and CSS: build structured web pages using semantic HTML, forms, tables, and media - then style with CSS Grid, navigation bars, dropdowns, and responsive design. Next, master JavaScript: variables, arrays, DOM manipulation, event listeners, fetch API, and exception handling. Then dive into React JS: set up create-react-app, work with JSX, function components, props, useState, useEffect for API calls, useContext, and React Redux with useSelector and useDispatch - finishing with a capstone React application. By the End, You Will: - Build responsive web pages using HTML5, CSS Grid, and modern UI design principles - Create interactive JavaScript apps with DOM manipulation, AJAX, and real-time event handling - Develop React JS apps with components, hooks, Context API, and Redux state management - Apply complete react course skills in a portfolio-ready capstone React web application Ideal For: Beginners learning React JS; JavaScript developers adding React; CS students pursuing react js certification; anyone targeting react front end developer or full stack roles on Coursera. Enroll now and build the React JS skills that top frontend employers hire for. Disclaimer: This course is an independent educational resource developed by Board Infinity and is not affiliated with, endorsed by, sponsored by, or officially associated with Microsoft Corporation, Meta, or any of their subsidiaries or affiliates. This course is not official preparation material for any of these companies. All trademarks, service marks, company names, logos, and brand names mentioned are the property of their respective owners and are used for identification, educational, and informational purposes only. No claim is made to exclusive rights to use any third-party trademarks apart from their context in this educational material.

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

React.jsJavascriptHypertext Markup Language (HTML)Cascading Style Sheets (CSS)UI ComponentsWeb Design and DevelopmentJavaScript FrameworksWeb Development ToolsHTML and CSSUser Interface (UI)Web ApplicationsDevelopment EnvironmentReact ReduxWeb DevelopmentFront-End Web Development

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

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

01Introduction to HTML & CSS61 материалов

Introduction to the course

Meet Your InstructorВидео

Introduction to HTML

What you will learn in this LessonВидеоIntroduction to Web DevelopmentВидеоWhat is HTML?ВидеоHTML Tag

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

Board Infinity

Instructor

Frontend Development using React
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 23.1 ч

3 модулей

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

Субтитры: Арабский, Французский, Бенгальский, Итальянский, Бразильский португальский, Корейский, Немецкий, Пушту, Урду, Индонезийский, Азербайджанский, Испанский, Дари, Венгерский

Часть программы вашего университета
Видео
Formatting HTML TagВидео
Forms and Input TagВидео
IFrame TagВидео
Images TagВидео
Audio TagВидео
Video TagВидео
Read more about HTML and Various TagsЧтение
List TagВидео
Table TagВидео
Semantic and Non- Semantic TagsВидео
Getting to Know React: What Makes It Special?DIALOGUE
Introduction to HTML- Practice QuizЗадание
What Makes a Frontend Feel “Well Built”?Обсуждение

CSS Basics

What you will learn in this LessonВидеоWhat is CSS?ВидеоCSS SyntaxВидеоCSS Simple SelectorВидеоCSS combinator selectors - Part 1ВидеоCSS combinator selectors - Part 2ВидеоCSS Basics- Practice QuizЗаданиеIntroduction to HTML & CSSDIALOGUE

CSS Pseudo-class selectors

What you will learn in this LessonВидеоPseudo-class selectors - Part 1ВидеоPseudo-class selectors - Part 2ВидеоPseudo Elements SelectorsВидеоAttribute SelectorsВидеоCSS Fonts propertyВидеоCSS PositionsВидеоCSS FloatВидеоCSS DisplayВидеоCSS UnitsВидеоRead more about Pseudo ClassЧтениеCSS Pseudo class selectors- Practice QuizЗадание

CSS Design

What you will learn in this LessonВидеоCSS ColorsВидеоCSS Background ColorsВидеоCSS Box ModelВидеоCSS Box-SizingВидеоCSS Style TableВидеоCSS IconВидеоCSS Display Grid - Part 1ВидеоCSS Display Grid - Part 2ВидеоCSS Navigation BarВидеоCSS DropdownsВидеоCSS Image Gallery and SpritesВидеоCSS Styling Images & Image ReflectionsВидеоCSS FormsВидеоCSS Text EffectsВидеоCSS Object Fit & PositionВидеоFurther Reads on CSS DesignЧтениеCSS Design- Practice QuizЗаданиеHTML & CSS Graded QuizЗаданиеTell us what you think!ЧтениеThinking in React: From Components to StructureDIALOGUEUngraded Lab : Building and Styling a Web Page with HTML and CSSЛабораторнаяQuick Course Check-InPLUGIN
02Introduction to JavaScript Programming36 материалов

Getting Started with JavaScript

What you will learn in this LessonВидеоIntroduction to JavaScriptВидеоSetting up your development environmentВидеоWriting your first JavaScript programВидеоLearn More about JavascriptЧтениеJavaScript Practice quizЗадание

Variables, Data Types, and Operators

What you will learn in this LessonВидеоUnderstanding variablesВидеоUnderstanding data typesВидеоUsing arithmetic and comparison operatorsВидеоArrays in JavascriptВидеоWorking with stringsВидеоWorking with string manipulationВидеоConditional statements (if/else, switch)ВидеоLooping structures (for, while)ВидеоFunctions and scopeВидеоRead More about Javascript componentsЧтениеVariables, Data Types, and Operators - Practice QuizЗадание

Manipulating the DOM

What you will learn in this LessonВидеоUnderstanding the Document Object Model (DOM)ВидеоAccessing DOM elements with JavaScriptВидеоManipulating DOM elements with JavaScriptВидеоModifying styles and attributes with JavaScriptВидеоLearn more about DOMЧтение

Advanced DOM Manipulation

What you will learn in this LessonВидеоCreating and removing DOM elements with JavaScriptВидеоUsing AJAX to load content dynamicallyВидеоHandling errors and exceptionsВидеоFurther Readings on DOM & AjaxЧтениеAdvanced DOM Manipulation practice quizЗадание
03React for Frontend development26 материалов

React Basics

What you will learn in this LessonВидеоIntroduction to ReactВидеоVirtual DOM in react.jsВидеоSetting up React.jsВидеоRead More about ReactЧтениеReact Basics - Practice QuizЗаданиеBefore Module 3: How Do You Feel About React?Обсуждение

Intermediate React concepts

What you will learn in this LessonВидеоReact Directory structureВидеоJSX in React JSВидеоReact ComponentsВидеоReact PropsВидеоReact StatesВидеоFurther Reads on React

React Hooks & Redux

What you will learn in this LessonВидеоReact useEffect HookВидеоMaking API Calls with useEffect HookВидеоuseContext HookВидеоReact ReduxВидеоApplication of React ReduxВидеоLearn more about Hooks and Redux
Understanding events and event listenersВидео
Responding to user input (clicks, key presses)Видео
Creating interactive user interfaces with eventsВидео
DOM - Practice QuizЗадание
Javascript & DOM - Graded QuizЗадание
Ungraded Lab : Manipulating Web Pages with JavaScriptЛабораторная
Чтение
React Intermediate - Practice QuizЗадание
Чтение
Provide your feedback!Чтение
React Hooks & Redux practice quizЗадание
React - Graded QuizЗадание
Final Assignment - Build a Responsive Web Application using ReactЗадание