Mastering React Native : Build Native Mobile Apps

Reviews Download Curriculum
The Mastering React Mobile Apps Development course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to create cross platform native mobile apps for iOS and Android using React Native, and JavaScript. In this course, you will learn how to develop truly native UI and performance mobile app; while reusing the skills and the code from your web projects. Here, you will learn how to use React Native for creating widgets, data listing, spinners etc. and creating mobile apps using mobile camera, audio, video and database and finally publish it on Google Store, Apple Store.
Course Preview

Upcoming Batches

Class will start with one hour of orientation session, covering the learning path and objective of the program. You will have the flexibility to select batch as per your schedule and time preference.

Course Description Curriculum

  • Learning Path
  • Course Curriculum
  • Assessment
  • Project (Hands-On)
  • F&Q's

In this course, you will learn each and every topic with the help of hands-on labs. This program includes a hands-on live project with the implementation of recommended design patterns and practices. The learning path for this program is given below:


React Native Learning Path

Course objective

At the completion of this course, attendees will be able to;

  1. Develop a complete mobile app using HTML5, CSS3 and JavaScript.
  2. Explore React Native basic and advanced features.
  3. Understand Android, iOS fundamentals
  4. Build UI with React Native Elements
  5. Store and retrieve data from a variety of sources like file system, SQLite database and RESTful services
  6. Write platform specific code for Android and iOS to access native features
  7. Test and deploy the app to emulators, simulators, and real devices
  8. Exploring React Native components, gestures, and tools for building highly interactive mobile apps.
  9. Build and run mobile apps on Android & iOS platforms.
  10. How to access mobile native features like camera, contacts, calendar etc. using React Native.
  11. Publishing mobile app on Google Store, Apple Store.

Who can do this course?

All professionals who are keen to develop cross-platform native mobile apps for Android and iOS should go for this course.

Pre-requisites

Anyone who wants to learn React Native mobile apps development should have knowledge of React.js.

Tools/SDK/IDE

Visual Studio Code, Android SDK and iOS SDK

React and Mobile Platform Basics

React and Mobile Platform Basics

React and Mobile Platform Basics

Introduction to React

  1. Introduction to React
  2. Hybrid Framework vs. Native Framework
  3. React Native Development IDE – Visual Studio Code
  4. Why React and React Native?
  5. React Advantages

Android fundamentals

  1. Activities
  2. Views
  3. Layouts
  4. Resources
  5. Manifest

Android Activity

  1. Activity Life Cycle
  2. Activity Life Cycle Events
  3. Activity States

Running, Deployment, Testing

  1. Deploying app to Emulator and Devices
  2. Debugging in Emulator
  3. Debugging in Device
  4. Android Debug Log
  5. Testing app in different emulator

iOS fundamentals

  1. Storyboard
  2. Segues
  3. Views
  4. View Controllers
  5. Layouts
  6. Resources

iOS Life Cycle

  1. iOS Life Cycle
  2. iOS Life Cycle States

Running, Deployment, Testing

  1. Deploying the app to Simulator and Devices
  2. Debugging in Simulator
  3. Debugging in Device
  4. Testing app in different Simulator
  1. iOS Life Cycle
  2. iOS Life Cycle States

Introduction to Native Mobile Apps

  1. Understanding Native Mobile Apps Development
  2. Why to choose Native Mobile Apps Development
  3. Ways to develop Native Mobile Apps
  4. Future of Native Mobile Apps Development
  5. Advantages of Native Mobile Apps

Introduction to React Native

  1. Understanding the React Native
  2. React Native Advantages
  3. React Native Mobile OS Support

Setting Up Our Development Environment

  1. Installing the React Native CLI
  2. Installing IDE: VS Code
  3. Starting a New React Native Project
  4. Platform Tools Installations
  5. Setting Emulators and Simulator
  6. Setting Up Your Devices
  7. Adding Mobile Platforms
  8. Previewing on Emulator and Simulator
  9. Previewing on Device

