Mô tả

Just updated with all new React Native features for 2023! Join a live online community of over 900,000+ developers and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto with React Native.

Using the latest version of React Native, this course is focused on efficiency. Never spend time on confusing, out of date, incomplete tutorials anymore, and instead, learn to build professional and modern Android and iPhone (iOS) apps! Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Meta, + other top tech companies.

We guarantee you this is the most comprehensive online resource on React Native. This project based course will introduce you to all of the modern toolchain of a React Native app developer in 2023. Along the way, we will build a massive restaurant application using React, React Hooks, Expo, React Navigation, Firebase, Styled-Components, Google Maps/Places API, React Animations, Stripe Payments, + more. This is going to be a full iOS and Android app!

The curriculum is going to be very hands on as we walk you from start to finish of releasing a professional React Native project all the way into production. We will start from the very beginning by teaching you React basics and then going into advanced topics so you can make good decisions on architecture and tools on any of your future React Native projects.

All code is going to be provided step by step and even if you don’t like to code along, you will get access to the the full master project code so anyone signed up to the course will have their own app to put on their portfolio right away.

The topics covered will be:

  • React Basics

  • React Native Fundamentals

  • Debugging React Native

  • React Navigation

  • React Hooks

  • Custom React Hooks

  • Firebase API

  • Google Maps API

  • React Best Practices

  • React Native Best Practices

  • Persistance + Session Storage

  • Android Development

  • iOS Development

  • Lottie Animations

  • Eslint And Cleaning Up Code

  • Asynchronous Javascript

  • React Native AsyncStorage and Animation

  • CSS in JS - Styled Components

  • React Native Styling

  • Installing Custom Fonts

  • Device Permissions

  • React Native App Layout

  • Modular React Code

  • Building On Expo

  • Distributing App to App and Google Play Store

  • Integrating Payments With Stripe API

  • + more


Wait wait… I know what you’re thinking. Why aren’t we building 10+ projects? Well, here’s the truth: Most courses teach you React Native and do just that. They show you how to get started, build 10 projects that are simple and easy to build in a day, and just add some styling to make them look fancy. In real life though, you’re not building silly applications. When you apply to jobs, nobody is going to care that you built a really pretty single page app. Employers want to see you build large apps that can scale, that have good architecture, and that can be deployed to the app stores.


Let me tell you 3 reasons why this course is different from any other React Native tutorial online:


1. You will build the biggest project you will see in any course. This type of project would take you months to implement yourself.


2. This course is taught by 2 instructors that have actually worked for some of the biggest firms using React Native. Mo is a super star when it comes to React Native. He is a Solutions Architect with over 7 years of experience in Software Architecture and Development. Having worked as a consultant for the majority of his career, he has seen it all in the Mobile Development world. He is also a tech lead who has build mobile and web apps for top banks, big tech companies, and one of the biggest online e-commerce stores in the world. Andrei has worked on enterprise level React applications for large tech firms in Silicon Valley as well as Toronto and his latest project was for a React Native app for one of the biggest pharmaceutical companies in the world. By having both of them teach, you get to see different perspective and learn from 2 senior developers as if you are working at a company together.


3. We learn principles that are important beyond just what you learn as a beginner. Using the instructor's experiences you learn about design patterns, how to architect your app, organize your code, structure your folders, and how to think about performance. Let’s just say we don’t shy away from the advanced topics. But more importantly, we are committed to keeping this course up to date so that as the mobile landscape changes, you always have the latest best practices with you.


This course is not about making you just code along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner in React Native to someone that is in the top 10% of React Native developers. 

See you inside the course!


Taught By:

Andrei Neagoie is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life. 

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time.   Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities. 

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way. 

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.  


--------

Mo Binni is a Solutions Architect with over 7 years of experience in Software Architecture and Development. Having worked as a consultant for the majority of his career, he has seen it all.

He has worked on global applications for multi-nationals, governments and Fortune 500 companies using React Native.


