udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
React Native Design - Делаем front end 10-ти мобильных приложений
React Native Design - Build front end of 10 mobile Apps
★4.2 (всего оценок - 26)
Продолжительность
6 ч 42 мин
Категория
React NativeКоличество уроков
45 Видео
Дата добавления
15 февр. 2018 г., 13:59
Язык
Английский
Дата выхода
16 янв. 2018 г., 00:00
Дата обновления
28 апр. 2026 г., 23:35
Освойте React Native с нуля и создайте фронтенд 10 полноценных мобильных приложений для Android и iOS. Курс фокусируется на дизайне, интерфейсах и продуманном UI, а не на сложной логике — идеально для тех, кто хочет быстро начать делать красивые приложения.
Что представляет собой этот курс
Курс посвящён практическому освоению React Native, Expo и популярных UI-библиотек. Вы научитесь создавать адаптивные интерфейсы, которые выглядят одинаково хорошо на разных устройствах и платформах, избегая типичных сложностей мобильной разработки.
Какие проблемы решает курс
Этот курс создан для тех, кто хочет разрабатывать приложения, но сталкивается со следующими трудностями:
- Необходимость изучать разные языки для Android и iOS (Java/Kotlin и Swift).
- Сложности с адаптацией интерфейсов под разные размеры экранов.
- Неодинаковый внешний вид приложений на Android и iOS.
Мы избавим вас от этих проблем — вы будете писать один код на Javascript, который создаёт нативный UI под обе платформы.
Почему именно React Native и Expo
React Native используется такими компаниями, как Facebook, Instagram, Tesla и многими другими. Вы сможете применять свои навыки веб-разработки для создания полноценного мобильного UI, а Expo ускорит и упростит весь процесс разработки.
Что вы будете использовать
- React Native — основа нашего интерфейса.
- Expo — для быстрого запуска и тестирования.
- Native Base и Elements — для создания удобных и красивых UI-компонентов.
Какие проекты вы создадите
В ходе обучения вы создадите 10 приложений, каждое из которых разбирает важную проблему мобильного дизайна. Это позволит вам обрести уверенность в создании продуманного интерфейса под любые задачи.
В числе проектов
- Клон YouTube (только UI).
- Разнообразные приложения с уникальными экранами, стилями и логикой расположения элементов.
Чему вы научитесь после прохождения курса
После завершения курса вы сможете уверенно разрабатывать интерфейсы для Android и iOS с помощью React Native. Все проекты, созданные на курсе, тестируются на обеих платформах и выглядят одинаково аккуратно.
Ключевые навыки
- Создание адаптивных UI под разные размеры экранов.
- Использование мощных UI-библиотек.
- Оптимизация дизайна под Android и iOS.
- Грамотная работа со стилями в React Native.
Итог
React Native — современная технология, любимая разработчиками по всему миру. С его помощью вы сможете сосредоточиться на реализации идей, а не на изучении множества языков. Курс поможет вам быстро войти в мобильную разработку и начать создавать профессиональные интерфейсы своими руками.
- Урок 1.00:04:32Introduction to the course
- Урок 2.00:09:21Get all the tools - Do not skip
- Урок 3.00:14:51Setting up Expo, AVD and XCODE
- Урок 4.00:03:55File structure of expo project
- Урок 5.00:07:00Configure Atom - Important
- Урок 6.00:09:13Basics of React Native and styling
- Урок 7.00:07:58Creating a seperate component
- Урок 8.00:08:49Flexbox basics and free resource to learn flexbox
- Урок 9.00:08:52Getting ScrollView ready for screens
- Урок 10.00:11:50Styling tips for scrollViews
- Урок 11.00:02:11Running it on Actual Android device
- Урок 12.00:13:03Getting started with login screens and situations
- Урок 13.00:06:18Nesting components styling
- Урок 14.00:12:59Avoiding keyboard in login
- Урок 15.00:02:29Running app on Actual Android device
- Урок 16.00:16:31Shopping cart top bar
- Урок 17.00:05:55Adding hero image
- Урок 18.00:14:49Adding Scrollable body with prop components
- Урок 19.00:10:27Overlay Text over images
- Урок 20.00:02:42Running project on Actual Android devices
- Урок 21.00:17:20Designing Header for Gallery
- Урок 22.00:07:11Styling Text elements of header
- Урок 23.00:10:34Mid section - subscribers
- Урок 24.00:10:14Scrollable gallery
- Урок 25.00:11:43Getting started with youtube logo
- Урок 26.00:07:46Getting the material icons
- Урок 27.00:12:20Having bottom bar of youtube
- Урок 28.00:20:02Designing body of video tiles
- Урок 29.00:03:56Debugging and running it on Android Devices
- Урок 30.00:07:19Introduction to Native Base
- Урок 31.00:14:10Installing Native base with Expo Client
- Урок 32.00:01:50Fixing Android issue related to fonts
- Урок 33.00:10:36React Native Elements setup
- Урок 34.00:09:11Horizontal card view with ListView
- Урок 35.00:05:39Setting up Native base for Drawer
- Урок 36.00:07:51Getting Instagram style cards
- Урок 37.00:06:12Getting a footer with badges
- Урок 38.00:10:08Creating sidebar component
- Урок 39.00:13:27Sidebar and scrollable card in both directions
- Урок 40.00:03:03Running it on Actual Android device
- Урок 41.00:03:27Creating a project for Tinder cards
- Урок 42.00:07:55Custom header components
- Урок 43.00:08:07Tinder swipe cards components
- Урок 44.00:06:02Chatlist view setup
- Урок 45.00:12:30Having a Chatlist and assignment
Автор - udemy
Комментарии