Course Code: bootcampreactdevmid
Duration: 420 hours
Prerequisites:
  • Podstawowe zrozumienie koncepcji programowania
  • Podstawowa znajomość JavaScript

Publiczność

  • Programiści mobilni
  • Programiści
Overview:

Rozwój iOS koncentruje się na tworzeniu aplikacji specjalnie dla urządzeń Apple (iPhone'ów i iPadów) przy użyciu Swift/Objective-C i Xcode, rozwój Android obejmuje tworzenie aplikacji dla urządzeń Android przy użyciu Kotlin/Java i Android Studio, a rozwój React Native to wieloplatformowa platforma, która umożliwia tworzenie aplikacji zarówno dla iOS, jak i Android przy użyciu JavaScript, ze współdzielonymi bazami kodu, wykorzystując bibliotekę React do tworzenia interfejsu użytkownika.

Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla średnio zaawansowanych programistów, którzy chcą opanować tworzenie aplikacji mobilnych na wielu platformach.

Pod koniec tego szkolenia uczestnicy będą mogli

  • Konfigurować środowiska programistyczne dla iOS, Android i React Native przy użyciu Xcode, Android Studio i React Native CLI/Expo.
  • Rozwijać natywne aplikacje iOS i Android przy użyciu Swift dla iOS i Kotlin dla Android, tworząc aplikacje z nawigacją i integracją API.
  • Twórz wieloplatformowe aplikacje za pomocą React Native, wykorzystując jedną bazę kodu do tworzenia aplikacji zarówno dla iOS, jak i Android.
  • Projektowanie responsywnych interfejsów użytkownika przy użyciu Auto Layout, XML i Flexbox dla iOS, Android i React Native.
  • Zarządzaj danymi i stanem w aplikacjach przy użyciu lokalnych rozwiązań pamięci masowej i obsługuj żądania API na wszystkich platformach.
  • Włączanie zaawansowanych funkcji, takich jak kamera, geolokalizacja i mapy, do aplikacji mobilnych.
  • Wdrażanie nawigacji wieloekranowej w iOS, Android i React aplikacjach natywnych.
  • Debugowanie i testowanie aplikacji przy użyciu narzędzi dostarczanych przez Xcode, Android Studio i React Native.
  • Wdrażanie aplikacji w App Store i Go Google Play Store.
  • Ukończenie projektu Capstone prezentującego nabyte umiejętności poprzez zbudowanie i zaprezentowanie funkcjonalnej aplikacji mobilnej.

Format kursu

  • Interaktywny wykład i dyskusja.
  • Wiele ćwiczeń i praktyki.
  • Praktyczne wdrożenie w środowisku laboratoryjnym na żywo.

Opcje dostosowywania kursu

  • Aby poprosić o spersonalizowane szkolenie dla tego kursu, skontaktuj się z nami w celu ustalenia szczegółów.
Course Outline:

Wprowadzenie

Tydzień 1: Przegląd Mobile Development

  • Ekosystem i platformy mobilne
    • Przegląd mobilnych systemów operacyjnych (iOS i Android)
    • Kluczowe różnice między iOS, Android i rozwojem międzyplatformowym
    • Popularne sklepy z aplikacjami (Apple App Store, Google Play Store)
    • Wprowadzenie do programowania natywnego, hybrydowego i międzyplatformowego
  • Natywne vs hybrydowe vs międzyplatformowe
    • Zalety i wyzwania związane z każdą z metod programowania
    • Przegląd Swift (dla iOS), Kotlin (dla Android) i React Native (cross-platform)
    • Jak kod przekłada się na platformy mobilne (Java Script na kod natywny w React Native)
  • Podstawy Programming
    • Wprowadzenie do koncepcji programowania (zmienne, typy danych, funkcje, przepływ sterowania)
    • Porównanie składni Swift, Kotlin i JavaScript
    • Pisanie prostych programów przy użyciu Swift, Kotlin i JavaScript
  • Konfigurowanie środowisk programistycznych
    • Instalowanie Xcode i Android Studio
    • Konfigurowanie React Native CLI i Expo
    • Uruchamianie podstawowych aplikacji "Hello World" na symulatorach i emulatorach

Tydzień 2: Wprowadzenie do Swift, Kotlin i JavaScript

  • Swift Programming dla iOS
    • Zmienne, stałe i typy danych w Swift
    • Instrukcje przepływu sterowania(if, switch, pętle)
    • Funkcje i parametry w Swift
    • Wprowadzenie do interfejsu Xcode i Swift Playgrounds
  • Kotlin Programming dla Android
    • Zmienne, typy danych i funkcje w Kotlin
    • Zrozumienie bezpieczeństwa null w Kotlin
    • Przepływ sterowania i struktury pętli
    • Wprowadzenie do interfejsu Android Studio i Kotlin Placu zabaw
  • Skrypt Java dla React Native
    • Zmienne, stałe i przepływ sterowania w JavaScript
    • Funkcje ES6: funkcje strzałek, literały szablonów i destrukturyzacja
    • Pisanie i uruchamianie podstawowych programów JavaScript w React Native przy użyciu Expo

Tydzień 3: iOS Projektowanie interfejsu użytkownika

  • Interfejs użytkownika Element w iOS
    • Wprowadzenie do UIKit i SwiftUI
    • Dodawanie i dostosowywanie elementów interfejsu użytkownika, takich jak przyciski, etykiety i pola tekstowe
    • Używanie Interface Builder do projektowania interfejsu użytkownika
    • Praca ze scenorysami i projektowanie wieloekranowych interfejsów użytkownika
  • Układ automatyczny i ograniczenia
    • Zrozumienie systemu Auto Layout
    • Korzystanie z ograniczeń dla responsywnych układów na różnych rozmiarach ekranu
    • Tworzenie widoków stosu i dynamiczne dostosowywanie elementów interfejsu użytkownika
  • SwiftPodstawy interfejsu użytkownika
    • Wprowadzenie do deklaratywnego projektowania interfejsu użytkownika w SwiftUI
    • Tworzenie prostych komponentów interfejsu użytkownika przy użyciu SwiftUI

Tydzień 4: Android Projektowanie interfejsu użytkownika

  • XML Układy w Android
    • Wprowadzenie do projektowania układów w oparciu o XML
    • Praca z typowymi układami: LinearLayout, RelativeLayout, ConstraintLayout
    • Dodawanie i dostosowywanie elementów interfejsu użytkownika: przyciski, widoki tekstowe, widoki obrazów
    • Korzystanie z ConstraintLayout dla responsywnych i dynamicznych układów
  • Material Design
    • Integracja zasad Material Design (kolory, ikony, typografia)
    • Korzystanie z komponentów Material Components (przyciski, pływające przyciski akcji, karty)
    • Wdrażanie motywów i stylizacji dla Android aplikacji

Tydzień 5: React Projektowanie natywnego interfejsu użytkownika

  • Natywny układ Flexbox React
    • Zrozumienie Flexbox dla projektowania responsywnego układu
    • Tworzenie układów opartych na kolumnach i wierszach
    • Stylizacja komponentów interfejsu użytkownika za pomocą właściwości Flexbox (justifyContent, alignItems itp.)
  • Natywne komponenty React
    • Praca z podstawowymi komponentami, takimi jak Text, View, TextInput i Button
    • Tworzenie interaktywnych elementów interfejsu użytkownika, takich jak formularze i przyciski
    • Używanie komponentu ScrollView do dynamicznej zawartości

Tydzień 6: Obsługa danych w iOS i Android

  • Obsługa danych iOS
    • Używanie UserDefaults do prostego przechowywania danych
    • Wprowadzenie do Core Data dla lokalnego przechowywania złożonych danych
    • Pobieranie danych z interfejsów API przy użyciu URLSession
    • Parsowanie danych JSON i wyświetlanie ich w interfejsie użytkownika
  • Android Obsługa danych
    • Używanie SharedPreferences do przechowywania niewielkich ilości danych
    • Wprowadzenie do SQLite i Room Persistence Library do zarządzania bazami danych
    • Pobieranie danych z interfejsów API przy użyciu Retrofit
    • Parsowanie JSON i obsługa odpowiedzi API

Tydzień 7: React Native State Management i interfejsy API

  • Stan i rekwizyty w React Native
    • Zarządzanie przepływem danych w komponentach React Native
    • Używanie haka useState do zarządzania stanem komponentów lokalnych
    • Przekazywanie danych między komponentami nadrzędnymi i podrzędnymi za pomocą rekwizytów
  • Pobieranie danych w React Native
    • Używanie Fetch API i Axios do wykonywania żądań HTTP
    • Wyświetlanie pobranych danych na listach (przy użyciu FlatList, SectionList)
    • Utrwalanie danych lokalnie przy użyciu AsyncStorage w React Native

Tydzień 8: Nawigacja w iOS i Android

  • Nawigacja iOS
    • Wprowadzenie do kontrolerów nawigacyjnych i zarządzanie wieloma ekranami
    • Używanie segmentów do przechodzenia między kontrolerami widoku
    • Przekazywanie danych między kontrolerami widoku
    • Implementowanie TabBar i NavigationBar do nawigacji strukturalnej
  • Nawigacja Android
    • Praca z Activities i intencjami dla aplikacji wieloekranowych
    • Przekazywanie danych między Activities przy użyciu Bundles
    • Tworzenie Navigation Drawer i BottomNavigationView
    • Wdrażanie fragmentów dla elastycznej nawigacji interfejsu użytkownika

Tydzień 9: Nawigacja w React Native

  • Podstawy nawigacji React
    • Instalowanie i konfigurowanie React Navigation
    • Używanie Stack Navigator do przejść między ekranami
    • Implementacja Tab Navigator i Drawer Navigator dla złożonej nawigacji
    • Przekazywanie parametrów między ekranami i zarządzanie stanem nawigacji

Tydzień 10: Funkcje zaawansowane

  • iOS Funkcje zaawansowane:
    • Podstawowa lokalizacja i mapy
      • [Lokalizacja urządzenia za pomocą Core Location
      • Wyświetlanie map przy użyciu MapKit
      • Obsługa geolokalizacji i śledzenie lokalizacji użytkownika
    • Aparat i multimedia
      • Accessingowanie aparatu urządzenia i biblioteki zdjęć
      • Przechwytywanie i wyświetlanie obrazów za pomocą UIImagePickerController
      • Przechowywanie i pobieranie plików multimedialnych
  • Android Funkcje zaawansowane
    • Lokalizacja i mapy
      • Korzystanie z interfejsu API Google Maps do wyświetlania map i lokalizacji użytkownika
      • [Wprowadzanie danych GPS i obsługa geolokalizacji
    • Aparat i multimedia
      • Używanie CameraX do robienia zdjęć i obsługi uprawnień kamery
      • Wyświetlanie obrazów i obsługa przechowywania multimediów
  • Natywne funkcje zaawansowane React
    • Natywne mapy React
      • Integracja map przy użyciu react-native-maps
      • Obsługa usług opartych na lokalizacji (geolokalizacja, wyznaczanie tras)
    • Dostęp do aparatu i multimediów
      • Korzystanie z biblioteki React Native Camera do robienia zdjęć
      • Przechowywanie multimediów i obsługa plików na urządzeniach Access

Tydzień 11: Debugowanie i testowanie

  • Debugowanie i testowanie iOS
    • Korzystanie z debuggera Xcode
      • Ustawianie punktów przerwania i sprawdzanie zmiennych w Xcode
      • Korzystanie z konsoli do debugowania w czasie rzeczywistym
      • Typowe problemy związane z debugowaniem i sposoby ich rozwiązywania
    • Testy jednostkowe w iOS
      • Pisanie i uruchamianie testów jednostkowych przy użyciu frameworka XCTest
      • Wyśmiewanie obiektów i testowanie komponentów interfejsu użytkownika
  • Debugowanie i testowanie w Android
    • Korzystanie z Logcat w Android Studio
      • Rejestrowanie i analizowanie błędów przy użyciu Logcat
      • Debugowanie Android aplikacji z punktami przerwania
    • Testowanie jednostkowe w Android
      • Pisanie testów jednostkowych przy użyciu JUnit
      • Testowanie Android komponentów interfejsu użytkownika za pomocą Espresso
  • Natywne debugowanie i testowanie React
    • Natywne narzędzia do debugowania React
      • Używanie Chrome DevTools i React Native Debugger do debugowania w czasie rzeczywistym
      • Dzienniki konsoli i sprawdzanie żądań sieciowych
    • Testowanie jednostkowe w React Native
      • Pisanie testów jednostkowych przy użyciu Jest i Enzyme
      • Testowanie komponentów React Native i zarządzanie przypadkami testowymi

Tydzień 12: Wdrażanie aplikacji i projekt Capstone

  • Wdrażanie i dystrybucja
    • Przesyłanie aplikacji do App Store iOS
      • Przygotowanie aplikacji do dystrybucji (ikony, certyfikaty, profile udostępniania)
      • Używanie App Store Connect do przesyłania aplikacji do recenzji
      • Korzystanie z TestFlight do testowania wersji beta
    • Przesyłanie do Sklepu Play Android
      • Przygotowanie APK i podpisanie aplikacji do dystrybucji
      • Korzystanie z Google Play Console do przesyłania i śledzenia aplikacji
      • Zrozumienie zasad i wytycznych Sklepu Play
  • Rozwój projektu Capstone
    • Opracowanie końcowego projektu
      • Tworzenie w pełni funkcjonalnej aplikacji
      • Włączanie zaawansowanych funkcji, takich jak wywołania API, nawigacja, multimedia i lokalizacja
      • Zaprezentowanie i zademonstrowanie ostatecznej wersji aplikacji rówieśnikom i instruktorom.

Podsumowanie i kolejne kroki

Sites Published:

United Arab Emirates - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Qatar - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Egypt - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Saudi Arabia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

South Africa - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Brasil - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Canada - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

中国 - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

香港 - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

澳門 - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

台灣 - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

USA - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Czech Republic - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Denmark - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Estonia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Finland - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Greece - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Magyarország - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Ireland - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Luxembourg - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Latvia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

España - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Italia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Lithuania - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Nederland - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Norway - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Portugal - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

România - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Sverige - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Türkiye - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Malta - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Belgique - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

France - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

日本 - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Australia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Malaysia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

New Zealand - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Philippines - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Singapore - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Thailand - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Vietnam - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

India - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Argentina - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Chile - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Costa Rica - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Ecuador - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Guatemala - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Colombia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

México - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Panama - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Peru - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Uruguay - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Venezuela - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Polska - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

United Kingdom - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

South Korea - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Pakistan - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Sri Lanka - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Bulgaria - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Bolivia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Indonesia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Kazakhstan - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Moldova - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Morocco - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Tunisia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Kuwait - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Oman - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Slovakia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Kenya - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Nigeria - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Botswana - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Slovenia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Croatia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Serbia - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Bhutan - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Nepal - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

Uzbekistan - iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)