Design Android Apps with JS React Native in 30 hours

Register this course-$990 online or $1500 in DC class
Pick your class type Total: $

USA & Canada: +1 240-200-6131
International Call: +1 240-391-8360
9am-6pm DC time or 1pm-10pm GMT

Design Android Apps with JS React Native in 30 hours

Course Code: hsts-c47


What is included in this course

Course Description

Our React Native training course will give you an intensive hands-on introduction to developing cross-platform mobile applications using Facebook's React Native framework and the Relay declarative programming model.

The React Native framework is an ideal way for Web/JavaScript developers to get into developing mobile applications for iOS and Android devices, as well as reusing code for/from web apps too.

This course is only focused on using React Native coding for building Android Apps. After taking this course, you can enroll into our React Native class for building iOS native Apps.

Who should attend

Software and web developers who want to rapidly create and deploy engaging mobile Apps that will look great and perform well on a wide variety of devices.

Course topics

By the end of this course, you will learn:

Course Prerequisites

Before taking this course, students should have a thorough understanding of JavaScript and HTML and CSS.

Follow-up Courses

Native iOS App design with JavaScript React Native
Front-end Web Design with JavaScript React
Introduction to Node.JS, MongoDB and Express.JS Programming
Introduction to Angular JS Programming
Advance HTML5 and CSS3 programming
Introduction to web application development with Java Enterprise Edition programming


Overall Info About our Classes

Highlights

Enrollment Fee

In-person in DC for $1500 or Online for $990 per course

Course Session Dates

Our courses are offered all year around. Upon registration we enroll you to the earliest available class but you can reschedule it free of charge.

Location

Time

Software Versions

Our classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 240-200-6131

Course Outline

Topics Covered in this Course

 

1- Intro to React Native

  • What it is, who is developing it, and why you should use it

2- Getting Started with React Native

  • Setting up your development and testing environment.
  • Android setup – Android Studio

3- React Native Tools

  • Console + editor

4- JavaScript ES6 Overview

  • The tricky bits from a native mobile divs perspective.

5- Create your first React Native App

  • Firing up the simulators on Android
  • Exploring Project Structure

6- Developing your UI with JSX

  • Adding controls to your UI
  • Buttons and Text Labels
  • Styling - in JavaScript
  • Interactive Design
  • Creating custom Components
  • Properties (props)
  • Managing State
  • Populating and Manipulating Lists
  • Using open source (NPM)

7- Going deeper with React Native

  • Dynamic properties
  • Dynamic styles
  • More on State and how it effects the rendering pipeline
  • Network requests.
  • Navigation
  • Storing data - Realm for React Native
  • Integrating with Map APIs
  • Creating native React components.
  • How to share code effectively between iOS and Android

8- Deployment

  • Deploying to Android Play Store

9- Authentication with Firebase

  • A Common Root Component
  • Copying Reusable Components
  • What is Firebase?
  • Firebase Client Setup
  • Login Form Scaffolding
  • Handling User Inputs
  • More on Handling User Inputs
  • How to Create Controlled Components
  • Making Text Inputs From Scratch
  • A Focus on Passing Props
  • Making the Input Pretty
  • Wrapping up Inputs
  • Password Inputs

10- Processing Authentication Credentials
  • Logging a User In
  • Error Handling
  • More on Authentication Flow
  • Creating an Activity Spinner
  • Conditional Rendering of JSX
  • Clearing the Form Spinner
  • Handling Authentication Events
  • More on Conditional Rendering
  • Logging a User Out and Wrapup

Register this course-$990 online or $1500 in DC class
Pick your class type Discount or coupon code: Total: $

View Other Classes!