React Native CLI

  1. Define Your Build Platforms
  2. Previewing Your App
  3. Emulating Your React Native App
  4. Running React Native App on a Device
  5. CLI information

React Native

React Native

React Native Core Concepts

  1. Components for Mobile
    1. View
    2. Text
    3. Text Input
    4. Button
    5. Switch
    6. Image
    7. Status Bar
    8. List Views: Flat List, Section List etc.
  2. Handling Touches
  3. Using a ScrollView
  4. Render and JSX
  5. Component Lifecycle
  6. Props and State

Building User Interface: Styles

  1. Understanding the Android and iOS Layouts
  2. Adding UI Components to the Application
  3. Styling React Native Components with CSS
  4. Layouts: Flexbox

Styles

  1. Conditional Styling
  2. Inline styles
  3. Using a stylesheet
  4. Adding multiple styles
  5. Inheritance

Navigation

  1. App Scene Navigation
  2. React Navigation Library
  3. Navigator Basics
  4. Implementing Navigation

Navigator and WebView

  1. Stack Navigator
  2. Tab Navigator
  3. Navigation Parameters
  4. Adding a Back Button
  5. WebView

React Native Elements and Redux

React Native Elements and Redux

React Native Elements: React Native UI Toolkit

  1. Installing React Native Elements
  2. Using React Native Elements
  3. Button
  4. Card
  5. Input
  6. ListItem etc.

Redux

  1. Introduction to Redux
  2. Redux Flow Overview
  3. Redux Setup

Redux Flow

  1. Actions
  2. Reducers and Root Reducers
  3. Store
  4. Dispatch Actions
  5. Action creators

Storage and SQLite

  1. Persistent Data using SQLite
  2. Using AsyncStorage

List View and REST API

  1. Database Operations with REST service
  2. Data Listing
  3. List View
  4. Refresh Control

Native Modules and APIs

  1. Linking Native API
  2. Geolocation
  3. Video Component
  4. Modals
  5. ActivityIndicator
  6. Animations

Gestures Events

  1. Gestures
  2. Events
  3. Keyboards

Debugging and Testing

  1. Dealing with CORS Issues
  2. Debugging through an iOS or Android Simulator
  3. Debugging On-Device

Project

Project

Project: E-commerce App

Developing Application Architecture

  1. Discussing Application Architecture
  2. Building Application Layer

Login and Sign Up

  1. Implementing Login and signup
  2. Developing Customer CRUD Operations
  3. Managing User session
  4. Implementing Authorization

Developing Category, Product Operations

  1. Developing Category CRUD Operations
  2. Developing Product CRUD Operations

Product Listing

  1. Displaying Products to Users
  2. Applying Paging and Sorting

Shopping Cart

  1. Products Searching
  2. Adding Products to Shopping Cart
  3. Removing Products to Shopping Cart

Payment Gateway

  1. Understanding Payment gateway Process
  2. Integrating Payment Gateway
  3. Listing Successful Transactions
  4. Listing Failed Transactions

Deployment and Testing

  1. Compiling app for Android and iOS
  2. Testing App on real devices

Publishing

  1. App deployment on Google store
  2. App deployment on Apple store

Master Program Certificate

Dot Net Tricks Certificate

Dot Net Tricks’ mock-up tests and assignments help the professionals to work on real-world projects and to get an edge in their careers and make their lives better. This training program includes 3 mock-up tests and 2 assignments. Each mock-up test includes 20 multiple choice questions.

Mockup-Tests objectives

At the completion of mockup-tests, attendees will be able to;

  1. Help you to monitor your learning progress
  2. Help you to evaluate yourself.
  3. Help you to crack your technical interview first round with objective questions

Assignments objectives

At the completion of assignments, attendees will be able to;

  1. Gain confidence to work on React Native project with latest technologies.
  2. Evaluate theirs development skills
  3. Prepare themselves for real-application development

E-commerce App

Desciption:You will learn how to develop an online shopping site mobile app. The mobile app will show the list of products to User/Customer. A user can purchase products and see the previous order history. Here, admin will be responsible for adding products, categories and approving customer order. The mobile app will use NativeScript and Angular recommended architecture with extensible approach. We would be using payment gateway to do online payment and finally publishing it on Webserver.

Architecture: The primary goal of this architecture is to share as much code as possible across the mobile app. This architecture will help you to develop web application with the recommended design patterns and practices.

React Native Project Architecture

What you will learn through app?

  1. How to create shopping cart.
  2. How to integrate payment gateway.
  3. How to validate data at client side and server side.
  4. How to test app using Mobile Emulators.
  5. How to debug app using VS code.
  6. How to create REST API.
  7. How to secure you application based on user roles.
  8. How to publish your App on App store (Google and Apple).

Q1. Who are your mentors?

All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by Dot Net Tricks to deliver interactive training to the participants.

Q2. What If I miss my online training class?

All online training classes are recorded. You will get the recorded sessions so that you can watch the online classes when you want. Also, you can join other class to do your missing classes.

Q3. Can I share my course with someone else?

In short, no. Check our licensing that you agree to by using Dot Net Tricks LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.

Q4. Do you offer certificates of completion?

Yes, We would be providing you with the certificate of completion of the program, once you have successfully submitted all the assessment and it has been verified by our subject matter experts.

Q5. How do I enroll for the course?

You can enroll in the course by doing payment. Payment can be made using any of the following options.
  1. Visa debit/credit card
  2. Net banking
  3. Through PayPal

Q6. Do you provide any course material or live session videos?

Yes we do. You will get access to the entire content including class videos, mockups, and assignments through LMS.

Q7. Do you provide technology version upgrade session free?

Yes we do. As the technology upgrades your content gets updated at no cost.

Q8. Do you prepare me for the job interview?

Yes, we do. We will discuss all possible technical interview questions and answers during the training program so that you can prepare yourself for interview.

Price Details

  • React and Mobile Platform Basics
    6,000
  • React Native
    8,000
  • React Native Elements and Redux
    4,000
  • Project
    4,000
Total 22,000
Discount Offered -  5,550

12,949 22,000

30% OFF, Limited Time Offer!

ENROLL NOW
*Instructor-led Course. Price exclusive of taxes.

Course Features

Anywhere, Any Device

All sessions can be attended from anywhere, and using any device. Staying at home or office, you can upgrade yourself with latest technologies.

Instructor-led Sessions

All sessions are led by our expert mentors. Even you have access to your live online training sessions video which will be available to you through LMS within 24 hours.

Assessments

Each Module will be followed by objective mockup tests and practical assignments which help you to monitor your learning progress and Evaluate yourself.

Real-life Case Studies

All the sessions are delivered using real-life examples. You will learn how to develop real project using industry recomended principles and practices.

365 Days LMS Access

You will get 365 days access to the LMS. This includes video, course material, exercise files and ppts used during the session.

Discuss Interview Q&A

Each topic will be covered with the essential interview Q&A being asked to you in your technical interview. Prepare yourself to get your job.

Forum

We have a community forum for all our learners wherein you can enrich their learning through peer interaction and knowledge sharing.

Technical Support

We have online support team available to help you with any technical queries you may have during the course.

Certification

At the end of the course, you need to complete one project. On successful completion, you will receive course completion certificate.

We've trained thousands of developers at some of the world's largest tech companies, including:

Corporate Training

Our corporate training programs are specially designed as per industry requirements, so that your employees can develop applications with latest technologies. As a trusted and resourceful training partner, Dot Net Tricks helps you achieve success with its industry-leading instructional design and customer training initiatives.

Professional Reviews

+
+

We use cookies to make interactions with our websites and services easy and meaningful. Please read our Privacy Policy for more details and click on the right button to proceed.

Accept cookies and close this message