Kurs React Native – podstawy

0

W tym kursie poznasz podstawowe zasady i pojęcia jakimi cechuje się React Native. Zobaczysz jak zbudować prostą natywną aplikację.

Poziom: podstawy
Data wydania: 2019
Czas trwania: 3 godziny 40 minut

Czego się nauczysz?

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.

  • 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 platformy
    Wybieraniu 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

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

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

Dodaj ocenę