Explore

Multiplatform Mobile App Development with React Native

Approx. 36 hours to complete

Save Course

Go to Course

Course Summary

React Native is a popular JavaScript framework for building mobile apps. This course teaches you how to use the framework to create cross-platform apps for iOS and Android devices.

Key Learning Points

Learn to build mobile apps with React Native
Understand cross-platform development for iOS and Android
Get hands-on experience with real-world projects

Job Positions & Salaries of people who have taken this course might have

- USA: $75,000 - $125,000
- India: ₹5,00,000 - ₹15,00,000
- Spain: €30,000 - €45,000
- USA: $75,000 - $125,000
- India: ₹5,00,000 - ₹15,00,000
- Spain: €30,000 - €45,000
- USA: $60,000 - $120,000
- India: ₹3,00,000 - ₹12,00,000
- Spain: €20,000 - €35,000
- USA: $75,000 - $125,000
- India: ₹5,00,000 - ₹15,00,000
- Spain: €30,000 - €45,000
- USA: $60,000 - $120,000
- India: ₹3,00,000 - ₹12,00,000
- Spain: €20,000 - €35,000
- USA: $80,000 - $150,000
- India: ₹6,00,000 - ₹18,00,000
- Spain: €35,000 - €55,000

Learning Outcomes

Build cross-platform mobile apps with React Native
Implement user interfaces and navigation in React Native
Use third-party libraries and APIs in React Native projects

Prerequisites or good to have knowledge before taking this course

Basic knowledge of JavaScript and React
Familiarity with mobile app development is helpful but not required

Course Difficulty Level

Intermediate

Course Format

Online self-paced
Video lectures
Hands-on projects
Quizzes and assessments

Similar Courses

React Native - The Practical Guide
React Native and Redux Course using hooks
React Native: Advanced Concepts

Related Education Paths

Notable People in This Field

Spencer Carli
William Candillon

Related Books

Description

This course focuses on developing truly cross-platform, native iOS and Android apps using React Native (Ver 0.55) and the Expo SDK (Ver. 27.0.0). React Native uses modern JavaScript to get truly native UI and performance while sharing skills and code with the web. You will learn about UI development with React Native UI and layout support and access the native mobile platform's capabilities from Javascript using the Expo SDK. You should have already completed the Bootstrap 4 and the React courses in this specialization before proceeding with this course.

Outline

Multiplatform Mobile App Development with React Native: An Introduction
Welcome to Multiplatform Mobile App Development with React Native
How to Use the Learning Resources
What is Full-Stack Web Development?
Exercise (Video): Setting up Git
Exercise (Video): Basic Git Commands
Exercise (Video): Online Git Repositories
Node.js and NPM
Exercise (Video): Setting up Node.js and NPM
Exercise (Video): Basics of Node.js and NPM
Hybrid Mobile App Development
Introduction to React Native
Exercise (Video): Getting Started with React Native
React Native App Overview
React Native Components
Exercise (Video): React Native Components Part 1
Exercise (Video): React Native Components Part 2
React Native Navigation
Exercise (Video): React Native Navigation Part 1
Exercise (Video): React Native Navigation Part 2
Exercise (Video): React Native Navigation Part 3
Assignment 1 Requirements: React Native Components and Navigation
Welcome to Multiplatform Mobile App Development with React Native: Additional Resources
Full Stack Web Development: The Big Picture: Objectives and Outcomes
Full Stack Web Development: Additional Resources
Setting up Your Development Environment: Git and Node: Objectives and Outcomes
Setting up your Development Environment
Exercise (Instructions): Setting up Git
Exercise (Instructions): Basic Git Commands
Exercise (Instructions): Online Git Repositories
Exercise (Instructions): Setting up Node.js and NPM
Exercise (Instructions): Basics of Node.js and NPM
Setting up your Development Environment: Git and Node: Additional Resources
Introduction to React Native: Objectives and Outcomes
Exercise (Instructions): Getting Started with React Native
Introduction to React Native: Additional Resources
React Native Components: Objectives and Outcomes
Exercise (Instructions): React Native Components Part 1
Exercise (Instructions): React Native Components Part 2
React Native Components: Additional Resources
React Native Navigation: Objectives and Outcomes
Exercise (Instructions): React Native Navigation Part 1
Exercise (Instructions): React Native Navigation Part 2
Exercise (Instructions): React Native Navigation Part 3
React Native Navigation: Additional Resources
Assignment 1: React Native Components and Navigation: Additional Resources
Ideation: Objectives and Outcomes
Ideation Report Template
Ideation: Additional Resources

