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
4 Courses
40+ Hours of learning
Assessments
Project
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.
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:
Course objective
At the completion of this course, attendees will be able to;
Develop a complete mobile app using HTML5, CSS3 and JavaScript.
Explore React Native basic and advanced features.
Understand Android, iOS fundamentals
Build UI with React Native Elements
Store and retrieve data from a variety of sources like file system, SQLite database and RESTful services
Write platform specific code for Android and iOS to access native features
Test and deploy the app to emulators, simulators, and real devices
Exploring React Native components, gestures, and tools for building highly interactive mobile apps.
Build and run mobile apps on Android & iOS platforms.
How to access mobile native features like camera, contacts, calendar etc. using React Native.
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
Introduction to React
Introduction to React
Hybrid Framework vs. Native Framework
React Native Development IDE – Visual Studio Code
Why React and React Native?
React Advantages
Android fundamentals
Activities
Views
Layouts
Resources
Manifest
Android Activity
Activity Life Cycle
Activity Life Cycle Events
Activity States
Running, Deployment, Testing
Deploying app to Emulator and Devices
Debugging in Emulator
Debugging in Device
Android Debug Log
Testing app in different emulator
iOS fundamentals
Storyboard
Segues
Views
View Controllers
Layouts
Resources
iOS Life Cycle
iOS Life Cycle
iOS Life Cycle States
Running, Deployment, Testing
Deploying the app to Simulator and Devices
Debugging in Simulator
Debugging in Device
Testing app in different Simulator
iOS Life Cycle
iOS Life Cycle States
Introduction to Native Mobile Apps
Understanding Native Mobile Apps Development
Why to choose Native Mobile Apps Development
Ways to develop Native Mobile Apps
Future of Native Mobile Apps Development
Advantages of Native Mobile Apps
Introduction to React Native
Understanding the React Native
React Native Advantages
React Native Mobile OS Support
Setting Up Our Development Environment
Installing the React Native CLI
Installing IDE: VS Code
Starting a New React Native Project
Platform Tools Installations
Setting Emulators and Simulator
Setting Up Your Devices
Adding Mobile Platforms
Previewing on Emulator and Simulator
Previewing on Device
React Native CLI
Define Your Build Platforms
Previewing Your App
Emulating Your React Native App
Running React Native App on a Device
CLI information
React Native
React Native Core Concepts
Components for Mobile
View
Text
Text Input
Button
Switch
Image
Status Bar
List Views: Flat List, Section List etc.
Handling Touches
Using a ScrollView
Render and JSX
Component Lifecycle
Props and State
Building User Interface: Styles
Understanding the Android and iOS Layouts
Adding UI Components to the Application
Styling React Native Components with CSS
Layouts: Flexbox
Styles
Conditional Styling
Inline styles
Using a stylesheet
Adding multiple styles
Inheritance
Navigation
App Scene Navigation
React Navigation Library
Navigator Basics
Implementing Navigation
Navigator and WebView
Stack Navigator
Tab Navigator
Navigation Parameters
Adding a Back Button
WebView
React Native Elements and Redux
React Native Elements: React Native UI Toolkit
Installing React Native Elements
Using React Native Elements
Button
Card
Input
ListItem etc.
Redux
Introduction to Redux
Redux Flow Overview
Redux Setup
Redux Flow
Actions
Reducers and Root Reducers
Store
Dispatch Actions
Action creators
Storage and SQLite
Persistent Data using SQLite
Using AsyncStorage
List View and REST API
Database Operations with REST service
Data Listing
List View
Refresh Control
Native Modules and APIs
Linking Native API
Geolocation
Video Component
Modals
ActivityIndicator
Animations
Gestures Events
Gestures
Events
Keyboards
Debugging and Testing
Dealing with CORS Issues
Debugging through an iOS or Android Simulator
Debugging On-Device
Project
Project: E-commerce App
Developing Application Architecture
Discussing Application Architecture
Building Application Layer
Login and Sign Up
Implementing Login and signup
Developing Customer CRUD Operations
Managing User session
Implementing Authorization
Developing Category, Product Operations
Developing Category CRUD Operations
Developing Product CRUD Operations
Product Listing
Displaying Products to Users
Applying Paging and Sorting
Shopping Cart
Products Searching
Adding Products to Shopping Cart
Removing Products to Shopping Cart
Payment Gateway
Understanding Payment gateway Process
Integrating Payment Gateway
Listing Successful Transactions
Listing Failed Transactions
Deployment and Testing
Compiling app for Android and iOS
Testing App on real devices
Publishing
App deployment on Google store
App deployment on Apple store
Master Program 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;
Help you to monitor your learning progress
Help you to evaluate yourself.
Help you to crack your technical interview first round with objective questions
Assignments objectives
At the completion of assignments, attendees will be able to;
Gain confidence to work on React Native project with latest technologies.
Evaluate theirs development skills
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.
What you will learn through app?
How to create shopping cart.
How to integrate payment gateway.
How to validate data at client side and server side.
How to test app using Mobile Emulators.
How to debug app using VS code.
How to create REST API.
How to secure you application based on user roles.
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.
Visa debit/credit card
Net banking
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.
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.
Excellent project development. Got a real idea of the whole thing, in a real world working together. The instructor was very good and prompt in responding to questions. Excellent virtual class experience. Good Work Dot Net Tricks. The course contents are up-to-date and the instructors are industry trained and extremely hard working. The support is always willing to help you out in various ways as promptly as possible. The training was very informative and practical. Dot Net Tricks is my teaching guru now...Thanks “Dot Net Tricks” and all the best.
Mohit Basantani (Sr.Software Engineer at OSS CUBE )
Mastering MEAN Stack
Dot Net Tricks is a wonderful platform to get industry level training in the courses they are offering. The course material was extremely well organized and Shailendra Sir explained it very clearly. Another point of this course is small batch and long-term support for the development needs. Thanks Dot Net Tricks.
Sukhjeet Singh (Software Engineer at Icreon)
Mastering ASP.NET MVC with Angular
I am extremely satisfied with the course so far. DotNetTricks is one of the modern platforms to learn and equip in the IT Market. The MVC and Angular course offered by DNT is exhaustive, real time and with projects which enhance the skill-set.
Rahul Shukla (Sr. Software Developer )
Mastering ASP.NET MVC with Angular
I would like to recommend anyone who wants to be a Xamarin Developer just one place: DotNetTricks. Their support team works very well such any time you have an issue they reply and help you solving the issue and Explanations are clean, clear, easy to understand.
I have learned a lot from this training. And you really helped to understand all the concepts very well. Thanks again.
Jeetendra Yadav (Sr. Implementation Engineer at Sonet Microsystems)
Learn Xamarin Forms
It has been a wonderful experience. All the staff members are really helpful. DNT one of the most decent options available for affordable professional courses which most of us look for improving our skill set in today's competitive world.
Pradeep Singh (Software Engineer at CFCS)
Mastering ASP.NET MVC with Angular
I had a great experience in taking the MEAN Stack training from DotNetTricks. In one word, I can say that Dotnettricks is not a training institute, it’s a god's gift to students. Once joined you will come to know what a good decision you had taken in your life. Thanks again DNT.
Manish Kumar (Software Engineer Contata Solutions)
Mastering MEAN Stack
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.