• hello@anchorsoftacademy.com

Cross-platform Mobile Apps Development with React Native

Cross-platform Android & iOS Apps Development Training with React Native

[ javascript, ES6, react, react native, expo, vscode tools ]

Cross-platform Android & iOS Apps Development Training with React Native

SCHEDULES & FEES

  • DateJan. 17, 2022
  • Duration 14 Weeks
  • Days and Time Mon, Tues, & Thurs. Time: 9am - 12.30pm
  • Fee N350,000
  • Registration Status In progress. Register today!

COURSE DESCRIPTION

Mobile apps development is a hot skill, the demand for it has only increased over the last decade. Though various stats show the web still has a huge lead in terms of user reach than native mobile apps, the richness of the user experience that native mobile apps bring to the table cannot be easily replicated on the web.

In this course, we go deep-dive into React Native. React Native and Flutter are the biggest players in the cross-platform mobile apps development space. Reactive Native was created by Facebook, while Flutter was created by Google. They are both very powerful and both have been used to build big-brand apps. Some of the big brands powered by React Native include Airbnb, Skype, Pinterest, Facebook, and Instagram. So there is no question about its capabilities. Flutter on the other hand has been used to build a few popular brands as well.

A few of the advantages that React Native has over Flutter are more jobs and being javascript-based. Most developers have some familiarities with javascript already, so there is no need to learn a completely new language. It also has almost double of jobs demand by employers than Flutter. At the end of this course, you will have the necessary knowledge and skills to build and distribute professional Android and iOS apps.

TARGET AUDIENCE

[Absolute Beginners]

This targets absolute beginners in mobile apps development. No prior experience is required, we get started from scratch! This is a very hands-on course.

WHAT YOU WILL LEARN

  • Master javascript and react native from scratch
  • Build professional iOS and Android mobile apps
  • Make http calls to backend APIs
  • And publish your app to the app stores

COURSE OUTLINE

Javascript Fundamentals (ES5 and ES6)

  • Getting Started
    • What is javascript?
    • Setting up Development Environment
    • Javascript in Browsers
    • Javascript on the Server - Node JS
  • Basics
    • Variables
    • Constants
    • Primitive Types
    • Dynamic Types
    • Objects
    • Arrays
    • Functions
    • Types of Functions
  • Operators
    • Javascript Operators Overview
    • Arithmtic Operators
    • Assignment Operators
    • Comparison Operators
    • Equality Operators
    • Ternary Operators
    • Logical Operators
    • Operators Precedence
  • Control Flow
    • If-else
    • Switch-case
    • For
    • For
    • While & Do-while
    • The infinite loop trap
    • For-in & For-of
    • Break and continue
    • Exercises
  • Objects
    • Object basics
    • Factory function
    • Constructor function
    • Value vs Reference types
    • Object cloning
    • Math object
    • String
    • Template literal
    • Date
  • Arrays
    • Introduction
    • Adding elements
    • Find elements(Primitive & Reference types)
    • Arrow functions
    • Removing elements
    • Emptying an array
    • Combining and slicing
    • The spread operator
    • Iterating, sorting and joining
    • The filter and map methods
    • Exercises
  • More on functions
    • Function declaration vs function expression
    • Hoisting
    • Arguments
    • Default parameters
    • Getters and setters
    • Scope
    • Let vs var
    • The this keyword
    • Exercises
  • More on ES6
    • Classes
    • Inheritance
    • Modules
    • Named and default exports

React Fundamentals

  • Getting started
  • Project setup
  • Hello world
  • Components
  • JSX expression/li>
  • Attributes
  • Dynamic classes
  • Rendering list
  • Conditional rendering
  • Events
  • Binding event handlers
  • Working with states
  • Passing event arguments
  • Composing components
  • Passing data to components
  • Props vs state
  • Raising and handling events
  • Single source of truth
  • Working multiple components
  • Lifecycle hooks

React Native

  • Getting started
    • What is React Native?
    • Expo
    • Setting up your development environment
    • Your first app
    • Running on iOS simulator
    • Running on Android simulator
    • Running on a real device
    • Logging and debugging
  • Fundamentals
    • View
    • Text
    • Image
    • Touchables
    • Button
    • Alert
    • Stylesheet
    • Platform-specific codes
  • Layout
    • Dimensions
    • Detecting orientation changes
    • Flexbox
    • Working with flexbox layouts
    • Absolute and relative positioning
  • Styling
    • Borders and shadows
    • Padding and margins
    • Styling text
    • Icons/li>
    • Organizing styles/li>
    • Button components/li>
    • Cards/li>
    • List items/li>
    • Detail screens/li>
  • Lists
    • Flat list
    • Extracting the component
    • Separators
    • Handling selections
    • Handling swipes
    • Deleting items
    • Implement refresh
  • Inputs components
    • TextInputs
    • Beautify textInputs
    • Switch
    • Picker
    • Modal
  • Forms
    • Introduction to forms
    • Building better forms with formik
    • Validations
    • Error messages
    • Form field component
    • Submit component
    • Form component
  • Calling HTTP Backend
    • Introduction to restful APIs
    • Calling API with ApiSauce
    • Creating API layer
    • Fetching data
    • Inspecting calls and hanlding errors
    • Posting data
  • Authentication and authorization
    • Authentication providers
    • Authentication with JSON Web Tokens
    • User registration
    • Reading and storing the token
    • Getting and storing the current user
    • Accessing protected API endpoints
  • Distribution
    • Introduction to options and strategies
    • App Icon
    • Optimizing assets
    • Error reporting
    • Environment management
    • Publishing
    • iOS app publishing - Apple app store
    • Android app publishing - Google play store

Students' Testimonials

5-star testimonial Emeka Mbachu
[fullstack development]

If you want to become a software engineer, or master the art of software development. Anchorsoft has experienced tutors that made me enjoy learning software development especially python.

5-star testimonial Joshua Otti
[fullstack development]

Coming to Anchorsoft has really been life-changing, definitely the best investment I've made this year in myself. The learning environment is top-notch and the staff are accommodating.

The courses are extremely simplified and to the point, made python really easy to understand,was really amazing. It has really been impactful. Many Thanks to Anchorsoft for this experience .God Bless