fbpx
Kurs React Native podstawy

Ten kurs krok po kroku przekaże Ci wiedzę z praktycznego wykorzystywania Reacta Native. Poznasz struktury plików, style, właściwości, obsłużysz funkcje dotknięcia, utworzysz nawigację oraz zadbasz o UX.

  • Poziom: podstawy
  • Data wydania: 26.08.2018
  • Czas trwania: 3 godziy 40 minut
  • Program: React Native 0.56
Szybki start z React Native

React native to technologia, która pozwoli Ci tworzyć natywne aplikacje przy wykorzystaniu wyłącznie Reacta. Oznacza to, że wystarczy napisać jedną wersję kodu w znanej Ci bibliotece, a później możesz wygenerować z tego aplikację, która będzie działać równie dobrze na Androidzie jak i na iOS. Nie musisz więc znać objective-c, swifta, javy czy kotlina.

Nie da się ukryć, że jest to ogromna zaleta ponieważ do zaprojektowania aplikacji potrzebujesz znać tylko JavaScript oraz Reacta. Łatwość projektowania sprawiła, że Reacta Native wykorzystują w swoich aplikacjach mobilnych największe firmy jak Instagram, Airbnb, Skype.

Ten kurs krok po kroku przekaże Ci wiedzę z praktycznego wykorzystywania Reacta Native. Poznasz struktury plików, style, właściwości, obsłużysz funkcje dotknięcia, utworzysz nawigację oraz zadbasz o UX.

Technologia Reacta cały czas pnie się w górę i wypiera inne rozwiązania. Rośnie przez to zapotrzebowanie na rynku pracy dlatego masz teraz świetną okazję, żeby zdobyć wiedzę na temat Reacta Native. Twórcy Reacta wyznają zasadę “naucz się raz i korzystaj”. I faktycznie tak jest, ponieważ gdy się go raz nauczysz możesz tworzyć aplikacje bez ograniczeń.

Czego się nauczysz ?

Pobieranie danych
Pokazanie trzech sposobów na pobieranie danych z zewnętrznego API

Flex
Jak wykorzystać właściwości flex layout

Funkcje dotykowe
Jak w aplikacji utworzyć reagowanie na dotyk użytkownika

Style
O stylowaniu bardziej złożonych komponentów RN z wykorzystaniem komponentu StyleSheet

Zasoby
Dostęp i odwoływanie się do zasobów takich jak obrazki czy wideo

Animacje
Jak używać i zrozumieć działanie animacji

Listy
Wyświetlanie większej ilości danych w liście w zoptymalizowany sposób. Sprawdzenie opcji z nagłówkami

Pobieranie danych
Pokazanie trzech sposobów na pobieranie danych z zewnętrznego API i przykładowa implementacja najpopularniejszego

Nawigacja
Nawigowanie pomiędzy poszczególnymi ekranami naszej aplikacji

Kod odpowiedni dla plaltformy
ybieraniu kodu napisanego specyficznie dla Androida bądź iOS
Dla kogo jest ten kurs ?
Dla osób, które poznały...
Reacta oraz JavaScirpt. Nie musisz być ekspertem ale warto żebyś znał podstawy. Pomogą Ci w tym inne nasze kursy
Dla początkujących
Kurs to szybki start dla osób, które jeszcze nie pracowały w React Native
Dla developerów
Dla każdego, kto chce projektować aplikacje wieloplatformowe
Podstawowe komponenty

Swoją przygodę zaczniesz od konfiguracji środowiska i uruchomienia pierwszej aplikacji. Poznasz podstawową składnię, by następnie przejść do poznawania najważniejszych elementów tej biblioteki. Sprawisz, że komponenty będą bardziej generyczne i wykorzystasz Image oraz View dzięki funkcji Props. Natomiast state pozwoli Ci kontrolować na bieżąco stan stworzonego komponentu. Nauczysz się łączyć ze sobą style oraz korzystać z komponentu StyleSheet. Ustawisz stałe wymiary dla poszczególnych komponentów oraz zastosujesz bardziej dynamiczne podejście do wymiarów.

Interaktywny interfejs

Poznaj trzy najważniejsze właściwości jakie wykorzystuje się korzystając z flex layout. Pozwól użytkownikowi wprowadzać własne treści do aplikacji dzięki TextInput. Nauczysz się implementacji różnych powierzchni obsługujących dotykanie. Zobaczysz jak działa ScrollView, dzięki któremu utworzysz widok, który można scrollować jeśli jego zawartość wychodzi poza widoczny obszar.

Animacje / UX

Animacje są podstawą budowania doświadczeń użytkownika. Zazwyczaj w przypadku aplikacji mobilnych są one trudne do wdrożenia. Jednak z Reactem Native przekonasz się, jak w szybki sposób dodać animacje i poprawić funkcjonowanie aplikacji. W kursie omówione zostały najpopularniejsze animacje i przedstawione na praktycznych przykładach. Pokażemy Ci jak udoskonalić wrażenia użytkownika Twojej aplikacji.

Timery

Opowiemy o tym jak opóźnić wykonanie kodu i jakie podejście w danej sytuacji jest najlepszym wyborem. Poruszymy również temat TimerMixin w celu uniknięcia krytycznych błędów po odmontowaniu komponentów

Spis lekcji

1. Wprowadzenie
2. Podstawy
3. Props
4. State
5. Style
6. Wymiary
7. Flex
8. TextInput
9. Obsługiwanie dotknięcia
10. ScrollView
11. Listy
12. Pobieranie danych
13. Kod odpowiedni dla platformy
14. Nawigacja
15. Zasoby
16. Animacje
17. Lepsze UX
18. Timery

Opinie

Na razie nie ma opinii o produkcie.

Bądź pierwszym recenzentem “Kurs React Native – podstawy”

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *