React Native - Tworzenie natywnych aplikacji mobilnych dla programistów Front-End

Kod: react-native
Kategoria: React
Forma: 80% Warsztaty / 20% Wykłady
Czas trwania: 3 dni
Odbiorcy: developerzy, architekci
Zapisy: Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka: W siedzibie klienta lub w innym dowolnym miejscu.

W trakcie szkolenia uczestnicy zbudują kompletną aplikację React Native dla dwóch platform jednocześnie - iOS oraz Android.

Będą tworzyć komponenty, które działają oraz wyglądają dobrze na obu platformach równocześnie. Nauczą się jak tworzyć wydajne animacje i korzystać z natywnych komponentów oraz bibliotek.

ReactJS jest współcześnie chyba najpopularniejszą biblioteką do tworzenia aplikacji WWW. Dzięki użyciu Virtual DOM możliwe jest też tworzenie za jej pomocą natywnych aplikacji mobilnych dla platformy iOS oraz Android. React Native korzysta z wbudowanych w system komponentów i pozwala na uzyskanie praktycznie takiej samej wydajności jak aplikacje pisane dla każdej z platform w dedykowanym języku.

Wyróżniki szkolenia

  • W trakcie warsztatów uczestnicy tworzą kompletną aplikację
  • Pokazujemy prawdziwe problemy i ich rozwiązania
  • Pokazujemy jak tworzyć komponenty zarówno dla iOS jak i Androida
  • Tworzymy aplikację od zera, aż do przygotowania produkcyjnej paczki

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

  1. Components
    1. View
    2. Button
    3. Image
    4. Modals
    5. Responding to touch
    6. Keyboard avoiding view
    7. Safe Area View
    8. Platform specific components .ios .android
    9. Text and Text Input
  2. Styling
    1. FlexBox
      1. Yoga
    2. Positioning
      1. Hierarchy
    3. Sizing
    4. Styling
      1. Text Styling
    5. Stylesheet
    6. Sharing Styles
    7. Platform specific styling
      1. Platform inconsistencies
  3. Lists and Scrolls
    1. Vertical/Horizontal Lists
    2. Scroll View
    3. Performance Optimizations
    4. Infinite Scroll
  4. Imperative APIs
    1. Alerts
    2. Pickers
    3. Keyboard
    4. Geolocation
  5. Navigation
    1. React Navigation
    2. Routes
      1. Configuring Routes
      2. Ad-Hoc Route Configuration in Screens
    3. Screens
    4. Navigators
      1. Stack
      2. Drawer
      3. Tab
    5. Passing arguments
    6. Dynamic Header
  6. Networking
    1. Device status
    2. Using HTTP APIs
  7. Animation
    1. Native Animations
    2. JS Animations
  8. Touch
    1. Touch Handlers
    2. Gesture Responders
  9. Native Modules
    1. Linking 3rd party libraries
    2. Creating custom native module
      1. iOS
      2. Android
      3. Common JS API
    3. Creating custom component
  10. Running on device
    1. iOS/Xcode
    2. Android
  11. Releasing to stores
    1. iOS
    2. Android
    3. Signing
    4. Production build
  12. State Management
    1. Without persistent state
    2. With persistent state
  13. Persistent State
    1. SQL Database
    2. Async Storage
    3. NoSQL databases


Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Marek Piechut

Trener JS

You aren't gonna need it! Start simple and grow from there.

Bartek Witczak

Trener JS

There's no silver bulett. Context is the king.

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

  • Looking for the Holy Grail of Mobile Web Performance
    KATEGORIE: Front-end

    W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

    Audyty architektury
  • JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema
    KATEGORIE: Front-end

    Slides

    JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

    Autor Bottega:

    Tomasz Ducin

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

    Audyty architektury
  • A Ty co zrobisz bez frameworka
    KATEGORIE: Front-end

    Podczas tej prezentacji poznamy lit-html – bibliotekę, która w prosty sposób abstrahuje zawiłości operacji na DOM-ie – oraz jej kuzyna lit-element, dzięki któremu Web Componenty są dziś na wyciągnięcie ręki. Sprawdzimy, jak wiele można mieć za tak niewiele i zastanowimy się, czy lit-html może stanowić alternatywę dla frameworków.

    Autor Bottega:

    Adam Bar

    Powiązane szkolenia dedykowane:

    (zobacz wszystkie powiązane...)

    Svelte: Reaktywne Aplikacje Frontendowe

    Powiązane usługi:

    Audyty architektury

    Audyty architektury

Wymagania przed Szkoleniem

Wymagana jest znajomość języka JavaScript oraz biblioteki React. Przydatne jest też posiadanie przynajmniej podstawowej wiedzy z zakresu tworzenia aplikacji mobilnych.

Jeżeli w trakcie warsztatów uczestnicy będą chcieli uruchamiać aplikacje na platformie iOS niezbędne są też komputery Apple Mac.

W przypadku braku znajomości biblioteki React zalecamy wcześcniejsze uczestnictwo w 3-dniowym szkoleniu React.JS.

Zamów szkolenie

Imię i nazwisko:
Firma:
E-mail:
Nr tel:
Temat:
Wiadomość:

Jeżeli preferujesz osobisty kontakt to zawsze możesz zadzwonić.

Iwona Sobótka

Koordynatorka szkoleń


Wyrażam zgodę na przetwarzania danych osobowych zgodnie z ustawą o ochronie danych osobowych w związku z wysłaniem zapytania przez formularz kontaktowy.

Podanie danych jest dobrowolne ale niezbędne do przetworzenia zapytania. Zastałem/am poinformowany/na, że przysługuje mi prawo dostępu do swoich danych, możliwości ich poprawienia, żądania zaprzestania ich przetwarzania.

Administratorem danych osobowych jest Bottega IT Minds, ul. Jana Sawy 2, 20-632 Lublin.

Klauzula informacyjna