Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 29/ 41Animated.loop
React Native: Animated.loop
Czego się nauczysz
- Konfiguracja środowiska i zrozumienie tego, jak działa React Native
- Omówienie komponentów i różnic względem web
- Zrozumienie i obsługa nawigacji
- Tworzenie animacji przy zachowaniu pełnej wydajności
- Cachowanie danych i podejście offline-first
React Native - Mobilne Aplikacje z React
Tworzenie aplikacji mobilnych zawsze kojarzyło się z czymś trudnym i wymagającym. Jednak mimo pewnych różnic względem tworzenia stron internetowych mobile to dalej front-end, który przy pomocy React Native możesz tworzyć tak samo prosto i wygodnie, jak wersje webowe! W tym Kursie dowiedz się jak wykorzystać tę technologię, tak, by już wkrótce być w stanie stworzyć swoją pierwszą aplikację mobilną.
Witaj w świecie mobile!
Zarówno iOS jak i Android posiadają swoje natywne SDK, do obsługi którego musimy poznać nowe języki - Swift czy Kotlin, o Objective-C czy Javie nie wspominając. Z kolei React Native jest do tego świetną alternatywą, która pozwala tworzyć jeden kod na obie platformy. Dodatkowo - bazuje na najpopularniejszym frameworku webowym, co znacząco zmniejsza próg wejścia.
Komponenty
Tak samo jak "czysty" React, React Native opiera się na komponentach. Poznasz ich specyfikę i nauczysz się poprawnie budować UI aplikacji. Zrozumiesz też jak najwydajniej zarządzać skomplikowanym layoutem, takim jak długie listy, i jak to wszystko łatwo stylować.
Animacje
Animacje to nie tylko efekty przyjemne dla oka - to przede wszystkim dobry UX, który pozwala użytkownikowi odnaleźć się w aplikacji i zrozumieć jej mechanikę. Podczas kursu poznasz wszystkie podstawowe metody i koncepcje tworzenia animacji oraz poznasz sposoby optymalizacji ich działania. Dodatkowo omówimy prawidłowe podejście do dużo bardziej skomplikowanych interaktywnych animacji, przedstawimy ciekawe biblioteki oraz best-practices.
Nawigacja
Praktycznie każda aplikacja, niezależnie od tego, czy web, czy mobile, składa się z wielu widoków i ekranów. Zarządzanie ścieżkami, jakimi użytkownik może się poruszać, to jedna z najważniejszych rzeczy - a w tym kursie dowiesz się jakich narzędzi należy używać i jak łatwo obsługiwać zagnieżdżone ekrany.
Offline-first
Niewątpliwym atutem aplikacji jest to, że może praktycznie bez ograniczeń przechowywać content w urządzeniu telefonu, a przez to - dostarczać treści niezależnie od dostępności internetu. Omówimy różne koncepcje zapisywania danych oraz poznamy metody i narzędzia do ich wdrażania.
Deployment
Przybliżymy ci proces wypuszczania aplikacji "w świat" oraz przedstawimy narzędzia, z których sam autor korzysta do ułatwienia tego procesu.
Dla kogo jest ten kurs?
Kurs jest dla każdego kto zna podstawy JavaScript oraz React i chciałby się rozwijać i tworzyć mega ciekawe projekty, które mogą używać aparatu czy sensorów smartfona.
Wersja oprogramowania: 0.62.2+
Kurs React Native
12 rozdziałów41 lekcji5h 51min
Wstęp do mobile
18min
- Wprowadzenie4min(zablokowana)
- Wstęp do mobile14min(zablokowana)
Jak działa RN
6min
- Jak działa React Native?6min(zablokowana)
Wprowadzenie do RN
43min
- Pierwszy projekt w Expo5min(zablokowana)
- Struktura projektu Expo5min(zablokowana)
- React Native CLI6min(zablokowana)
- Xcode9min(zablokowana)
- Android Studio5min(zablokowana)
- Narzędzie do debugowania12min(zablokowana)
Komponenty i stylowanie
1h 1min
- Główne komponenty11min(zablokowana)
- Stylowanie (StyleSheet)6min(zablokowana)
- StyledComponents11min(zablokowana)
- Buttony10min(zablokowana)
- TextInput9min(zablokowana)
- Flexbox13min(zablokowana)
Platform specific code
10min
- Platform specific code10min(zablokowana)
Listy
45min
- ScrollView16min(zablokowana)
- FlatList14min(zablokowana)
- Optymalizacja FlatList15min(zablokowana)
WebView
20min
- Dynamic (apka Hybrydowa)13min(zablokowana)
- Static (HTML)6min(zablokowana)
Nawigacja
38min
- react-navigation / nawigatory8min(zablokowana)
- Tab navigation13min(zablokowana)
- Stack navigation9min(zablokowana)
- Nested navigators8min(zablokowana)
Animacje
1h
- Animated6min(zablokowana)
- Native driver5min(zablokowana)
- Animated.sequence3min(zablokowana)
- Animated.loop6min(zablokowana)
- Animated.interpolate9min(zablokowana)
- Animatable8min(zablokowana)
- Animacje interaktywne (scroll)15min(zablokowana)
- Zaawansowane animacje8min(zablokowana)
Offline first
23min
- Offline First - co to znaczy9min(zablokowana)
- AsyncStorage basics9min(zablokowana)
- AsyncStorage list5min(zablokowana)
Deployment
27min
- Android, signing, apk vs bundle11min(zablokowana)
- iOS profiles, scheme6min(zablokowana)
- Firebase tools5min(zablokowana)
- Fastlane5min(zablokowana)
Podsumowanie
1min
- Zakończenie1min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.
Autor kursu
Bio
Hej!
Programuje od 15 lat, a mobile zajmuje się od prawie 10. To nie tylko programowanie, ale cały ekosystem, trendy jak messenger/superapps, PWA, itp.
Od 3 lat jestem odpowiedzialny za dział mobile w firmie Panowie Programiści oraz pomagam różnym firmom w tym jak używać tego kanału i maksymalnie go wykorzystywać. Bywam również mentorem na meetupach organizowanych przez DevMeetings.
Jeszcze w trakcie studiów na Politechnice Warszawskiej zaczynałem interesować się Androidem i Javą jeszcze w wersji 2.3. Potem przesiadłem się na iOS od wersji 7 (objective-c), a obecnie zajmuje się głównie technologiami JS - React/React Native i generalnie MERN.