ui.dev (ex. Tyler McGinnis)
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Продолжительность
3 ч 46 мин
Категория
React NativeКоличество уроков
83 Видео
Дата добавления
8 июл. 2018 г., 09:59
Язык
Английский
Дата выхода
18 нояб. 2016 г., 00:00
Дата обновления
28 апр. 2026 г., 23:36
React Native — мощный инструмент для кроссплатформенной разработки, позволяющий создавать полноценные iOS и Android приложения, используя знакомый стек React. Этот курс Тайлера МакГинниса поможет вам глубоко освоить фреймворк, понять его архитектуру и уверенно довести своё приложение до публикации в App Store и Google Play.
О курсе
Курс сочетает в себе более 7 часов видео, подробные текстовые материалы и практическую программу обучения, охватывающую ключевые аспекты разработки на React Native. Это один из самых насыщенных и глубоких обучающих материалов по фреймворку, ориентированный на реальный результат — создание и публикацию мобильного приложения.
Кому подойдёт курс
- Разработчикам, уже знакомым с React и желающим перенести свои навыки в мобильную среду.
- Мидл и сеньор разработчикам, которые хотят изучить декларативный подход к созданию UI.
- Тем, кто хочет разобраться, как создавать нативные приложения без необходимости изучать Swift, Objective‑C или Java.
- Тем, кого не устраивают фрагментарные обучающие материалы и нужен полный, последовательный гайд по React Native.
Предварительные требования
Перед началом важно иметь:
- Опыт работы с React.
- Понимание ES2015+.
Если вы опытный разработчик без этих навыков, вы всё равно сможете пройти курс, но вам может понадобиться больше времени на изучение сопутствующих материалов.
Чему вы научитесь
Основы и API React Native
- ScrollView и ListView
- ActivityIndicator
- Image и работа с медиа
- Touchable Components
- TextInput
- Infinite Scrolling
- Pull to Refresh
- RefreshControl
iOS и Android компоненты
- Footer Tabs (iOS)
- Drawer Tabs (Android)
- DrawerLayoutAndroid
- TabBarIOS
Продвинутые темы
- Web vs Native UI
- Анимации в React Native
- Redux и remote Redux DevTools
- Ajax-запросы, работа с fetch
- Интеграция с Firebase
- Стайлинг и Flexbox
- Дебаггинг в React Native
- Маршрутизация с Navigator
Практический результат
По завершении курса вы сможете собрать и опубликовать собственное приложение в App Store и Google Play, а также уверенно использовать React Native в реальных проектах.
Дополнительная информация
Внимание: качество видео — 360p. Это обусловлено оригинальными материалами автора, который заранее предупреждал об этом на своём сайте.
- Урок 1.00:00:51Course Intro
- Урок 2.00:01:20What is React Native?
- Урок 3.00:01:07Why Expo
- Урок 4.00:02:19Hello World
- Урок 5.00:03:01How to debug
- Урок 6.00:01:04Refreshing the App
- Урок 7.00:00:31Summary
- Урок 8.00:00:19Lesson 2 Overview
- Урок 9.00:00:34Web vs Native
- Урок 10.00:00:34React Native Components
- Урок 11.00:01:08View and Text
- Урок 12.00:02:38App Walkthrough
- Урок 13.00:01:41Rendering Icons
- Урок 14.00:05:02AddEntry - getMetricMetaInfo
- Урок 15.00:02:44AddEntry Component Icons not Rendering
- Урок 16.00:04:34AddEntry - methods
- Урок 17.00:05:18AddEntry - render
- Урок 18.00:01:43AddEntry - DateHeader
- Урок 19.00:03:54Touchables Touchables
- Урок 20.00:03:54AddEntry - SubmitBtn
- Урок 21.00:02:00Slider
- Урок 22.00:02:11AddEntry - UdaciSlider
- Урок 23.00:02:34AddEntry - UdaciSteppers
- Урок 24.00:04:00AddEntry-TextButton
- Урок 25.00:03:57Lists Lists Seeing Errors with ScrollView
- Урок 26.00:04:00Forms Forms Oops! (onChange vs. onChangeText)
- Урок 27.00:02:03Image
- Урок 28.00:00:27LocalStorage Local StorageExample Saving to localStorage
- Урок 29.00:04:17API.js
- Урок 30.00:00:36Redux in React Native
- Урок 31.00:01:59Building out Actions
- Урок 32.00:02:40Building out the Reducer
- Урок 33.00:01:24Creating a Store
- Урок 34.00:06:43Connecting AddEntry.js
- Урок 35.00:00:32Summary Summary
- Урок 36.00:00:15Lesson Overview
- Урок 37.00:01:15CSS in JS CSS in JS Additional Styling
- Урок 38.00:03:00Style Progression
- Урок 39.00:01:31Flexbox Getting Started with Flexbox
- Урок 40.00:00:27Flexbox Implementation React Native's Flexbox Implementation
- Урок 41.00:03:31Style Meta Info
- Урок 42.00:01:57Platform API Platform API
- Урок 43.00:06:24Style AddEntry
- Урок 44.00:07:39Style Steppers
- Урок 45.00:04:28Style the rest
- Урок 46.00:06:54History
- Урок 47.00:04:48Calendar
- Урок 48.00:04:53Methods
- Урок 49.00:04:06Metric Card
- Урок 50.00:01:52App Loading
- Урок 51.00:00:18Intro
- Урок 52.00:05:24CSS in JS Libraries Libraries for CSS in JS
- Урок 53.00:00:26Summary and Outro Summary
- Урок 54.00:00:57Overview
- Урок 55.00:03:31TabNavigator Intro TabNavigator
- Урок 56.00:05:04Adding TabNavigator
- Урок 57.00:02:37StatusBar Intro StatusBar
- Урок 58.00:03:10Intro StackNavigator
- Урок 59.00:04:36Adding StackNavigator
- Урок 60.00:02:44navigationOptions
- Урок 61.00:02:42Connect EntryDetail
- Урок 62.00:06:08EntryDetail Reset
- Урок 63.00:02:07Finish Navigation
- Урок 64.00:02:46DrawerNavigator DrawerNavigatorSummary
- Урок 65.00:00:35Lesson 4 Outro
- Урок 66.00:00:24Lesson 5 Overview
- Урок 67.00:04:21Live
- Урок 68.00:00:25Introduction to Geolocation
- Урок 69.00:02:21Undetermined Geolocation
- Урок 70.00:01:00Denied Geolocation
- Урок 71.00:02:59Granted Geolocation
- Урок 72.00:04:55Set Geolocation
- Урок 73.00:03:32AskPermission
- Урок 74.00:05:46Animations
- Урок 75.00:04:08Animated Cautions Animations
- Урок 76.00:00:33Local Notifications Notifications on iOS
- Урок 77.00:06:03setLocalNotifications scheduleLocalNotificationAsync
- Урок 78.00:02:05useLocalNotification Summary
- Урок 79.00:00:16Handling Photos Summary
- Урок 80.00:02:25App Store Prep
- Урок 81.00:02:25Prep App
- Урок 82.00:02:47.apk and .ipa files What are .apk and .ipa Files
- Урок 83.00:00:20unnamed 83Course Outro
Автор - ui.dev (ex. Tyler McGinnis)
Комментарии