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

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

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

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

React Native

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

О курсе

React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native. Some of the basics skills you will learn include: • Building a single-page React Native app and styling it using basic components • Building large lists and configuring user inputs within a React Native app • Using the Pressable component to build buttons and other clickable areas • Setting up an app with React Navigation and moving between screens You’ll gain experience with the following tools and software: • React • React Native • Front End development languages (HTML, CSS and JavaScript) • JSX • Code editing programs, such as Expo and Visual Studio Code This course is for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you will need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

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

React NativeCross Platform DevelopmentApplication DevelopmentUI ComponentsMobile DevelopmentReact.jsFront-End Web DevelopmentDevelopment EnvironmentMobile Development ToolsUser Interface (UI)Interactive Design

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

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

01Introduction to React Native48 материалов

Course Introduction

Introduction to the courseВидеоWhat is React Native?ВидеоNative, cross-platform & hybrid developer rolesВидеоMeet a cross-platform developerВидео

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

Taught by Meta Experts

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 38.4 ч

5 модулей

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

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

Часть программы вашего университета
Bridging the Gap: Your React Foundation for Mobile AppsDIALOGUE
Course syllabusЧтение
How to be successful in this courseЧтение
React Native Development Environment OverviewВидео
React Native with ExpoВидео
Additional resourcesЧтение

Introduction to React Native

How is React Native used in the real world?ВидеоReact Native CodeВидеоBenefits of React NativeЧтениеWhat is Expo?ВидеоBuilding React Native apps with ExpoЧтениеKnowledge check: Introduction to React NativeЗаданиеAdditional resourcesЧтение

React Native Components

What are React Native Components?ВидеоBuilding a componentВидеоExploring building a componentЧтениеExercise: Your first React Native componentЧтениеSolution: Your first React Native componentЧтениеSelf review: Your first React Native componentЗаданиеKnowledge check: React Native ComponentsЗаданиеAdditional resourcesЧтение

Views, Text and Scrollable components

What are View and Text Components?ВидеоUsing the View and Text ComponentsВидеоExplore the View and Text ComponentsЧтениеExercise: Build a React Native screenЧтениеSolution: Build a React Native screenЧтениеSelf review: Build a React Native screenЗаданиеWhat is the ScrollView Component?ВидеоUsing the ScrollView ComponentВидеоExplore the ScrollView ComponentЧтениеExercise: Build a scrollable componentЧтениеSolution: Build a scrollable componentЧтениеSelf review: Build a scrollable componentЗаданиеKnowledge check: Views, Text and Scrollable componentsЗаданиеAdditional resourcesЧтение

Styling components

Styling Components using StyleSheetВидеоPractical StylingВидеоStyling using StyleSheetЧтениеExercise: Style a componentЧтениеSolution: Style a componentЧтениеSelf review: Style a componentЗаданиеModule summary: Introduction to React NativeВидеоModule quiz: Introduction to React NativeЗаданиеAdditional resourcesЧтение
02Lists and Text Input in React Native39 материалов

Render large lists with FlatList

Rendering large lists using FlatList componentВидеоUsing the FlatList componentВидеоExplore the FlatList ComponentЧтениеExercise: Render a large list using FlatListЧтениеSolution: Render a large list using FlatListЧтениеSelf Review – Render a large list using FlatListЗаданиеFlatList MethodsВидеоKnowledge check: Render large lists with FlatListЗаданиеAdditional resourcesЧтение

Render Large Lists with SectionList

Render large lists by sections using SectionListВидеоUsing the SectionList componentВидеоExplore the SectionList ComponentЧтениеExercise: Render a large list using SectionListЧтениеSolution: Render a large list using SectionListЧтениеSelf review: Render a large list using SectionListЗадание

Accept user input

What is the TextInput component?ВидеоConfigure the TextInput ComponentВидеоTextInput Component and its FeaturesЧтениеExercise: Create a TextInput ComponentЧтениеSolution: Create a TextInput ComponentЧтениеSelf review: Create a TextInput ComponentЗадание

Working with TextInput components

Common props of TextInput componentЧтениеPassing props to TextInput ComponentВидеоExercise: Create a login pageЧтениеSolution: Create a login pageЧтениеSelf review: Create a login pageЗаданиеUsing TextInput MethodsВидео
03Pressable, Images and Hooks in React Native35 материалов

Pressable Component

