Build Mobile Application with React Native
  • ondemand_video
       Video Length : 10h40m16s
  • format_list_bulleted
       Tasks Number : 56
  • group
       Students Enrolled : 463
  • equalizer
       Medium Level
Authors

Kevin Gautama is a systems design and programming engineer with 16 years of expertise in the fields of electrical and electronics and information technology.

He teaches at the Hanoi University of Industry in the period 2003-2011 and he has a certificate of vocational training by the Ministry of Industry and Commerce and the Hanoi University of Industry.

From extensive design experience through numerous engineering projects, the author founded the Enziin Academy.

The Enziin Academy is a startup in the field of educational, it's core goal is to training design engineers in the fields technology related.

The Enziin Academy is headquartered in Stockholm-Sweden with an orientation operating multi-lingual and global.

The author's skills in IT:

  • Implementing the application infrastructure on Amazon's cloud computing platform.
  • Linux server system administration (Sysadmin).
  • Design load balancing and content distribution system.
  • MySQL database administration.
  • C/C++/C# Programming
  • Ruby and Ruby on Rails Programming
  • Python and Django Programming
  • The WPF/C# on the .NET Framework Programming
  • The PHP/JAVA Programming
  • Machine Learning and Expert System.
  • Internet of Things.

The author's skills in the fields of electric and electronic:

  • The design of popular CPU / MCU systems.
  • Design FPGA / CPLD system (Xilinx - Altera).
  • Design and programming of DSP systems (Texas Instruments).
  • Embedded ARM system design.
  • The RTOS Programming
  • Design and programming electronic power systems.
  • PLC - inverter - sensor - electric control cabinet industrial.
  • Control systems distributed connection with Server.

Read more...

  • Curriculum
  • 1. Javascript Language Programming
    • videocam
      Syntax of Javascript

      11m26s
    • videocam
      Keywords-variables and operators

      11m26s
    • videocam
      Control statements

      11m26s
    • videocam
      Functional programming

      11m26s
    • videocam
      Events in Javascript

      11m26s
    • videocam
      The addEventListener() function

      11m26s
    • videocam
      The removeEventListener() function

      11m26s
  • 2. Data types in Javascript
    • videocam
      String

      11m26s
    • videocam
      Array

      11m26s
    • videocam
      Number

      11m26s
    • videocam
      Date

      11m26s
    • videocam
      The typeof function

      11m26s
  • 3. Document Object Model
    • videocam
      Introducion to DOM

      11m26s
    • videocam
      DOM Elements

      11m26s
    • videocam
      HTML DOM

      11m26s
    • videocam
      CSS DOM

      11m26s
    • videocam
      Nodes DOM

      11m26s
    • videocam
      This object javascript

      11m26s
  • 4. Browser Object Model
    • videocam
      Introduction to BOM

      11m26s
    • videocam
      BOM - Window

      11m26s
    • videocam
      BOM - Location

      11m26s
    • videocam
      BOM - History

      11m26s
    • videocam
      BOM - Cookie

      11m26s
    • videocam
      BOM - Window Navigator

      11m26s
    • videocam
      BOM - Screen

      11m26s
  • 5. OOP in Javascript
    • videocam
      Classes and objects

      11m26s
    • videocam
      JavaScript Properties

      11m26s
    • videocam
      JavaScript Method

      11m26s
    • videocam
      Public and Private

      11m26s
    • videocam
      Inheritance in JavaScript

      11m26s
  • 6. Advanced Javascript
    • videocam
      JavaScript Errors Try Catch Throw

      11m26s
    • videocam
      Form validation

      11m26s
    • videocam
      Animation

      11m26s
    • videocam
      Multimedia

      11m26s
    • videocam
      Introducion to ES6

      11m26s
  • 7. React Native
    • videocam
      Install the development environment

      11m26s
    • videocam
      Build the first app

      11m26s
    • videocam
      Style in React Native

      11m26s
    • videocam
      Layout with Flexbox

      11m26s
    • videocam
      ScrollView and ListViews

      11m26s
    • videocam
      Interface REST APIs

      11m26s
  • 8. Components and API
    • videocam
      Page navigation

      11m26s
    • videocam
      Image and Animations

      11m26s
    • videocam
      Debug in React Native

      11m26s
    • videocam
      The important Components

      11m26s
    • videocam
      The important APIs

      11m26s
    • videocam
      Build app for iOS

      11m26s
    • videocam
      Modules Native for iOS

      11m26s
    • videocam
      Build app for Android

      11m26s
    • videocam
      Modules Native for Android

      11m26s
    • videocam
      Create a signed APK

      11m26s
  • 9. Projects React Native
    • videocam
      Build the calculator app

      11m26s
    • videocam
      Build a news reader app

      11m26s
    • videocam
      Build a simple shop app

      11m26s
    • videocam
      Publish application on Google Play

      11m26s
    • videocam
      Publish application on Apple Store

      11m26s
Reactnative
Build Mobile Application with React Native


Note: This is a module belongs to the classes, billing features separate for this module will be allowed if the content matches. The classes using this module are listed below.

Build native mobile apps using JavaScript and React

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.

A React Native app is a real mobile app

With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps.

You just put those building blocks together using JavaScript and React.

Use native code when you need to

React Native combines smoothly with components written in Objective-C, Java, or Swift. It's simple to drop down to native code if you need to optimize a few aspects of your application. It's also easy to build part of your app in React Native, and part of your app using native code directly - that's how the Facebook app works.

Table of Content

1. Javascript Language Programming

  • Syntax of Javascript
  • Keywords-variables and operators
  • Control statements
  • Functional programming
  • Events in Javascript
  • The addEventListener() function
  • The removeEventListener() function

2. Data types in Javascript

  • String
  • Array
  • Number
  • Date
  • The typeof function

3. Document Object Model

  • Introducion to DOM
  • DOM Elements
  • HTML DOM
  • CSS DOM
  • Nodes DOM
  • This object javascript

4. Browser Object Model

  • Introduction to BOM
  • BOM - Window
  • BOM - Location
  • BOM - History
  • BOM - Cookie
  • BOM - Window Navigator
  • BOM - Screen

5. OOP in Javascript

  • Classes and objects
  • JavaScript Properties
  • JavaScript Method
  • Public and Private
  • Inheritance in JavaScript

6. Advanced Javascript

  • JavaScript Errors Try Catch Throw
  • Form validation
  • Animation
  • Multimedia
  • Introducion to ES6

7. React Native

  • Install the development environment
  • Build the first app
  • Style in React Native
  • Layout with Flexbox
  • ScrollView and ListViews
  • Interface REST APIs

8. Components and API

  • Page navigation
  • Image and Animations
  • Debug in React Native
  • The important Components
  • The important APIs
  • Build app for iOS
  • Modules Native for iOS
  • Build app for Android
  • Modules Native for Android
  • Create a signed APK

9. Projects React Native

  • Build the calculator app
  • Build a news reader app
  • Build a simple shop app
  • Publish application on Google Play
  • Publish application on Apple Store