Mô tả

Let’s start the discussion with some most obvious questions:

What is prerequisite for this course?

Before starting this course, we assume that you are comfortable with javascript. Things like loops, functions, array and arrow functions are clear to you.

Is react native related to reactJS?

This course was designed in a way that student can start directly with this course. There is no need for reactJS for this course. But if you do have reactjs knowledge, that’s great.


Do I need high end laptop/desktop for this course?

This is one great thing with react native. Throughout this course, we will be working with VSCode and you can run apps in mobile phone (real device). Don’t worry, process is covered in the course.


Is redux included?

Yes, of course. and includes firebase, Camera API, sound etc too.


What apps we will be creating in this course?

So many apps.

DiceRoller, CurrencyConverter, TicToeToe, Scratch and win, Photo clicker, Employee App, User API, Authentication, Message Board, Chat app, Contact App etc.


What is react native?

React native is a project by Facebook (open source), used to design Android and iOS apps with single code apps. One more amazing thing about react native is hot reloading which makes app development time faster.

Working with react native is super fun. This course is 1 stop solution to learn react native.


Here are some kind words by our students:

i really loved the approach in which the instructor taught i,e to go with the documentation. He actually teaches you how to learn new things. i just loved the course.

— Surabhi Nirgudwar

This course is one of the best course have ever done. The tutor is also the best tutor have ever encounter. I love how he was able to carry everybody along, i understood everything in this course and i look forward in doing more course from you.

— Deborah

very straight forward, covers everything (including minor details), easy to follow and understand

— Cara


Catch you inside the course!

Bạn sẽ học được gì

Complete React Native app development

Learn to build 20 project from basic to advance

Learn Redux state management in react native app

Learn about API, CAMERA, SOUND and other mobile features

Learn about local storage in mobile apps

Learn about Firebase - An online real time database

Yêu cầu

  • Basics of Javascript is required like loops, function, arrays, arrow function etc.
  • This course is NOT dependent on reactjs
  • A decent laptop/desktop that can open code editor like VSCode
  • No high end system is required as you can run all apps in your real mobile phone

Nội dung khoá học

19 sections

React Native Introduction

5 lectures
Introduction to React Native
03:52
Expo vs Non Expo installation
06:22
Tools that we will need
07:51
Our first React Native App
10:29
Running App on Android, iPhone and real device
12:32

Non Expo path of building Apps

2 lectures
Creating a project with react native cli
08:36
Running an application on Android and iOS
12:16

Getting started with React native

6 lectures
Exploring file structure
07:47
Rewriting application
09:50
introduction to styling in React native
11:01
What is a component
05:56
Creating a dumb component
08:55
Props and Smart components
05:55

Exploring components

6 lectures
Loading images into the app
11:50
Styling basics in react native
09:34
Introduction to flexbox
08:46
More on flexbox for mobile
11:42
Introduction to states and constructor
10:14
Managing state and fun app
15:11

Touchable and creating an app

3 lectures
Buttons in react native
10:11
Touchables in react native
09:08
Background changer app
11:04

Dice Roller App

4 lectures
Getting app assets
07:31
Design custom button
06:10
Getting a Random Number
04:41
getting Random images
05:28

Currency Converter app and Ejecting from Expo

6 lectures
Handling Notches
09:06
Creating input and Result Views
14:41
Creating all the buttons
12:31
Adding working logic
12:36
Handling keyboards events in React native
04:10
Ejecting expo app to Android and iOS app
06:33

Third party components and TIC TAC TOE

9 lectures
Third party components
09:53
Exploring Native Base
11:04
Can you debug in React Native
04:06
Loading Custom Fonts and Resolve Errors
14:45
Adding TODOs and TIC TAC TOE
09:46
Flipping Cross and Zeros
10:40
Writing more functions
05:30
Writing winning logic for TIC TAC TOE
05:40
Design part of TIC TAC TOE
16:31

Sound and Spanish number app

5 lectures
Exploring Expo docs
05:06
Getting assets for playing sound
10:57
Understand the play method
12:29
Creating a button for sound
10:16
Finishing Audio app
10:23

Scratch and win Game app

5 lectures
Bug in default app and fix
07:34
Define the function for game
12:03
Getting functions for ready
12:56
Getting the design part and fixes
12:36
Dimensions and Assignment
11:53

React navigation and camera centric app

12 lectures
Info property list and manifest permission
05:18
Working on multiple screen React navigation
09:25
Creating your first screen and Navigation
11:06
create a follow screen
06:59
Take information to New screen
10:04
Using information on other screen
12:44
creating photoCliker app
08:29
Design home screen
08:13
Refractroing and Permission
13:53
Flashlight and camera flip
10:02
Designing View for camera and bugs
13:51
Thinking process behind debugging
06:41

Local Storage - A Publishable contact app

19 lectures
Reading docs for Flastlist and AsyncStorage
07:23
Create 4 screens and Navigate
15:00
Add a floating action button
08:44
Save Data in AsyncStorage
15:38
Design Add contact screen and challenge
12:58
Assignment solution for scroll
04:56
Get all contact
14:21
Using flatlist in Homescreen
06:57
Fetching info in flatlist
07:40
platform specific code
06:08
grab key and populate data
08:39
Open phone indent for iOS and Android
12:20
Calling SMS intent
04:42
Debug the app and design
12:08
Adding actions on Phone and SMS
09:52
Delete the contact
08:52
Working on edit screen
10:16
update contact with merge operation
06:47
Grande finale of contact app
11:37

Redux - A state management library

7 lectures
Redux theory
10:13
Never mutate that state
13:05
create a basic redux app
09:17
Design the Reducer
08:01
Move code in separate file
08:12
connect and Dispatch
08:41
Basic Redux App DONE
09:01

Employee App with Redux

5 lectures
Create app and create employee
10:49
Creating Reducers
10:33
Bug in redux app
10:39
Bug fix and design
12:56
Art of debugging
06:51

Handling API

5 lectures
Exploring API
11:32
Understand API and constructor
07:34
Fetching API in App
07:28
Making a call and wait for it
08:28
Finish app and assignment
17:08

Firebase - Real Time Database

12 lectures
Exploring firebase react native
06:58
Firebase project setup
07:22
connect firebase with RN app
07:39
creating multiple screens and debug
13:21
work on loading screen
07:58
getting exercise files
06:29
Design part of sign in screen
10:17
Design part of Sign up screen
07:47
Signup a user at firebase
10:27
homescreen design part
06:50
signout the user in AuthApp
11:20
Authentication final touch
05:51

Firebase - message board

5 lectures
Exploring firebase database
06:47
Setting up App and exercise files
05:17
Send and get from firebase database
16:47
Design part of message board
11:19
Rules of database in firebase
05:00

Building a chat app

7 lectures
Getting all files for chat app
10:10
Overwriting initialization
08:27
Firebase Helper part 1
11:01
Firebase helper class part 2
06:41
Creating navigation screens
07:01
creating home screen
09:19
chat screen and debug
12:27

Firebase - Complete Contact app with images

14 lectures
What we will create
04:24
Download the start files
06:56
Understand the project
10:11
Working app js file
05:04
uuid and blobs
08:20
Upload and download images to firebase storage
16:37
Saving contact to firebase
09:20
Working on Homescreen for firebase
14:22
delete contact from firebase
08:09
work on view contact
05:42
editscreen selection of images
11:50
uploading new contact in existing key
09:51
lets debug
11:21
Thanks note
00:07

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.