React Native alapú Cross-Platform fejlesztés
Átfogó React Native képzés mentorációval: hozz létre natív mobilalkalmazásokat egyetlen kódbázisból iOS és Android platformra.
Mit fogsz tanulni?
12 hét alatt a React Native alapoktól és a TypeScripttől a navigáción, API-integráción és offline tároláson át az animációkig és a tesztelésig.
1 React Native alapok és fejlesztői környezet A React Native alapjainak és előnyeinek megismerése, valamint a szükséges fejlesztői környezet beállítása.
- Mi az a Cross Platform Mobil fejlesztés?
- Hogyan működik a React Native? Learn once, write anywhere.
- Expo és Expo Go
- Android Studio használata
- Új projekt létrehozása
- Összefoglalás
2 TypeScript programozási nyelv alapjai Egyszerű típusok, interface-ek, generikus típusok és a compile time validáció megismerése TypeScriptben.
- Miért hasznos a TypeScript?
- Projekt struktúra
- TypeScript fordítás
- Típusosság
- Alap típusok, függvények
- Interface-ek
- Duck Typing
- Union Type, Optional field, Enum
- Generikus típusok
- Classok
- Összefoglalás
3 React és React Native komponensek és Styling Átfogó kép a React alapjairól (JSX, komponensek, állapotkezelés) és a React Native beépített komponenseiről, stílusairól és layoutjairól.
- Bevezetés
- Basic Component
- Adatok megjelenítése
- Kondicionális megjelenítés és React Fragment
- Törjük el a React Natívot!
- Korai visszatérés
- Propok
- Children Prop
- Események kezelése
- JSX === JavaScript
- Layout és View
- createStyleSheet
- StyledComponents
- StyledComponents haladó
- Érintések érzékelése egyedi komponensekkel
- Listák
- Kép komponens
- TextInput komponens
- Összefoglalás
4 Hookok és Context Beépített hookok és reaktivitás Reactban, egyedi hookok írása, valamint a Context-ek használatának legjobb gyakorlatai.
- useState
- useEffect
- Komponens életciklus
- Leiratkozás
- Render ciklus
- React ref-ek
- Egyedi hookok
- A hookok szabályai
- Változások detektálása
- useMemo
- useCallback
- memoize
- Dependency Injection
- UI fa alapú Dependency Injection
- Több érték egy contextben
- Értékek és memo
- Context-hez társított egyedi hook
- Modal context példa
- Összefoglalás
5 Form kezelés Formok kezelése react-hook-form-mal, validációs könyvtárakkal és séma alapú validációval.
- Egyedi Formok
- React Hook Form
- Validációs könyvtár
- Séma validáció
- Egyedi form field
- Validációs stratégia
- Összefoglalás
6 API integráció és adatkezelés RESTful API-k integrálása a Fetch API és az Axios használatával, hatékony adat- és hibakezeléssel.
- json-server bemutatása
- Fetch API
- Axios
- Axios konfigurálása
- API hívások hook-okkal
- Összefoglalás
7 Navigáció és Architektúra A React Navigation használata (Stack, Tab, Drawer) és egy nagy alkalmazás rendszerezésének módszerei.
- Expo Router bemutatása
- Stack Navigation
- Tabs Navigation
- Drawer Navigation
- Nested Navigation / beágyazott navigáció
- Autentikáció
- Architektúra 1
- Architektúra 2
- Összefoglalás
8 Offline adattárolás Offline adattárolás és a szerverrel való szinkronizáció megvalósítása mobilalkalmazásokban.
- Bevezetés
- Offline tűrés mértéke
- Ismert alkalmazások példái
- Adattárolás módja
- Szinkronizáció
- Expo SQL és Drizzle
- Todo App
- Összefoglalás
9 Animációk, tesztelés Alap animációk használata a Reanimated könyvtárral, valamint unit tesztek írása és mockolás.
- Tesztek típusai
- Unit teszt alapok
- Mockolás
- Globális mockok
- Async kód tesztelése
- Class-ok
- Hook-ok tesztelése
- Reanimated könyvtár
- useSharedValue
- useAnimatedStyle
- useAnimatedProps
- Reanimated használata Styled Components-el
- Accordion komponens példa
- Összefoglalás
10 Záróprojekt A képzés során tanultak alkalmazása egy önálló záró projektfeladatban.
- Záró projektfeladat
Miért érdemes belevágnod?
A hagyományos mobilfejlesztés egyik legnagyobb fékje, hogy iOS-re és Androidra külön kódbázist, külön csapatot és külön fejlesztési időt igényel, ami duplán emeli a költséget és a piacra jutás idejét. A React Native erre ad választ: egyetlen kódbázisból építhetsz alkalmazást mindkét platformra, így a fejlesztés gyorsabb és olcsóbb lesz anélkül, hogy a natív élményből engednél.
Nem véletlen, hogy egyre több vállalat áll át erre a megközelítésre: ahogy felismerik a cross-platform fejlesztésben rejlő hatékonyságot, úgy nő folyamatosan a kereslet a React Native fejlesztők iránt is.
- Munka mellett végezheted, rugalmas időbeosztással
- Gyakorlati projekteken keresztül, oktatói mentorálással
- LinkedIn profilodba beágyazható tanúsítvány
Ismerd meg oktatódat
Kasznár Dávid
Full-Stack Software Engineer
2018 óta fejlesztek Angular, React és Node.js keretrendszerekben, szakterületem a nagy komplexitású kliensoldali alkalmazások és az offline first mobilalkalmazások fejlesztése.
Több mint 3 éve dolgozom vezető fejlesztőként: a teljes alkalmazás-architektúra kialakítása és a csapat támogatása a feladatom. Vezető szerepet töltöttem be többek között a Magyar Telekom teljes selfcare rendszerének lecserélésében és az amerikai Aspire webalapú mobilalkalmazásának újraírásában.
Kinek ajánlott?
- Akik szeretnének belevágni a mobilalkalmazás-fejlesztésbe és átfogó tudást szerezni a React Native-ról, hogy natív mobilalkalmazásokat fejleszthessenek iOS és Android platformokra
- Akik már fejlesztenek alkalmazásokat más technológiával, de bővítenék tudásukat, hogy újfajta projekteken és különböző platformokon is dolgozhassanak
- Webfejlesztők, akik szeretnék kiterjeszteni tudásukat mobilalkalmazásokra, hogy versenyképesebb tudásuk legyen a React Native alapú fejlesztési ismeretekkel
- Technológiai vezetők, akik átfogó képet szeretnének kapni a React Native előnyeiről és lehetőségeiről, hogy hatékonyabban irányíthassák fejlesztői csapatukat
Kinek nem ajánlott?
- Akik még nem ismerik a JavaScript/React alapokat, nekik a React alapú frontend képzésünk a belépő
- Akik kifejezetten natív (Swift/Kotlin) fejlesztői karrierre készülnek
- Akik csak webes felületet fejlesztenének, ahhoz a React alapképzés elegendő
- Akik még egyáltalán nem programoztak
Mik a képzés előkövetelményei?
Ha dolgoztál már TypeScriptben vagy valamelyik másik programozási nyelvben, az előny, de nem feltétel. A képzésen Androidra fejlesztünk, így elég egy Windows- vagy Linux-gép is, MacBookra nincs szükséged.
Hogyan fogsz tanulni?
Gyakorlatorientált oktatás
Minden héten izgalmas gyakorló feladatokat kapsz majd, amelyek keretében már menetközben is konkrét projekteket fogsz megvalósítani. Interaktív digitális tananyag : a gyakorlati feladatok elvégzéséhez és a tanfolyam sikeres teljesítéséhez szükséges tudást digitális tananyagok és vezetett kódolások formájában adjuk át
Rugalmas időbeosztás
A tanfolyamot munka mellett is végezheted, hiszen a tananyag elsajátítása heti 8-12 óra elfoglaltságot igényel összesen, melyet saját időbeosztás szerint dolgozhatsz fel.
Oktatói mentoring
A képzés ideje alatt az oktató folyamatosan a rendelkezésedre áll, bármikor kérdezhetsz tőle, ha elakadtál, és rendszeresen visszajelzést ad a feladataidra, fejlődésedet végigkíséri.
Konzultációk
Valamennyi tanegység végén egy-egy élő konzultációs alkalmat is szervezünk este 18:00 órától, amikor élőben is felteheted kérdéseidet, közösen kiértékelhetitek és átbeszélhetitek a gyakorlás során elkészített projekteket, és tanulhattok egymás elakadásaiból is.
Limitált férőhely
A fent említett interakciók miatt képzéseinket korlátozott létszámmal indítjuk csak el, hogy biztosan jusson mindenkire ideje az oktatóknak.
Minőségbiztosított képzések
Képzéseink szakmai minőségbiztosítását az iparági vezető technológiai vállalatok és a Budapesti Műszaki és Gazdaságtudományi Egyetem végzi.
- Tanúsítványt kapsz, amelyet önéletrajzodhoz és LinkedIn profilodhoz csatolhatsz
- Bizonyítja, hogy elsajátítottad az adott ismereteket
- Segíti a szakmai előmeneteledet és karriered fejlődését
Jó társaságban leszel!
Már több mint 150 hazai és nemzetközi cég munkatársa képezte magát tovább nálunk.
Tudtad?
A munkáltatók 83%-a finanszírozza a munkatársak képzését, ne felejtsd el megkérdezni a tiédet!
Fizetési lehetőségek
Többféle fizetési lehetőséget biztosítunk, hogy a legmegfelelőbb opciót válaszd.
Online fizetés bankkártyával
Az OTP SimplePay az egyik legelterjedtebb online fizetési megoldás — gyors és biztonságos fizetési folyamatáról ismert.
Kamatmentes részletfizetés
Nem szeretnénk, ha a fizetési nehézségek akadályoznák a szakmai fejlődésedet, ezért a részvételi díjat több részletben, teljesen kamatmentesen is kifizetheted.
Fizetés banki átutalással, egy összegben
Ha online kártyás fizetés helyett banki átutalással szeretnél fizetni, az sem probléma — írj nekünk, és ebben is segítünk.
Készen állsz a jelentkezésre?
Jelentkezz most, és kezdd el a fejlődést!