Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Mobile Development
React Native
The complete React Native course

The complete React Native course

Loại khoá học: Mobile Development

Take you coding to the next level with React Native.

image
50.000 VND
1.399.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Do you want to learn the whole process of building an App ?. This is the course for you.

We will start from the very beginning, from "I don't even know how to install it“ to actually understanding how React Native works and make it communicate with other technologies like Firebase and Redux.

You will learn all the logic and practice behind React Native  in different modules, and as we advance through the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with a very large practice project, using third party libraries, firebase and redux.

Since React Native is bases on React for web, you need to know a little bit about React.

But don’t sweat it, if you don’t know anything about React for web, as a bonus you get a small React for web course.

To sum everything up, you will learn in this course:

  • The very basics of React Native. How to install it and the logic behind it.
  • Once you know the basics of React Native we will journey into the confusing stuff.
  • Install and apply Third party libraries.
  • We will connect our React Native project with Firebase.
  • Everybody is using Redux, so we will learn how to use redux with our React Native App.
  • Apply security, authentication, restricting routes.
  • We will create a Practice app to put everything into practice.
  • You also get a Small React for web course

What about the instructor experience ?

Well I've been around for 10 years now, built lots of applications for small projects and big companies like Citi,Fox, Disney and a lot more.

Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.

How about the target audience?

  • This course is for almost everyone, a little bit of Javascript is required.We will use ES6 but you can learn as we go.
  • If you want to take your coding to the next level, this is the course for you. 

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

You will learn the whole React Native building process, from your pc to your phone.

Work with RNative and nosql databases like firebase.

Learn how Redux works and apply it on React Native

Yêu cầu

  • Knowing a little bit of Javascript ES5, we will use ES6 but you can learn it as we go.

Nội dung khoá học

14 sections

Introduction

5 lectures
Introduction
01:04
What is react native
03:29
IDE ( code editor )
01:37
First install MAC USERS
05:28
First install WINDOWS USERS
04:07

Running simulators and setting up enviroment

10 lectures
Expo or not expo
03:26
Installing XCODE
03:25
Installing Android studio MAC & WINDOWS
11:23
Environment variables MAC ONLY
03:47
Environment variables WINDOWS ONLY
04:44
Windows quick fix for expo
00:48
Running an expo app
08:29
App without expo
03:12
Running the Android simulator
10:13
Running the IOS simulator
02:53

RN Basics

11 lectures
Starting with RN ( finally )
05:35
Styles, stylesheets, views and text
11:58
Components and state
09:13
Touch events
14:19
Touch events part 2
11:49
Text inputs
12:32
Buttons
07:53
The scrollview
10:09
Activity indicator
03:11
Working with images
08:58
Using modals
08:14

Navigation

11 lectures
Introduction
02:21
Installing navigation
10:02
Stack navigation
12:50
Working with Params
10:00
Navigation bar
21:56
Navigation buttons
07:32
The sidedrawer
08:05
More on the sidedrawer
05:46
Custom sidedrawer
08:51
Tab navigation
15:21
Nesting navigators
10:58

Working with libraries

7 lectures
Installing the image picker
17:06
Using the image picker
15:46
Installing the contacts library
07:14
Solving issues
11:27
Using the contacts library
16:34
Installing react native elements
10:56
Using react native elements
08:02

More on react native

11 lectures
Debugging
03:42
Reusable components
07:37
The platform
07:29
Animations
15:56
More on the animated comp
11:44
Interpolation
09:36
Parallel and sequence animations
11:26
Creating Launch icons [ optional ]
18:26
Installing Splash Screen [ optional ]
09:15
Splash screen IOS [ optional ]
08:20
Splash screen Android [ optional ]
06:24

Tiny practice project: Who pays the bill ? [ optional ]

6 lectures
Installation and context
15:07
Creating the input and validation
16:24
Creating the list of players
13:41
Starting the stage 2 and toasts
09:01
Creating the stage 2
10:19
Installing fonts and finishing app
13:44

Integrating redux and firebase

4 lectures
Installing redux
16:18
Dispatching an action
08:21
Integrating firebase and creating forms
18:32
Register and log ing with firebase
09:29

Practice project - RedWire

28 lectures
Introduction
03:47
Installation
08:40
Setting up redux
09:42
Navigation part one
16:43
Navigation part two
13:57
Custom sidedrawer
19:12
Installing fonts
13:11
Pimp the header
15:41
Creating the article cards
10:26
Creating the articles screen
15:34
Creating the videos screen
11:23
Adding youtube videos
16:27
Email and password from profile
12:21
Creating the userdata form
13:16
Login users screen part one
21:04
Login users screen part two
14:18
Starting a firebase project
09:15
Register users
21:30
Login users
07:37
Autosignin users
14:14
Logout user and fixing autosign in
07:39
Updating user profile part 1
14:12
Updating user profile part 2
13:52
Getting articles
26:02
Fetching more articles
19:24
Showing article data
07:41
Fetching videos
14:13
Fetching more videos
07:16

Practice project : NBA app [Legacy - RN Version 5.X]