Throughout his career he has seen every type of developer and development practice, and the one thing that he believes more than anything is that software development is a pragmatic team sport. Go fast alone, go far together!

My main goal with instructing is to teach the foundational knowledge to set you up for life-long learning. Software and development practices change often, but when you have the right foundation adapting to the constant change becomes easy!

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

Build enterprise level React Native apps and deploy to Apple App Store and Google Play Store

Learn to build reactive, performant, large scale applications like a senior mobile app developer

Learn to lead Mobile App projects by making good architecture decisions and helping others on your team

Build cross platform mobile apps for iOS and Android without using Swift, Objective C, Java and Kotlin

Learn the latest features in React Native including Hooks, Context API, AsyncStorage, and Animation

Master the latest ecosystem of a React Native Developer from scratch

Become the top 10% React Native Developer

Stripe Payments (Online Payments) integration in your mobile apps

Set up authentication and user accounts using Firebase and Firebase Functions

Routing with React Navigation

Using the latest ES6/ES7/ES8/ES9/ES10 JavaScript to write clean code

Using native phone capabilities like Camera and Vibration

Google Maps API and adding interactive maps to your projects

Styled-Components and native styling to make modern and beautiful apps

Yêu cầu

  • Just basic JavaScript knowledge
  • You DO NOT need any experience with React or any other framework/library!
  • You DO NOT need any Java, Kotlin, Swift or Objective C experience!

Nội dung khoá học

19 sections

Introduction

7 lectures
Course Outline
06:32
Join Our Online Classroom!
04:01
Exercise: Meet Your Classmates and Instructor
01:41
Meeting Bruno
01:56
Complete Course Resources + Code
00:39
ZTM Resources
04:23
Monthly Coding Challenges, Free Resources and Guides
00:40

React Native Fundamentals

7 lectures
How We Got Here - React Native History
09:32
How We Got Here 2 - React Native History
03:54
Why React Native?
03:32
Our First React Native App
11:54
React Native Internals
08:54
React Native Internals 2
04:57
Exercise: Is There CSS?
02:55

The 2 Paths

5 lectures
The 2 Paths
01:16
React DOM vs React Native
02:53
Recommended Setup
04:42
Keeping Your App Up To Date
00:24
Endorsements On LinkedIN
00:40

Building With React Native: FocusTime App

32 lectures
FocusTime Demo
01:38
Before We Get Going!
00:39
Introduction To Expo
02:47
Getting Ready To Hit The Ground Running!
03:27
Who Likes Snacks?
02:51
Running Snacks On Your Device
01:59
Running The FocusTime Demo On Your Device
02:08
Proper Preparation Prevents Poor Snacking!
04:13
Quick Recap On What We've Done So Far
02:06
A Rundown Of What's In Our Snack
07:41
Why We Don't Run On Web
02:20
How To Avoid The Notch
03:31
How To Avoid The StatusBar
03:19
Styling The Background
02:34
Setting Up Our Focus Feature
04:02
Adding Text Input
05:35
Storing A Subject
03:44
Adding A Button
07:11
Making The App Reactive
04:20
Cleaning Up Spacing
03:02
Adding A Countdown Component
07:26
Adding The Timer Feature
03:44
Hooking Up Our Countdown
07:54
Adding The Focus Subject
05:20
Hooking Up The Progress Bar
06:56
Vibrating When The Timer Ends
04:12
Adding Timer Controls
09:54
Resetting The Timer
04:10
Keeping The App Awake
01:55
Focus History Feature Setup
03:31
Designing Our Focus List
08:34
Populating The Focus History
03:56

Mobile Development Professional: Local Setup