React Native UI Elements and Redux
Icon Fonts and Buttons
Exercise (Video): Buttons and Icons
Exercise (Video): Setting up a Server using json-server
Redux: A Quick Overview
Exercise (Video): Setting up Redux
Exercise (Video): Using Redux in your React Native App
Exercise (Video): Debugging
Exercise (Video): Activity Indicator
Exercise (Video): Redux Adding Favorites
Forms and Modals
Exercise (Video): Forms
Exercise (Video): Modals
Assignment 2 Requirements: React Native UI Elements and Redux
Icon Fonts and Buttons: Objectives and Outcomes
Exercise (Instructions): Buttons and Icons
Icon Fonts and Buttons: Additional Resources
Setting up a Simple Server: Objectives and Outcomes
Exercise (Instructions): Setting up a Server using json-server
Setting up a Simple Server: Additional Resources
Introduction to Redux for React Native: Objectives and Outcomes
Exercise (Instructions): Setting up Redux
Exercise (Instructions): Using Redux in your React Native App
Exercise (Instructio): Debugging
Exercise (Instructions): Activity Indicator
Exercise (Instructions): Redux Adding Favorites
Introduction to Redux for React Native: Additional Resources
Forms and Modals: Objectives and Outcomes
Exercise (Instructions): Forms
Exercise (Instructions): Modals
Forms and Modals: Additional Resources
Assignment 2: React Native UI Elements and Redux: Additional Resources
UI Design and Prototyping: Objectives and Outcomes
UI Design and Prototyping Report Template
UI Design and Prototyping: Additional Resources

React Native Alerts, Animations, Gestures, and Persist Redux Store
Swipe Option Buttons and Alerts
Exercise (Video): Favorites
Exercise (Video): Swipeout and Deleting Favorites
Exercise (Video): Alert
Animations
Exercise (Video): Animations
Exercise (Video): Animatable
Gestures
Exercise (Video): Gestures Part 1
Exercise (Video): Gestures Part 2
Persist Redux Store
Exercise (Video): Persist Redux Store
Assignment 3 Requirements: Alerts, Animations, Gestures, and Persist Redux Store
Swipe Option Buttons and Alerts: Objectives and Outcomes
Exercise (Instructions): Favorites
Exercise (Instructions): Swipeout and Deleting Favorites
Exercise (Instructions): Alert
Swipe Option Buttons and Alerts: Additional Resources
Animations: Objectives and Outcomes
Exercise (Instructions): Animations
Exercise (Instructions): Animatable
Animations: Additional Resources
Gestures: Objectives and Outcomes
Exercise (Instructions): Gestures Part 1
Exercise (Instructions): Gestures Part 2
Gestures: Additional Resources
Persist Redux Store: Objectives and Outcomes
Exercise (Instructions): Persist Redux Store
Persist Redux Store: Additional Resources
Assignment 3: Alerts, Animations, Gestures, and Persist Redux Store

Accessing Native Capabilities of Devices: The Expo SDK
The Expo SDK
Secure Store
Exercise (Video): Secure Store
Local Notifications
Exercise (Video): Local Notifications
Social Sharing
Exercise (Video): Sending Email
Exercise (Video): Social Sharing
Picking an Image
Exercise (Video): Picking an Image
Exercise (Video): Image Manipulator
Network Info
Exercise (Video): Network Info
Assignment 4 Requirements: Accessing Native Capabilities of Devices: The Expo SDK
Exercise (Video): Building Standalone Apps
Exercise (Video): Ejecting for Native Development
Exercise (Video): Ejecting for iOS Native Development
The Expo SDK: Objectives and Outcomes
The Expo SDK: Additional Resources
Secure Store: Objectives and Outcomes
Exercise (Instructions): Secure Store
Secure Store: Additional Resources
Local Notifications: Objectives and Outcomes
Exercise (Instructions): Local Notifications
Local Notifications: Additional Resources
Social Sharing: Objectives and Outcomes
Exercise (Instructions): Sending Email
Exercise (Instructions): Social Sharing
Social Sharing: Additional Resources
Picking an Image: Objectives and Outcomes
Exercise (Instructions): Picking an Image
Exercise (Instructions): Image Manipulator
Picking an Image: Additional Resources
Network Info: Objectives and Outcomes
Exercise (Instructions): Network Info
Network Info: Additional Resources
Assignment 4: Accessing Native Capabilities of Devices: The Expo SDK: Additional Resources
Building and Deployment: Objectives and Outcomes
Exercise (Instructions): Building Standalone Apps
Exercise (Instructions): Ejecting for Native Development
Exercise (Instructions): Ejecting for iOS Native Development
Building and Deployment: Additional Resources
Project Implementation: Objectives and Outcomes
Final Report Template

Summary of User Reviews

Learn React Native and develop mobile apps using JavaScript. This course is highly rated by users who appreciate the practical approach and engaging instructors.

Key Aspect Users Liked About This Course

Many users thought the practical approach of the course was beneficial.

Pros from User Reviews

Engaging and knowledgeable instructors
Practical approach to learning
Good pacing of the course
Hands-on projects and exercises
Up-to-date content

Cons from User Reviews

Some users found the course challenging
Occasional technical difficulties
Not suitable for beginners
Limited support outside of the course
Some users found the course too short

Recommended for you

React Native - The Practical Guide [2021 Edition]

Use React Native and your React knowledge to build native iOS and Android Apps - incl. Push Notifications, Hooks, Redux That's exactly what React Native allows you to do!...

Save Course

Full Stack Web and Hybrid Mobile App Development With React

React, React-Native, Spring Boot, Spring Security, Intellij, MySQL, Liquibase, Multiplatform mobile application In this course, we will develop full stack web and multiplatform(ios, android) application....

Save Course

Socket.IO (with websockets) - the details. (socket io v2)

Socket io. For those who want to learn how to harness real-time communication on the web. With Cluster, redis, & React...

Save Course

Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova

This course focuses on developing multiplatform mobile applications using the Web technologies (HTML5, CSS and Javascript). We make use of the Ionic framework (Ionic Ver 3....

Save Course