31 lectures
Project overview
04:54
Installing react and dependencies
09:39
Setting up Redux
10:33
Adding React navigation
10:43
Adding React navigation ..continued
11:31
Login logo and background
14:33
Form reusable inputs
17:30
Finishing inputs and error state
13:04
Adding the buttons
11:20
Adding validation
14:48
Finishing validation
08:39
Submitting the form
07:59
Using redux before server
14:39
Sign up the user
15:23
Sign in user
05:32
Saving the token on the storage
17:09
Adding the Auto sign in
17:29
Styling the header tab
12:15
Icons and style on the bottom bar
11:19
Icons and style on the bottom bar - part two
07:09
Preparing the news
13:02
Showing News cards
13:50
Finishing the News cards
11:37
Installing and using fonts
08:53
Creating the News article
17:01
Getting the games from F.Base
15:39
Getting the games from F.Base - part 2
08:59
Finishing the games main screen
16:12
Creating the Games Video screen
17:54
Finishing the Games video screen
13:11
Final project code
00:07

React native [Legacy - RN Version 5.X]

57 lectures
Introduction
01:21
What is React Native ?
05:33
Starting with RN
08:43
Installing tools ( MAC USERS )
07:24
Installing tools ( WINDOWS USERS )
06:30
Installing ANDROID STUDIO ( Mac and Win users )
07:16
Ejecting expo apps
05:42
Running Android simulator ( WIN and MAC users )
19:15
Windows environment variables ( WIN users )
02:23
Running on Expo
11:09
Running IOS simulator ( MAC users )
03:41
First look at the structure
05:22
Styles, Views and Text
17:21
Buttons and touch events
17:01
Components and State
09:03
More on touchables
09:54
Handling inputs
15:06
Adding users to the list
06:21
Using the Scrollview
08:46
The picker component
11:51
The Slider component ( 0.58.6 )
05:49
Activity indicator
04:20
Working with images
11:52
Using Modals
12:00
Intro to react navigation
09:59
Installing R.Navigation and running Sim
08:20
Stack navigator and linking screens
17:29
Navigation params
09:52
Customizing the Header Bar
15:16
Adding logos to headers
13:48
Creating a Side-drawer
11:03
More on Side-drawer
04:53
Custom component for Side-drawer
18:58
Creating a bottom Navigation
10:18
Tab Navigation-Options
17:44
Combining navigation types.
11:39
Installing Image picker ( link )
13:08
If image picker fails, manual install
10:37
Using camera and photo library
16:14
Installing RNative contacts
09:44
Adding contact and opening form
12:41
Getting contacts
17:18
installing RNative vector icons
11:48
Using RNative vector icons
10:42
React native debugger
05:48
Reusing components and styles
10:03
More on the platform
10:28
Dimensions
02:47
Device info 3rd party library
07:21
Creating XY animations
15:30
Easing and triggers
06:04
Not XY animations
04:11
Interpolation
10:20
Sequence and timing animations
11:43
Connecting Redux
14:58
Dispatching an action
07:05
Connecting the devtools
04:31

React web mini-course [ optional ] - Basics

39 lectures
Installing Node and creating an App
11:57
The bundle
05:57
Starting to code !!
09:06
JSX Behind the scenes
09:09
Importing components
08:25
Types of components
05:30
Adding styles
10:19
Events
11:39
State
15:04
Starting with props
10:45
Starting with props...continued
14:03
Props to a Class
06:01
React children
03:42
More with styles
06:58
Styles plugins
06:34
Filter the news
15:03
Routes:Installing Router
05:37
Routes:How it works and creating components
07:20
Routes:Using routes
06:27
Routes:Linking
10:52
Routes:Working with params
06:49
Routes:Other features from React Router
07:18
Routes:Switch
03:50
Routes:Redirections
06:54
Routes:404 and "withRouter"
09:56
Component lifecycles
07:21
Component lifecycles 2
19:26
Conditional rendering
10:23
Pure components
08:29
Adjacent elements
05:43
Hoc's ( High order components )
08:47
Hoc's ...continued
13:36
Animations: Using transitions
17:28
Animations: Using transitions....continued
08:55
Animations: CSS Transitions
11:50
Animations: Transition group
15:43
Proptypes
10:22
Proptypes...continued
08:27
Controlled components
07:58

React web mini-course [ optional ] - Redux

16 lectures
Redux introduction
08:36
Creating the store
07:53
The Redux flow
05:55
Combining reducers
06:34
Creating a valid reducer
07:31
Creating actions
04:43
map-state-to-props and connect
12:43
Map-dispatch-to-props
05:47
Types
07:57
Using middleware
07:44
Redux practice - Creating the project
06:34
Redux practice - routes and redux
16:42
Redux practice - Home
16:47
Redux practice - Filter the home list
06:15
Redux practice - Artist section
16:44
Redux practice - Clearing artist data
04:11

React web mini-course [ optional ] - Hooks

7 lectures
Introduction to Hooks
01:49
The "useState" Hook
13:53
The "useState" Hook ....continued
13:50
The "useEffect" Hook
16:42
The "useReducer" Hook
12:27
Preparing the app with Context
09:59
Context and useContext
15:29

Đá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?

Khoá học liên quan

How To Create 2D Defender Game With Unity & C#

How To Create 2D Defender Game With Unity & C#

749.000 VND
50.000 VND
The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
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.

Get khoá học cho tôi