23 lectures
Before You Start, Read This!
00:25
[MAC] Exporting FocusTime Locally
01:47
[MAC] Installing GIT
05:52
[MAC] Installing Node and Yarn
04:26
[MAC] Running it on IOS Simulator
04:09
[MAC] Installing Android Studio
01:52
[MAC] Installing Android SDK Tools
03:15
[MAC] Running On An Emulator
05:25
[MAC] Installing VSCode
03:21
[MAC] Optional: Using GIT With Visual Studio Code
06:38
[WINDOWS] Exporting FocusTime Locally
02:55
[WINDOWS] Installing GIT And VSCode
08:57
[WINDOWS] Optional: Using GIT With Visual Studio Code Part 1
05:41
[WINDOWS] Optional: Using GIT With Visual Studio Code Part 2
07:50
Github What Is It Good For?
03:39
Github Appendix
00:18
[WINDOWS] Optional: Publishing Your Code To Github
07:48
[MAC] Optional: Publishing Your Code To Github
08:18
[WINDOWS] Installing Android Studio
11:38
[WINDOWS] Installing Node and Yarn
08:22
[WINDOWS] Running FocusTime On My Device
03:45
What If I'm Still Running Into Issues?
04:42
Exercise: Imposter Syndrome
02:55

Master Project: MealsToGo Project Setup

9 lectures
MealsToGo Demo
02:13
Project Files
00:23
Navigating Package Versions and Staying Up-to-Date
02:41
Setting Up Our Master Project
07:08
Note For Windows Users
00:26
Creating The MealsToGo Project
01:28
[OPTIONAL] MealsToGo On Github
02:29
Video Playback Speed
00:28
Watch This Before Getting Started!
01:05

Master Project: MealsToGo Core Part 1

58 lectures
Time For Yoga!
02:52
Let's Do Some Yoga!
05:51
React Native Flexbox And Snacks
04:14
Spring Cleaning The Expo Setup
05:04
Quick Note On Publishing Your App
00:49
Exercise App Layout
02:36
Solution App Layout
05:59
Android StatusBar Issue
06:34
Quick Note On Debugging
02:30
Keeping Up With The Code Step By Step
01:31
Setting Up Eslint And Prettier
04:41
Using Eslint
05:25
Optimizing Eslint
02:51
Setting Up Prettier
03:00
Exercise SearchBar
04:06
Solution SearchBar
01:16
Feature Overview Restaurant List Item
01:31
Restaurant Info Setup Part 1
05:22
Restaurant Info Setup Part 2
05:09
Exercise Restaurant Info Card
01:06
Solution Restaurant Info Card
03:49
Reflection Time Restaurant Info
01:40
The Way We Are Styling Feels Weird
04:37
Trying Out Styled Components
03:32
Installing And Using Styled Component
03:53
Quick Note On How To Look At Changes
02:32
Exercise Migrating To Styled Components
01:56
Solution Migrating To Styled Components
06:31
Uhoh We Have An IOS Error
03:24
How Do We Make Things Consistent?
02:30
Setting Up Our Theme
08:40
Exercise Theme Cleanup
01:08
Solution Theme Cleanup
03:17
Custom Fonts Fonts Fonts!
00:53
Loading Custom Fonts
08:28
Adding The Address
02:15
Using SVG With Rating
06:49
Exercise Adding Open Now SVG
00:45
Solution Finishing Our Restaurant Card
06:14
Quick Reminder
00:35
Building A Spacer Component
08:44
Optimizing The Spacer Component
12:09
Wait A Second It Won't Render On Android
03:55
Hold Up Why Do We Need Consistency
05:54
Creating A Typography Component And Cleanup
11:40
Solution Code Cleanup
02:19
FlatList!
00:25
List It!
15:24
Note On Content Container Style
00:19
No Inline Styles
02:11
Why Is There A White Bar?
04:00
Feature Overview: App Navigation
00:41
Navigation Installation
06:07
Exercise Tab Navigation
03:22
Solution Tab Navigation
06:16
Exercise Tab Bar Icons
03:11
Solution Tab Bar Icons
03:59
Simplifying Tab Icon Logic
05:14

Master Project: MealsToGo Core Part 2

74 lectures
Feature Overview: Adding Data!
06:50
Quick Recap Of What We'll Be Doing
02:58
Fake An API Request
06:35
Quick Refresh On Promises
02:33
Let's Transform The Data
06:34
Let's Transform The Data Part 2
06:13
Setting Up RestaurantContext
06:36
Hooking Up Our Context
13:48
Exercise Activity Indicator
01:04
Solution Activity Indicator
04:34
Quick Architecture Overview
04:40
Feature Overview Geocoding And Search
03:54
Setting Up Our Geocoding Service
07:35
Setting Up Our Geocoding Context
09:45
Hooking Up The Searchbar
11:48
Searching For Restaurants
06:26
Oh No A Bug!
00:40
Oh No A Bug Solution!
02:48
Key Warnings
02:52
Oh No An Anti-Pattern
07:35
Our Next Feature!
02:11
Let's Optimize Before We Build!
00:51
Building Navigation Infrastructure For Scale
03:48
Restructuring Navigation
03:32
Setting Up Stack Navigation
07:56
Setting Up Restaurant Detail Navigation
03:32
Modals And Touch Feedback
04:30
Exercise Rendering The Card
01:39
Solution Rendering The Card
03:06
Back To Our Feature!
00:25
Exercise Menu List
01:34
Solution Menu List
07:28
Feature Overview Map
00:56
Installing React Native Maps
05:26
Map Screen And Search
09:21
Setting The Map Region
08:31
Rendering Map Markers
03:03
Custom Map Callout Exercise
04:43
Custom Map Callout Solution
08:57
Linking A Callout To Details
02:00
Feature Overview Favourites
00:57
Favourites Context
06:16
Hooking Up Favourites Part 1
07:16
Hooking Up Favourites Part 2
04:36
Building A Favourites Bar Part 1
04:33
Building A Favourites Bar Part 2
09:46
Storing Favourites
09:24
Uh Oh An Android Bug
02:11
Feature Overview Firebase And Authentication
06:20
Firebase Installation
05:41
Quick Note On Firebase
00:20
Let's Test Authentication
05:54
Authentication Service And Context
05:39
Account And Authentication Navigation
06:31
Image Background Exercise
04:01
Image Background Solution
03:12
Lighten Up The Background
03:29
Account Screen Buttons
11:31
Exercise Login Screen
01:38
Solution Login Screen
09:19
Tying Up Some Loose Ends
02:09
Feature Overview: Registration
05:55
Activity Indicators
02:21
Favourites Is Broken Part 1
06:17
Favourites Is Broken Part 2
08:58
Adding A Watermelon Animation
08:44
Feature Overview: Settings
00:54
Building The Settings Feature
07:43
Making The Settings Screen Look Nice
04:00
Favourites Screen Exercise
02:20
Favourites Screen Solution
09:29
Animations And Polish
08:33
App Icons
02:21
Expo Publish
02:56

Extra: Mobile Camera Module

7 lectures
Feature Overview Camera Module
00:47
Setting Up The Infrastructure
03:16
Exercise Expo Camera
03:11
Solution Expo Camera
05:34
Taking A Picture
04:18
Additional Changes For Android To Take a Picture
00:29
Storing And Retrieving The Picture
11:03

Extra: Google Maps Integration

22 lectures
Important Note On This Section!
04:40
Setting Up Your Payment Information For Firebase
02:44
Setting Up Firebase CLI
09:22
Quick Note On Running Functions Locally
00:18
Running Firebase Functions Locally
05:05
Moving Location Mock Part 1
09:55
Moving Location Mock Part 2
03:54
Moving Restaurants Mock
11:46
Deploying Our Functions
04:07
Switching Between Local And Deployed Functions
03:57
Oh No Android Doesn't Work!
01:06
Creating a Google Cloud Account
02:36
A Cautionary Tale
04:15
Configuring Our Google Cloud Project
05:31
Setting Up Google Node SDK
07:01
Firebase Environment
01:35
Integrating Geocoding API
08:11
Integrating Places API
06:29
Integrating Places Photos
04:21
Publishing Our Expo App And Functions
03:41
Minor Optimizations
03:01
Error Management
10:19

