Cross Platform Mobile Development with React Native

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Cross Platform Mobile Development with React Native

Ce cours fait partie de Spécialisation Holistic Mobile App Design & Development

Instructeur : Board Infinity

Inclus avec Coursera Plus

3 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

18 heures pour terminer

3 semaines à 6 heures par semaine

Planning flexible

Apprenez à votre propre rythme

3 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

18 heures pour terminer

3 semaines à 6 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

Describe the key principles of cross-platform development and React Native's architecture.
Develop responsive and interactive mobile applications using React Native's components and styling techniques.
Implement efficient state management, data fetching, and local storage techniques in React Native applications.
Evaluate and troubleshoot common issues in app scaffolding, navigation, and performance optimization.

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

décembre 2024

Évaluations

14 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation Holistic Mobile App Design & Development

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.

Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable

Obtenez un certificat professionnel

Ajoutez cette qualification à votre profil LinkedIn ou à votre CV

Partagez-le sur les réseaux sociaux et dans votre évaluation de performance

Il y a 3 modules dans ce cours

Course Description:

Embark on your journey into the world of cross-platform mobile development with React Native. This course is designed to help you build robust, scalable, and user-friendly mobile applications that work seamlessly across platforms. You'll gain an in-depth understanding of React Native's architecture, its powerful development environment, and essential concepts such as navigation, user interaction, and state management. Whether you're new to mobile development or transitioning from native frameworks, this course will equip you with the skills needed to create professional-grade applications. Module Descriptions: Module 1: Introduction to React Native and Mobile Development Lay the foundation for cross-platform development by exploring React Native’s architecture, tools, and development environment. Understand how cross-platform frameworks differ from native development, and scaffold your first React Native app. Module 2: Core Concepts of React Native Deep dive into React Native’s core concepts, including component-based development, styling, and handling user interactions. Learn to build dynamic and responsive UI designs and implement efficient navigation between screens. Module 3: Working with Data in React Native Master data handling in React Native by learning state management, API integration, and local data storage. Discover how to fetch and display data effectively while maintaining performance and user experience. Learning Objectives: By the end of this course, learners will be able to: - Describe the key principles of cross-platform development and React Native's architecture. - Develop responsive and interactive mobile applications using React Native's components and styling techniques. - Implement efficient state management, data fetching, and local storage techniques in React Native applications. - Evaluate and troubleshoot common issues in app scaffolding, navigation, and performance optimization. Target Audience: This course is ideal for: - Beginners who want to start building mobile applications. - Developers transitioning from native app development to cross-platform frameworks. - Software engineers seeking to expand their skill set in mobile app development. - Students and professionals interested in building mobile applications with React Native. Note: This is Course No. 1 of the 3-course specialization series, "Holistic Mobile App Design & Development: Cross-Platform Excellence."

In this module, you’ll explore cross-platform development and learn how React Native enables you to build apps for multiple platforms using a single codebase. You’ll dive into React Native’s architecture, understanding how JavaScript Core and the Bridge connect with native components. You’ll also set up your development environment with tools like Node.js, Android Studio, and Xcode, and create your first React Native app. Finally, you’ll scaffold a project and debug it using emulators and developer tools—equipping you with the skills to kickstart your mobile development journey.

Inclus

12 vidéos5 lectures5 devoirs1 sujet de discussion

12 vidéosTotal 71 minutes

What is Cross-Platform Development?8 minutesPrévisualiser le module
Overview of React Native Framework6 minutes
Differences Between Native and Cross-Platform Development 4 minutes
How React Native Works4 minutes
The Role of JavaScript Core and the Bridge4 minutes
Native Components in React Native2 minutes
Installing Node.js and React Native CLI6 minutes
Setting Up Android Studio and Xcode7 minutes
Creating and Running a Basic React Native App6 minutes
Project Structure of a React Native App6 minutes
Setting Up Android Studio and Xcode7 minutes
Logging in React Native App6 minutes

5 lecturesTotal 130 minutes

Course Syllabus10 minutes
Read More About Cross-Platform Development30 minutes
Read More About Understanding React Native’s Architecture30 minutes
Read More About Setting Up the React Native Environment30 minutes
Read More About Scaffolding Your First App30 minutes

5 devoirsTotal 180 minutes

