Главная страницаКатегория react nativeReact Native 2023: От Новичка к Профессионалу (с Хуками)

React Native 2023: От Новичка к Профессионалу (с Хуками)

Complete React Native in 2023: Zero to Mastery [with Hooks]

udemy

zerotomastery.io

★4.4 (всего оценок - 76)

React Native 2023: От Новичка к Профессионалу (с Хуками)

Начать Сейчас

Продолжительность

27 ч 16 мин

Категория

React Native

Количество уроков

309 Видео

Дата добавления

10 мар. 2021 г., 23:46

Язык

Английский

Дата выхода

3 мар. 2021 г., 02:00

Дата обновления

18 сент. 2023 г., 22:28

Используя последнюю версию React Native, этот курс ориентирован на эффективность. Никогда больше не тратьте время на запутанные, устаревшие и неполные руководства, а вместо этого научитесь создавать профессиональные и современные приложения для Android и iPhone (iOS)! Выпускники курсов Андрея сейчас работают в Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook и других ведущих технологических компаниях.

Мы гарантируем, что это самый полный онлайн-ресурс по React Native. Этот проектный курс познакомит вас со всей современной цепочкой инструментов разработчика приложений React Native в 2021 году. Попутно мы создадим масштабное ресторанное приложение, используя React, React Hooks, Expo, React Navigation, Firebase, Styled-Components, Google Maps / Places API, React Animations, Stripe Payments и т. д. Это будет полноценное приложение для iOS и Android!

Учебная программа будет очень практичной, так как мы проведем вас от начала до конца, чтобы выпустить профессиональный проект React Native на всем пути к производству. Мы начнем с самого начала, обучая вас основам React, а затем перейдем к более сложным темам, чтобы вы могли принимать правильные решения по архитектуре и инструментам в любом из ваших будущих проектов React Native.

Весь код будет предоставляться шаг за шагом, и даже если вы не любите писать код, вы получите доступ к полному коду основного проекта, так что любой, кто подписался на курс, будет иметь собственное приложение, которое можно будет добавить в свое портфолио. сразу.

Будут рассмотрены следующие темы:

Основы React;
Основы React Native;
Отладка React Native;
React навигация;
React хуки;
Пользовательские хуки React;
Firebase API;
Google Maps API;
Лучшие практики React;
Лучшие практики React Native;
Android-разработка;
iOS разработка;
Анимации Lottie;
Eslint и код очистки;
Асинхронный Javascript;
React Native AsyncStorage и анимация;
CSS в JS - Styled Components;
React Native Styling;
Установка пользовательских шрифтов;
Разрешения устройства;
Макет приложения React Native;
Модульный код React;
Expo;
Распространение приложения в App и Google Play Store;
Интеграция платежей с Stripe API;
+ еще много интересного

Посмотреть больше

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:06:33
Course Outline
Урок 2. 00:04:02
Join Our Online Classroom!
Урок 3. 00:01:57
Meeting Bruno
Урок 4. 00:04:24
ZTM Resources
Урок 5. 00:09:33
How We Got Here - React Native History
Урок 6. 00:03:55
How We Got Here 2 - React Native History
Урок 7. 00:03:33
Why React Native?
Урок 8. 00:11:55
Our First React Native App
Урок 9. 00:08:56
React Native Internals
Урок 10. 00:04:58
React Native Internals 2
Урок 11. 00:02:56
Exercise: Is There CSS?
Урок 12. 00:01:17
The 2 Paths
Урок 13. 00:02:54
React DOM vs React Native
Урок 14. 00:04:43
Recommended Setup
Урок 15. 00:01:39
FocusTime Demo
Урок 16. 00:02:48
Introduction To Expo
Урок 17. 00:03:28
Getting Ready To Hit The Ground Running!
Урок 18. 00:02:52
Who Likes Snacks?
Урок 19. 00:02:00
Running Snacks On Your Device
Урок 20. 00:02:09
Running The FocusTime Demo On Your Device
Урок 21. 00:04:14
Proper Preparation Prevents Poor Snacking!
Урок 22. 00:02:07
Quick Recap On What We've Done So Far
Урок 23. 00:07:42
A Rundown Of What's In Our Snack
Урок 24. 00:02:21
Why We Don't Run On Web
Урок 25. 00:03:32
How To Avoid The Notch
Урок 26. 00:03:20
How To Avoid The StatusBar
Урок 27. 00:02:35
Styling The Background
Урок 28. 00:04:03
Setting Up Our Focus Feature
Урок 29. 00:05:36
Adding Text Input
Урок 30. 00:03:45
Storing A Subject
Урок 31. 00:07:12
Adding A Button
Урок 32. 00:04:21
Making The App Reactive
Урок 33. 00:03:03
Cleaning Up Spacing
Урок 34. 00:07:27
Adding A Countdown Component
Урок 35. 00:03:45
Adding The Timer Feature
Урок 36. 00:07:55
Hooking Up Our Countdown
Урок 37. 00:05:21
Adding The Focus Subject
Урок 38. 00:06:57
Hooking Up The Progress Bar
Урок 39. 00:04:13
Vibrating When The Timer Ends
Урок 40. 00:09:55
Adding Timer Controls
Урок 41. 00:04:11
Resetting The Timer
Урок 42. 00:01:56
Keeping The App Awake
Урок 43. 00:03:32
Focus History Feature Setup
Урок 44. 00:08:35
Designing Our Focus List
Урок 45. 00:03:57
Populating The Focus History
Урок 46. 00:01:48
[MAC] Exporting FocusTime Locally
Урок 47. 00:05:53
[MAC] Installing GIT
Урок 48. 00:04:27
[MAC] Installing Node and Yarn
Урок 49. 00:04:11
[MAC] Running it on IOS Simulator
Урок 50. 00:01:53
[MAC] Installing Android Studio
Урок 51. 00:03:16
[MAC] Installing Android SDK Tools
Урок 52. 00:05:26
[MAC] Running On An Emulator
Урок 53. 00:03:22
[MAC] Installing VSCode
Урок 54. 00:06:39
[MAC] Optional: Using GIT With Visual Studio Code
Урок 55. 00:02:56
[WINDOWS] Exporting FocusTime Locally
Урок 56. 00:08:58
[WINDOWS] Installing GIT And VSCode
Урок 57. 00:05:42
[WINDOWS] Optional: Using GIT With Visual Studio Code Part 1
Урок 58. 00:07:51
[WINDOWS] Optional: Using GIT With Visual Studio Code Part 2
Урок 59. 00:03:40
Github What Is It Good For?
Урок 60. 00:07:49
[WINDOWS] Optional: Publishing Your Code To Github
Урок 61. 00:08:19
[MAC] Optional: Publishing Your Code To Github
Урок 62. 00:11:39
[WINDOWS] Installing Android Studio
Урок 63. 00:08:23
[WINDOWS] Installing Node and Yarn
Урок 64. 00:03:46
[WINDOWS] Running FocusTime On My Device
Урок 65. 00:04:43
What If I'm Still Running Into Issues?
Урок 66. 00:02:57
Exercise: Imposter Syndrome
Урок 67. 00:02:14
MealsToGo Demo
Урок 68. 00:07:09
Setting Up Our Master Project
Урок 69. 00:01:29
Creating The MealsToGo Project
Урок 70. 00:02:30
[OPTIONAL] MealsToGo On Github
Урок 71. 00:00:29
Video Playback Speed
Урок 72. 00:01:06
Watch This Before Getting Started!
Урок 73. 00:02:54
Time For Yoga!
Урок 74. 00:05:52
Let's Do Some Yoga!
Урок 75. 00:04:16
React Native Flexbox And Snacks
Урок 76. 00:05:05
Spring Cleaning The Expo Setup
Урок 77. 00:02:37
Exercise App Layout
Урок 78. 00:06:00
Solution App Layout
Урок 79. 00:06:35
Android StatusBar Issue
Урок 80. 00:02:31
Quick Note On Debugging
Урок 81. 00:01:32
Keeping Up With The Code Step By Step
Урок 82. 00:04:42
Setting Up Eslint And Prettier
Урок 83. 00:05:27
Using Eslint
Урок 84. 00:02:52
Optimizing Eslint
Урок 85. 00:03:01
Setting Up Prettier
Урок 86. 00:04:07
Exercise SearchBar
Урок 87. 00:01:17
Solution SearchBar
Урок 88. 00:01:32
Feature Overview Restaurant List Item
Урок 89. 00:05:23
Restaurant Info Setup Part 1
Урок 90. 00:05:10
Restaurant Info Setup Part 2
Урок 91. 00:01:07
Exercise Restaurant Info Card
Урок 92. 00:03:50
Solution Restaurant Info Card
Урок 93. 00:01:41
Reflection Time Restaurant Info
Урок 94. 00:04:38
The Way We Are Styling Feels Weird
Урок 95. 00:03:33
Trying Out Styled Components
Урок 96. 00:03:54
Installing And Using Styled Component
Урок 97. 00:02:33
Quick Note On How To Look At Changes
Урок 98. 00:01:58
Exercise Migrating To Styled Components
Урок 99. 00:06:32
Solution Migrating To Styled Components
Урок 100. 00:03:25
Uhoh We Have An IOS Error
Урок 101. 00:02:31
How Do We Make Things Consistent?
Урок 102. 00:08:42
Setting Up Our Theme
Урок 103. 00:01:09
Exercise Theme Cleanup
Урок 104. 00:03:18
Solution Theme Cleanup
Урок 105. 00:00:54
Custom Fonts Fonts Fonts!
Урок 106. 00:08:29
Loading Custom Fonts
Урок 107. 00:02:16
Adding The Address
Урок 108. 00:06:50
Using SVG With Rating
Урок 109. 00:00:47
Exercise Adding Open Now SVG
Урок 110. 00:06:15
Solution Finishing Our Restaurant Card
Урок 111. 00:08:45
Building A Spacer Component
Урок 112. 00:12:10
Optimizing The Spacer Component
Урок 113. 00:03:56
Wait A Second It Won't Render On Android
Урок 114. 00:05:55
Hold Up Why Do We Need Consistency
Урок 115. 00:11:42
Creating A Typography Component And Cleanup
Урок 116. 00:02:20
Solution Code Cleanup
Урок 117. 00:00:26
FlatList!
Урок 118. 00:15:25
List It!
Урок 119. 00:02:12
No Inline Styles
Урок 120. 00:04:02
Why Is There A White Bar?
Урок 121. 00:00:42
Feature Overview: App Navigation
Урок 122. 00:06:08
Navigation Installation
Урок 123. 00:03:23
Exercise Tab Navigation
Урок 124. 00:06:17
Solution Tab Navigation
Урок 125. 00:03:12
Exercise Tab Bar Icons
Урок 126. 00:04:00
Solution Tab Bar Icons
Урок 127. 00:05:15
Simplifying Tab Icon Logic
Урок 128. 00:06:51
Feature Overview: Adding Data!
Урок 129. 00:02:59
Quick Recap Of What We'll Be Doing
Урок 130. 00:06:36
Fake An API Request
Урок 131. 00:02:34
Quick Refresh On Promises
Урок 132. 00:06:35
Let's Transform The Data
Урок 133. 00:06:14
Let's Transform The Data Part 2
Урок 134. 00:06:37
Setting Up RestaurantContext
Урок 135. 00:13:49
Hooking Up Our Context
Урок 136. 00:01:06
Exercise Activity Indicator
Урок 137. 00:04:35
Solution Activity Indicator
Урок 138. 00:04:41
Quick Architecture Overview
Урок 139. 00:03:55
Feature Overview Geocoding And Search
Урок 140. 00:07:36
Setting Up Our Geocoding Service
Урок 141. 00:09:46
Setting Up Our Geocoding Context
Урок 142. 00:11:49
Hooking Up The Searchbar
Урок 143. 00:06:27
Searching For Restaurants
Урок 144. 00:00:41
Oh No A Bug!
Урок 145. 00:02:49
Oh No A Bug Solution!
Урок 146. 00:02:53
Key Warnings
Урок 147. 00:07:36
Oh No An Anti-Pattern
Урок 148. 00:02:13
Our Next Feature!
Урок 149. 00:00:53
Let's Optimize Before We Build!
Урок 150. 00:03:49
Building Navigation Infrastructure For Scale
Урок 151. 00:03:33
Restructuring Navigation
Урок 152. 00:07:57
Setting Up Stack Navigation
Урок 153. 00:03:33
Setting Up Restaurant Detail Navigation
Урок 154. 00:04:31
Modals And Touch Feedback
Урок 155. 00:01:40
Exercise Rendering The Card
Урок 156. 00:03:07
Solution Rendering The Card
Урок 157. 00:00:26
Back To Our Feature!
Урок 158. 00:01:35
Exercise Menu List
Урок 159. 00:07:29
Solution Menu List
Урок 160. 00:00:57
Feature Overview Map
Урок 161. 00:05:27
Installing React Native Maps
Урок 162. 00:09:22
Map Screen And Search
Урок 163. 00:08:32
Setting The Map Region
Урок 164. 00:03:04
Rendering Map Markers
Урок 165. 00:04:45
Custom Map Callout Exercise
Урок 166. 00:08:58
Custom Map Callout Solution
Урок 167. 00:02:01
Linking A Callout To Details
Урок 168. 00:00:58
Feature Overview Favourites
Урок 169. 00:06:17
Favourites Context
Урок 170. 00:07:17
Hooking Up Favourites Part 1
Урок 171. 00:04:37
Hooking Up Favourites Part 2
Урок 172. 00:04:34
Building A Favourites Bar Part 1
Урок 173. 00:09:47
Building A Favourites Bar Part 2
Урок 174. 00:09:26
Storing Favourites
Урок 175. 00:02:12
Uh Oh An Android Bug
Урок 176. 00:06:21
Feature Overview Firebase And Authentication
Урок 177. 00:05:42
Firebase Installation
Урок 178. 00:00:21
Quick Note On Firebase
Урок 179. 00:05:55
Let's Test Authentication
Урок 180. 00:05:40
Authentication Service And Context
Урок 181. 00:06:32
Account And Authentication Navigation
Урок 182. 00:04:02
Image Background Exercise
Урок 183. 00:03:13
Image Background Solution
Урок 184. 00:03:30
Lighten Up The Background
Урок 185. 00:11:32
Account Screen Buttons
Урок 186. 00:01:39
Exercise Login Screen
Урок 187. 00:09:20
Solution Login Screen
Урок 188. 00:02:10
Tying Up Some Loose Ends
Урок 189. 00:05:56
Feature Overview: Registration
Урок 190. 00:02:22
Activity Indicators
Урок 191. 00:06:18
Favourites Is Broken Part 1
Урок 192. 00:08:59
Favourites Is Broken Part 2
Урок 193. 00:08:45
Adding A Watermelon Animation
Урок 194. 00:00:55
Feature Overview: Settings
Урок 195. 00:07:44
Building The Settings Feature
Урок 196. 00:04:01
Making The Settings Screen Look Nice
Урок 197. 00:02:21
Favourites Screen Exercise
Урок 198. 00:09:30
Favourites Screen Solution
Урок 199. 00:08:35
Animations And Polish
Урок 200. 00:02:22
App Icons
Урок 201. 00:02:57
Expo Publish
Урок 202. 00:00:49
Feature Overview Camera Module
Урок 203. 00:03:17
Setting Up The Infrastructure
Урок 204. 00:03:12
Exercise Expo Camera
Урок 205. 00:05:35
Solution Expo Camera
Урок 206. 00:04:19
Taking A Picture
Урок 207. 00:11:04
Storing And Retrieving The Picture
Урок 208. 00:04:41
Important Note On This Section!
Урок 209. 00:02:45
Setting Up Your Payment Information For Firebase
Урок 210. 00:09:23
Setting Up Firebase CLI
Урок 211. 00:05:06
Running Firebase Functions Locally
Урок 212. 00:09:56
Moving Location Mock Part 1
Урок 213. 00:03:56
Moving Location Mock Part 2
Урок 214. 00:11:47
Moving Restaurants Mock
Урок 215. 00:04:08
Deploying Our Functions
Урок 216. 00:03:58
Switching Between Local And Deployed Functions
Урок 217. 00:01:07
Oh No Android Doesn't Work!
Урок 218. 00:02:37
Creating a Google Cloud Account
Урок 219. 00:04:16
A Cautionary Tale
Урок 220. 00:05:32
Configuring Our Google Cloud Project
Урок 221. 00:07:02
Setting Up Google Node SDK
Урок 222. 00:01:36
Firebase Environment
Урок 223. 00:08:12
Integrating Geocoding API
Урок 224. 00:06:30
Integrating Places API
Урок 225. 00:04:22
Integrating Places Photos
Урок 226. 00:03:42
Publishing Our Expo App And Functions
Урок 227. 00:03:02
Minor Optimizations
Урок 228. 00:10:20
Error Management
Урок 229. 00:03:12
Stripe Integration Demo
Урок 230. 00:02:38
Stripe Integration Architecture
Урок 231. 00:04:14
Signing Up For Stripe
Урок 232. 00:03:19
Quick Recap On Firebase Functions
Урок 233. 00:03:15
High Level Stripe Payment Flow
Урок 234. 00:03:11
React Native Stripe Client
Урок 235. 00:05:19
Setting Up Our Checkout
Урок 236. 00:09:46
Our Credit Card Input
Урок 237. 00:06:15
Getting Our First Stripe Token
Урок 238. 00:06:50
Hooking Up Our Credit Card Form
Урок 239. 00:03:43
Checkout Cart Overview
Урок 240. 00:08:20
Building The Cart Context
Урок 241. 00:11:45
Integrating Our Cart
Урок 242. 00:03:11
Oh No! A Cart Bug
Урок 243. 00:06:45
An Empty Cart
Урок 244. 00:10:33
Adding The Checkout UI
Урок 245. 00:01:10
Starting On The Payment Flow
Урок 246. 00:06:58
Getting The Payee Name
Урок 247. 00:06:43
Setting Up For Payment
Урок 248. 00:06:45
Building Our Payment Gateway
Урок 249. 00:08:44
Payment Request Part 1
Урок 250. 00:05:46
Payment Request Part 2
Урок 251. 00:06:53
Payment Request Part 3
Урок 252. 00:06:22
Adding Loading State
Урок 253. 00:14:27
Handling Error States
Урок 254. 00:01:12
Exercise Cart Persistance
Урок 255. 00:05:10
Solution Cart Persistance
Урок 256. 00:03:26
Before We Get Started
Урок 257. 00:02:47
What Will I Get Out Of This Section
Урок 258. 00:03:53
Building Standalone Apps
Урок 259. 00:03:24
Building An APK For Android
Урок 260. 00:03:46
Running Our APK On The Emulator
Урок 261. 00:04:15
Creating A Play Store Account
Урок 262. 00:06:50
Building iOS With Expo
Урок 263. 00:04:06
Testing Your iOS Build On A Simulator
Урок 264. 00:08:25
AppStore Connect And TestFlight
Урок 265. 00:01:32
Adding Some Polish
Урок 266. 00:03:57
Adapting The Theme Colors
Урок 267. 00:07:02
Improving The Settings Screen
Урок 268. 00:02:31
Improving Restaurant Detail Screen
Урок 269. 00:04:12
The Favourites Bar
Урок 270. 00:02:02
New Year New Me
Урок 271. 00:03:07
Why Upgrade
Урок 272. 00:05:28
Upgrading
Урок 273. 00:03:10
Smoke Testing the Upgrade
Урок 274. 00:01:18
Thank You!
Урок 275. 00:12:22
Introduction To React.js
Урок 276. 00:07:06
Create React App
Урок 277. 00:08:15
React App Folder Structure
Урок 278. 00:04:49
React 18 Update
Урок 279. 00:03:56
React Fundamentals
Урок 280. 00:05:00
React Fundamentals 2
Урок 281. 00:02:14
Hooks vs Classes
Урок 282. 00:04:03
Class vs Functional App.js
Урок 283. 00:20:14
Your First React Component
Урок 284. 00:16:04
Building A React App 1
Урок 285. 00:04:41
The Dirty Little Secret To Become An Expert
Урок 286. 00:09:48
Building A React App 2
Урок 287. 00:26:36
Building A React App 3
Урок 288. 00:05:00
Styling Your React App
Урок 289. 00:15:31
Building A React App 4
Урок 290. 00:08:54
Building A React App 5
Урок 291. 00:09:06
Building A React App 6
Урок 292. 00:08:31
Keeping Your Projects Up To Date
Урок 293. 00:03:57
Solution: Try Upgrading to React 18
Урок 294. 00:02:35
React Review
Урок 295. 00:08:12
Error Boundaries In React
Урок 296. 00:05:11
Deploying Our React App
Урок 297. 00:03:43
React Hooks
Урок 298. 00:03:48
React Hooks 2
Урок 299. 00:03:24
React Hooks 3
Урок 300. 00:04:02
React Hooks 4
Урок 301. 00:03:37
React Hooks 5
Урок 302. 00:06:55
React Hooks 6
Урок 303. 00:09:17
React Hooks 7
Урок 304. 00:04:49
React Hooks 8
Урок 305. 00:05:59
React Hooks 9
Урок 306. 00:17:41
CWD: Git + Github
Урок 307. 00:16:53
CWD: Git + Github 2
Урок 308. 00:14:45
Contributing To Open Source
Урок 309. 00:09:43
Contributing To Open Source 2

Авторы - udemy, zerotomastery.io

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+195

zerotomastery.io

Независимо от того, начинаете ли вы изучать программирование или хотите усовершенствовать свои навыки, Академия Zero To Mastery научит вас React, Javascript, Python, CSS и многим другим вещам, чтобы помочь вам продвинуться по карьерной лестнице, получить работу и добиться успеха в некоторых ведущих компаниях.

+254