What is the Pressable Component?ВидеоUsing Pressable ComponentВидеоExploring PressableЧтениеExercise: Create a clickable text area with PressableЧтениеSolution: Create a clickable text area with PressableЧтениеSelf review: Create a clickable text area with PressableЗаданиеKnowledge check: Pressable ComponentЗаданиеAdditional resourcesЧтение

Images in React Native

Displaying Images in React NativeВидеоUsing Image ComponentВидеоExploring the Image ComponentЧтениеStyling an Image within the appВидеоPassing props to the Image ComponentВидеоExploring props to the Image ComponentЧтение

Hooks in React Native

What are hooks ?ВидеоUsing useColorScheme hookВидеоExploring the useColorScheme hookЧтениеUsing useWindowDimensions hookВидеоExplore the useWindowDimensions hookЧтениеUsing other community hooksВидео
04React Navigation41 материалов

Introduction to React Navigation

What is React Navigation?ВидеоInstallation and Setup of React NavigationЧтениеSetting up React NavigationВидеоUsing the Stack.NavigatorВидеоCreating and Configuring Native Stack NavigatorЧтениеApproaches to Passing Props to ScreenВидеоPassing props to ScreenЧтениеExercise: Set up RoutesЧтениеSolution: Set up RoutesЧтениеSelf review: Set up RoutesЗаданиеKnowledge check: Introduction to React NavigationЗаданиеAdditional resourcesЧтение

Moving between screens

Moving to a New ScreenВидеоMoving Between ScreensВидеоNavigating to a ScreenЧтениеGoing Back to Previous ScreenВидеоConfiguring a Header BarВидеоExercise: Moving between screensЧтениеSolution: Moving between screens

Tab Navigation

What is Tab Navigation?ВидеоTab Navigation ExampleВидеоCustomizing your tab navigatorВидеоExploring Tab NavigationЧтениеExercise: Configure Tab NavigationЧтениеSolution: Configure Tab NavigationЧтениеSelf review: Configure Tab Navigation

Drawer Navigation

What is Drawer Navigation?ВидеоDrawer Navigation ExampleВидеоExploring Drawer NavigationЧтениеExercise: Configure Drawer NavigationЧтениеSolution: Configure Drawer NavigationЧтениеSelf review: Configure Drawer NavigationЗадание
05Final project assessment10 материалов

Final project assessment

Course Recap: React NativeВидеоAbout the final project assessmentЧтениеExercise: Little Lemon newsletter sign-upЧтениеSolution code: Little Lemon newsletter sign-upЧтениеPeer review: Little Lemon newsletter sign-upВзаимная проверкаSolution walk-through: Little Lemon newsletter sign-upВидеоFinal course quiz: React NativeЗадание

Course wrap up

Congratulations, you have completed React Native!ВидеоWhat challenges did you encounter when creating your app?ОбсуждениеNext stepsЧтение
Knowledge check: Render large lists with SectionListЗадание
Additional resourcesЧтение
Virtual Keyboard on Mobile AppsВидео
Tips and Tricks to handle the virtual keyboardЧтение
Handling the Virtual KeyboardВидео
Knowledge check: Accept user inputЗадание
Additional resourcesЧтение
TextInput MethodsЧтение
Knowledge check: Props and methods in TextInputЗадание
Module summary: Lists and Text Input in React NativeВидео
Module quiz: Lists and Text Input in React NativeЗадание
Additional resourcesЧтение
Setting Background ImagesВидео
Exercise: Displaying Images in your appЧтение
Solution: Displaying Images in your appЧтение
Self review: Displaying Images in your appЗадание
Share your app with imagesОбсуждение
Knowledge check: Images in React NativeЗадание
Additional resourcesЧтение
Exploring other community hooksЧтение
Exercise: Hooks in React NativeЧтение
Solution: Hooks in React NativeЧтение
Self review: Hooks in React NativeЗадание
Knowledge check: Hooks in React NativeЗадание
Module summary: Pressable, Images and Hooks in React NativeВидео
Module quiz: Pressable, Images and Hooks in React NativeЗадание
Additional resourcesЧтение
Чтение
Self review: Moving between screensЗадание
Knowledge check: Moving between screensЗадание
Additional resourcesЧтение
Задание
Knowledge check: Tab NavigationЗадание
Additional resourcesЧтение
Knowledge check: Drawer NavigationЗадание
Module summary: React NavigationВидео
Module quiz: React NavigationЗадание
Additional resourcesЧтение