Practice Quiz: Cross-Platform Development Overview 30 minutes
Practice Quiz: Understanding React Native’s Architecture 30 minutes
Practice Quiz: Setting Up the React Native Environment 30 minutes
Practice Quiz: Scaffolding Your First App 30 minutes
Graded Assignment: React Native and Mobile Development 60 minutes

1 sujet de discussionTotal 10 minutes

Meet and Greet10 minutes

In this module, you’ll learn the essentials of React Native. You’ll explore functional vs class components, use JSX for dynamic UIs, and manage data with props and state. Master styling with Flexbox and StyleSheets to create responsive layouts, and handle user interactions with buttons, inputs, and events. Finally, you’ll implement multi-screen navigation using stack, tab, and drawer navigators—building the foundation for interactive and user-friendly apps.

Inclus

13 vidéos4 lectures5 devoirs

13 vidéosTotal 96 minutes

Functional vs Class Components6 minutesPrévisualiser le module
JSX in React Native6 minutes
Using Props Dynamic UI6 minutes
Managing State in React Native Component5 minutes
React Native Styling Approaches 2 minutes
Inline and External StyleSheets11 minutes
Creating Responsive UI Designs12 minutes
Using Buttons, Inputs, and Touchables7 minutes
Form Handling with TextInput6 minutes
Form Handling with TextInput (Demo) 6 minutes
Introduction to React Navigation4 minutes
Implementing Stack Navigation12 minutes
Using Tab and Drawer Navigation6 minutes

4 lecturesTotal 120 minutes

Read More About React Components in React Native30 minutes
Read More About Styling in React Native30 minutes
Read More About Handling User Interactions30 minutes
Read More About Navigation Between Screens30 minutes

5 devoirsTotal 180 minutes

Practice Quiz: React Components in React Native 30 minutes
Practice Quiz: Styling in React Native 30 minutes
Practice Quiz: Styling in React Native 30 minutes
Practice Quiz: Navigation Between Screens 30 minutes
Graded Qui: Core Concepts of React Native60 minutes

In this module, you’ll learn how to manage state using hooks like useState and useEffect, and handle global state with the Context API. You’ll also explore how to fetch and display data from APIs using Fetch or Axios, and implement lists, pagination, and pull-to-refresh functionality. Next, you’ll dive into local data storage with AsyncStorage and SQLite, enabling offline synchronization for better user experience. Finally, you’ll work with media and file handling by displaying images, playing audio and video, and managing file uploads and downloads—building the skills needed to manage data effectively in React Native apps.

Inclus

9 vidéos3 lectures4 devoirs

9 vidéosTotal 66 minutes

Introduction to Hooks (useState, useEffect)7 minutesPrévisualiser le module
Lifting State Up and Passing State with Props9 minutes
Global State Management with Context API13 minutes
Making API Requests with Fetch and Axios11 minutes
Displaying Data in FlatList and SectionList3 minutes
Pull-to-Refresh and Pagination Techniques9 minutes
Displaying and Handling Images3 minutes
Capturing and Playing Video and Audio5 minutes
File Uploads and Downloads in React Native2 minutes

3 lecturesTotal 90 minutes

Read More About Managing State in React Native30 minutes
Read More About Fetching and Displaying Data30 minutes
Read More About Storing Data Locally30 minutes

4 devoirsTotal 150 minutes

Practice Quiz: Managing State in React Native 30 minutes
Practice Quiz: Fetching and Displaying Data 30 minutes
Practice Quiz: Media and File Handling 30 minutes
Graded Quiz: Working with Data in React Native 60 minutes

Instructeur

Board Infinity

116 Cours195 618 apprenants

Offert par

Board Infinity

Recommandé si vous êtes intéressé(e) par Mobile and Web Development

IBM
Developing Mobile Apps with React Native
Spécialisation
SkillUp EdTech
React Native: Developing Android and iOS Apps
Cours
Board Infinity
Advanced Concepts in React Native Development
Cours
Meta
React Native
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

Basic knowledge of React is helpful but not mandatory. This course covers React Native concepts from scratch, including hooks, state management, and component handling.

You’ll need Node.js, Android Studio, Xcode (for macOS), and a code editor like Visual Studio Code. Detailed setup instructions are provided in the course.

Absolutely! By the end of the course, you’ll be equipped to create fully functional, data-driven apps with features like navigation, offline storage, and media handling.

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.