Extra: Mobile Payments With Stripe

27 lectures
Stripe Integration Demo
03:11
Stripe Integration Architecture
02:37
Signing Up For Stripe
04:13
Quick Recap On Firebase Functions
03:18
High Level Stripe Payment Flow
03:14
React Native Stripe Client
03:09
Setting Up Our Checkout
05:18
Our Credit Card Input
09:45
Getting Our First Stripe Token
06:14
Hooking Up Our Credit Card Form
06:48
Checkout Cart Overview
03:42
Building The Cart Context
08:19
Integrating Our Cart
11:44
Oh No! A Cart Bug
03:10
An Empty Cart
06:44
Adding The Checkout UI
10:32
Starting On The Payment Flow
01:09
Getting The Payee Name
06:57
Setting Up For Payment
06:42
Building Our Payment Gateway
06:44
Payment Request Part 1
08:43
Payment Request Part 2
05:45
Payment Request Part 3
06:52
Adding Loading State
06:21
Handling Error States
14:26
Exercise Cart Persistance
01:11
Solution Cart Persistance
05:09

Extra: Releasing To The App Stores

9 lectures
Before We Get Started
03:25
What Will I Get Out Of This Section
02:46
Building Standalone Apps
03:52
Building An APK For Android
03:23
Running Our APK On The Emulator
03:45
Creating A Play Store Account
04:14
Building iOS With Expo
06:49
Testing Your iOS Build On A Simulator
04:04
AppStore Connect And TestFlight
08:24

Extra: App Polish + Customizing MealsToGo

5 lectures
Adding Some Polish
01:31
Adapting The Theme Colors
03:55
Improving The Settings Screen
07:01
Improving Restaurant Detail Screen
02:30
The Favourites Bar
04:11

Keeping Your App Up To Date

4 lectures
New Year New Me
02:01
Why Upgrade
03:06
Upgrading
05:27
Smoke Testing the Upgrade
03:09

Where To Go From Here?

7 lectures
Thank You!
01:17
Become An Alumni
00:37
Learning Guideline
00:10
Coding Challenges
00:29
Endorsements On LinkedIN
00:40
Course Review
1 question
The Final Challenge
1 question

Appendix: Learn React

40 lectures
Before We Start
00:30
Introduction To React.js
12:21
Create React App
07:05
React App Folder Structure
08:14
React 18 Update
04:48
React Fundamentals
03:55
React Fundamentals 2
04:59
Hooks vs Classes
02:13
Class vs Functional App.js
04:02
Quick Note: Service Worker File
00:26
Your First React Component
20:13
Building A React App 1
16:03
The Dirty Little Secret To Become An Expert
04:40
Exercise: Learn to Read the Docs
00:15
Building A React App 2
09:47
Building A React App 3
26:35
Styling Your React App
04:59
Quick Note: JSON Placeholder
00:10
Building A React App 4
15:30
Building A React App 5
08:53
Building A React App 6
09:05
Project Files
00:10
Keeping Your Projects Up To Date
08:30
Exercise: React 18
00:15
Solution: Try Upgrading to React 18
03:56
React Review
02:34
Error Boundaries In React
08:11
Deploying Our React App
05:10
New React Hooks Documentation
00:08
React Hooks
03:42
React Hooks 2
03:47
React Hooks 3
03:23
React Hooks 4
04:01
React Hooks 5
03:36
React Hooks 6
06:54
React Hooks 7
09:16
React Hooks 8
04:48
Project Files
00:04
React Hooks 9
05:58
Next Steps
00:29

Appendix: Git + Github

3 lectures
CWD: Git + Github
17:40
Github Update: Master --> Main
00:29
CWD: Git + Github 2
16:52

Appendix: Open Source Projects

3 lectures
Contributing To Open Source
14:44
Contributing To Open Source 2
09:42
Exercise: Contribute To Open Source
00:47

BONUS SECTION

1 lectures
Special Bonus Lecture
00:16

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