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

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

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

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

React Native Fundamentals & UI Design

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

О курсе

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 course will guide you through the essentials of building mobile applications with React Native, including creating stunning UI designs, understanding core components, and integrating APIs. You will develop the skills to design functional, visually appealing applications that work across both iOS and Android platforms. With a combination of practical coding exercises and UI design techniques, you will be well-prepared to build your own apps with React Native. The course begins with an introduction to React Native, the prerequisites for success, and setting up your development environment, including Expo Snack. As you move through the course, you'll gain hands-on experience with React Native's UI components, such as SafeAreaView, Text, and Buttons. You'll dive into more advanced topics like building responsive UIs using Flexbox, animations, and integrating APIs to fetch data. You'll also explore using Redux for state management, ensuring a smooth and consistent app experience. Your journey will take you through designing custom UI components like headers, buttons, and user avatars, building effective navigation systems, and handling user interactions. You’ll also learn to manage real-world app data with the help of APIs, Axios, and Redux. You’ll tackle real-world development challenges, making your apps truly functional. By the end of the course, you will have built a fully functional React Native app that incorporates all the features you’ve learned. This course is perfect for anyone interested in mobile development, UI design, and building applications using React Native. Whether you are a beginner or someone familiar with programming, this course will help you enhance your skills and prepare you for the app development industry. By the end of the course, you will be able to design responsive UIs, build applications with React Native, integrate APIs, manage global state with Redux, and navigate through apps with ease. You will also gain expertise in debugging and optimizing apps for better performance.

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

React NativeUser Interface (UI) DesignReact ReduxResponsive Web DesignAnimationsUI ComponentsUser Interface (UI)Figma (Design Software)Application Programming Interface (API)Mobile DevelopmentUser Interface and User Experience (UI/UX) DesignDebuggingReact.jsCross Platform DevelopmentDevelopment EnvironmentMobile Development ToolsApplication Design

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

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

01React Native | Getting Started12 материалов

React Native | Getting Started

Introduction to SpecializationВидеоIntroduction to the Course 'React Native Fundamentals & UI Design'ЧтениеFull Specialization ResourceЧтениеCourse PrerequisitesВидео

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

Packt - Course Instructors

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

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 13 ч

6 модулей

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

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

Часть программы вашего университета
What Is React NativeВидео
Introduction to Expo SnackВидео
Set Up EnvironmentВидео
Create Your First AppВидео
iOS Simulator (MacOS)Видео
Run App on Real DeviceВидео
Android Emulator (MacOS)Видео
Setup Environment WindowsВидео
02UI & Core Components25 материалов

UI & Core Components

Explain Init CodeВидеоSafeAreaViewВидеоTextВидеоStyleSheetВидеоImagesВидеоButtons & Pressable & TouchableВидеоScrollViewВидеоPlatformВидеоLoadersВидеоViewsВидеоMargin & PaddingВидеоFlexВидеоflex-directionВидеоflexWrapВидеоPositionsВидеоDimensionsВидеоResponsive UIВидеоuseState HookВидеоModalВидеоExpo IconsВидеоImageBackgroundВидеоTextInputВидеоCreate React ComponentВидеоBuilding Responsive Layouts with React Native ComponentsDIALOGUEUI & Core Components - AssessmentЗадание
03UI Mastering Practice24 материалов

UI Mastering Practice

UI Mastering IntroductionВидеоFigma DesignВидеоPNG vs SVGВидеоIntro ScreenВидеоUser AvatarВидеоHeader ComponentВидеоSocial SectionВидеоSocial ContainerВидеоFinish Contact Us ScreenВидеоHome Screen HeaderВидеоTop TabsВидеоCard Component with Dark OverlayВидеоFlatList with 2 RowsВидеоFlatList with PropsВидеоPayment Screen HeaderВидеоPayment MethodВидеоPayment Method SelectedВидеоPayment ListВидеоBank Card BoxВидеоAdd ButtonВидеоAdding AnimationsВидеоTask TimeВидеоBuilding Dynamic UI Components from Figma Designs in React NativeDIALOGUEUI Mastering Practice - AssessmentЗадание
04Navigation & Bottom Tabs7 материалов

Navigation & Bottom Tabs

Builds ScreensВидеоStack NavigationВидеоRecap & Screen OptionsВидеоuseRouteВидеоBottomTabsВидеоNavigating Screens and Tabs in React NativeDIALOGUENavigation & Bottom Tabs - AssessmentЗадание
05Working with APIs23 материалов

Working with APIs

Create New AppВидеоCreate Custom API (Mock API)ВидеоAxiosВидеоGet Request & FlatListВидеоGet By Id RequestВидеоTry CatchВидеоDelete RequestВидеоPost RequestВидеоPut RequestВидеоRefactor and Create Home Screen for New ProjectВидеоBook CardВидеоPropsВидеоAPIs FunctionsВидеоRender Data in FlatListВидеоDelete BookВидеоAdd Button UI & ModalВидеоCustomTextInputВидеоSave ButtonВидеоCreate BookВидеоEdit BookВидеоBug FixВидеоBuilding and Structuring a React Native Bookstore AppDIALOGUEWorking with APIs - AssessmentЗадание
06Redux & Redux Toolkit16 материалов

Redux & Redux Toolkit

Redux is not that hardВидеоWhy Redux is UsefulВидеоReducer ExplainedВидеоCreate Store and Get Data From Global StateВидеоActions & useDispatchВидеоPayloadВидеоCombine ReducersВидеоRootStateВидеоRecap Redux & TaskВидеоRedux Toolkit StoreВидеоRedux Toolkit Reducer & ActionsВидеоUnderstanding Redux: Store, Actions, and ReducersDIALOGUEConclusion to the Course 'React Native Fundamentals & UI Design'ЧтениеRedux & Redux Toolkit 0 - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание