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
React Native : The beginner guide (2024 Edition)

React Native : The beginner guide (2024 Edition)

Loại khoá học: Mobile Development

Build Android and IOS mobile apps ! ( incl. Notifications push , Hooks, Navigation, Camera, ES6, FlexBox, Animations...)

image
50.000 VND
25 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ả

In this new edition of React Native, learn how to quickly build ultra-modern , cross-platform mobile applications (working on both Android and IOS) !


React Native is like React's little brother. It is developed by Facebook, with a "Learn once, write everywhere" policy.


React Native will allow you to develop native mobile applications running on IOS and Android with the same code, a real revolution!


This technology is exploding and is in high demand in the job market.


React Native uses the React library which allows web developers to get started quickly.
You will discover that developing a mobile app with React Native is a lot like web development.

We are going to use Expo, the most used tool to create apps in 2 steps 3 moves.

With it, we will be able to code have live updates on a real smartphone on an emulator.

Also we will be able to share our app in a snap.

Goodbye mobile development with endless compilation times!

We will start together from the beginning and discover ReactJS and ReactNative in this course, so don't worry if you don't know React. The course will be progressive and we will develop several apps together.


Summary :

- The basic concepts of React

- Create a React Native application with Expo

- Styling

- The flexbox system

- Navigate between pages and send parameters using react-navigation

- Permissions

- Geolocation

- Push-notifications

- Access the smartphone gallery

- Create a notification server

- Communicate with an API

- Learn to use ES6 functions (map, find ...)

- Animations


See you soon!

​​Codiku.

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

Build native cross-platforms app for Android et IOS with the same code

Learn all the React / React Native core concepts

Push notifications

Hooks / Contexts

Routing and navigation

Use the last Javascript version: ES6

Style your app with JSS

Make asynchronous requests to consume an API

Discover expo to increase your development speed

Learn how to use a debugger

Flex-box system

Use the AsyncStorage to persist data in your app

Access the mobile images gallery

Build cool animations

Yêu cầu

  • Experience with HTML / CSS / JS is required

Nội dung khoá học

13 sections

Introduction

4 lectures
Introduction
00:51
React Native ?
05:11
Expo GO ?
04:35
React ?
05:13

Installation

7 lectures
Environment
04:02
Mobile, Emulator, Simulator what to choose ?
01:00
Using a real device , quick note
00:11
Using a real device
03:15
Android Emulator - Mac and Linux
07:00
Android Emulator - Windows
06:22
Simulator IOS - Mac
05:18

Get some help

2 lectures
Github Codiku
03:21
VS code theme and plugins
00:10

The core concepts

15 lectures
Project quick tour
07:07
Creating your first component
06:58
Formating my code
02:02
Styling
08:35
Flex-box system
09:59
Practicing : Creating a profil card part 1
09:35
Practicing : Creating a porfil card part 2
05:44
Props
08:31
Children props
03:21
Conditionnal rendering
09:00
States
13:25
Unexpected useState behaviours
04:25
Callback functions
08:39
Using callbacks into our Profile Card
06:47
Detect the platform
02:03

Our first real App ! Temperature converter

8 lectures
Introducing the app + starter
04:07
Layout
05:10
Text input
09:51
Component DisplayTemperature
07:10
Converting the temperature
08:18
Button : Toggle units
05:44
Core concept : useEffect hook
06:51
Changing the background programmatically
08:03

New App : Task list !

19 lectures
Introducing the app
01:35
Creating the app
02:19
Layout
04:35
Header and Splash screen
06:01
Card component
09:59
ES6 map function
03:15
Scrollable list of card
05:34
Spread operator
06:56
Updating the status of a card
06:52
Tab bottom menu - Selecting a tab
09:33
ES6 filter
04:20
ES6 reduce function
03:35
Filter notes
05:38
Delete a todo
07:11
Add a todo
18:08
Handling errors with Try, Catch, Finally and Throw
07:15
AsyncStorage : Persisting our data
14:35
Discovering the hook : useRef
09:18
Using useRef to scroll at the bottom of the list
03:08

App : Real Time Weather and Forecast

30 lectures
Introducing the project
01:51
Creating the app
04:02
Layout and Background
08:45
Open Weather API
05:21
[ANDROID EMULATOR ONLY] : GPS settings
01:54
[IOS SIMULATOR ONLY] : GPS settings
01:49
ES6 Destructuring Assignment
05:47
ES6 Promises - Async/Await
12:33
Ask for permissions and get the user coordinates
08:42
Fetch the weather data
07:10
Expo debugger is now built in !
00:34
Debugger
08:56
Using custom fonts
10:06
MeteoBasic layout
07:44
Weather interpretations
10:13
Responsive texts
06:50
Info about next video
00:21
UseEffect cleanup function
09:27
Digital clock
08:39
Fetching the city using reverse geocoding
05:29
MeteoAdvanced layout
08:07
Filling MeteoAdvanced with data
03:20
React Navigation : setup
09:30
Navigate and send parameters to a Screen
05:27
Header and navigate to previous page
10:01
Forecast list item
07:53
Render multiples ForecastListItem
07:49
Search bar component
04:13
Prevent keyboard from pushing the content
00:56
Searching by city and errors handling
10:12

Push notifications

5 lectures
Push notification flow explained
05:59
Preparing our server to send notifications
08:45
Note about projectId
00:54
Ask Permissions and get a token
10:47
Getting data from a notification
04:27

Accessing the photo gallery

1 lectures
Photo gallery
10:53

Publish and Build

2 lectures
Publish to Expo
08:54
Generate an official Build
05:42

Contexts

2 lectures
What are contexts ?
03:47
Using contexts
10:58

Performances

1 lectures
memo, useMemo and useCallback
13:41

Animations

17 lectures
Animations introductions
05:17
Trying to animate with states
09:35
Creating an animation
11:08
Animations callbacks
07:43
Using your fingers : Gesture handler
10:45
First exercice
07:43
Understanding Interpolations
03:25
Clamping
07:49
Project : Awesome List
00:35
Solving the crash from the next video
00:09
Awesome List : Creating a simple list
06:08
Solving the crash
00:12
Awesome List : interpolation values
12:26
Awesome List : Animating the list
06:54
Awesome List : Fixing the missing space at the bottom
02:06
Awesome List : Displaying texts and backdrop
05:15
Awesome List : Animating texts, and snaping effect
06:21

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

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
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 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