React Native Project Development Online Training

1
(No Transcript)
2
Mastering React Native Build Native Mobile Apps
Using React

• About the Course
• 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 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 Native base.
• 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?

Page1
3
Course Curriculum

• Module 1
• 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
• Android fundamentals
• Activities
• Views
• Layouts
• Resources
• Manifest
• Android Activity
• Activity Life Cycle

Page3
4

• Running, Deployment, Testing
• Deploying app to Simulator and Devices
• Debugging in Simulator
• Debugging in Device
• Testing app in different Simulators
• Module 2
• 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

Page4
5

• Module 3
• 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
• Native Base Essential cross-platform UI
  Components
• Installing Native Base
• Using Native Base Components
• Accordion
• Button
• Card
• Form

Page5
6

• Database Operations with REST service
• Data Listing
• List View
• Module 6
• 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

7

• Removing Products to Shopping Cart
• Deploying Your Application
• Adjusting the config.xml File
• App Icons and Splash Screens
• Building Your Android APK
• Building Your iOS App

Mockup-Tests and Assignments

• 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 4 mock-up tests and 4 assignments. Each
  mock- up test includes 20 multiple choice
  questions.
• Mockup-Tests objective
• 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 objective
• Gain confidence to work on Android and iOS Apps
  Development.
• Help you to evaluate your development skills.
• Project Details
• Description
• 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 React Native recommended
  architecture with extensible approach. We would
  be using payment gateway to do online payment
  and finally publishing it on Webserver.
• Project 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
  mobile app with the recommended design patterns
  and practices.

8

• What you will learn through project?
• How to create shopping cart.
• 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).
• Contact Us
• For more information about the course, visit
  www.dotnettricks.com/masters-program/react-native-
  apps
• Feel free to call us at 91 9999 123 502/503 or
  email us at info_at_dotnettricks.com

Page8