PricingLoginStart free
React Native Academy logo
JavaScriptMobiiliTasot A1 → B222 kieltä

React Native Academy

Rakentakaa React Nativella ja Exposella alustariippumattomia iOS- ja Android-sovelluksia. Edetkää ensimmäisestä komponentista animaatioihin, natiivirajapintoihin, push-ilmoituksiin ja App Storeen julkaisemiseen. CoddyKitin oppimispolku, joka sisältää 30 lyhyttä kurssia ja 120 interaktiivista oppituntia sekä tekoälytuutorin käytettävissäsi ympäri vuorokauden.

Kurssit
30
Oppitunnit
120
Interaktiiviset vaiheet
1,560
Aloita maksutta
Kurssi 1
Kurssisisältö

30 kurssia tässä opintopolussa

Kaikki React Native Academy-opintopolun kurssit suoritusjärjestyksessä. Ensimmäinen on ilmainen.

1

A14 oppituntiaIlmainen

Ottakaa React Native -kehitysympäristönne käyttöön Expon avulla. Asentakaa tarvittavat työkalut, luokaa ensimmäinen projektinne ja suorittakaa se oikealla laitteella tai simulaattorilla. Kurssin lopu…

  1. 1Noden, Expo CLI:n ja simulaattorien asentaminen
  2. 2Ensimmäisen Expo-projektin luominen
  3. 3Suorittaminen laitteella ja emulaattorissa
  4. +1 lisää
Aloita opiskelu maksutta
2

A14 oppituntiaPRO

Oppikaa jokaisen React Native -näytön keskeiset rakennuspalikat. Käyttäkää View-, Text- ja Image-komponentteja asettelujen rakentamiseen ja sisällön näyttämiseen mobiililaitteella. Kurssi tarjoaa käy…

  1. 1View-komponentti säilönä
  2. 2Tekstin näyttäminen ja fonttien tyylittely
  3. 3Kuvien näyttäminen paikallisista ja etälähteistä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
3

A14 oppituntiaPRO

Hallitkaa React Nativen tyylijärjestelmä, joka perustuu JavaScript-objektien ja StyleSheetin kautta sovellettaviin CSS:stä tuttuihin ominaisuuksiin. Käyttäkää Flexboxia responsiivisten asettelujen ra…

  1. 1StyleSheet.create ja rivinsisäiset tyylit
  2. 2Flexboxin suunta, justifyContent ja alignItems
  3. 3flex, flexGrow ja responsiivinen mitoitus
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
4

A14 oppituntiaPRO

Ymmärtäkää, miten data kulkee React Native -komponenttien läpi propsien ja staten avulla. Oppikaa välittämään dataa lapsikomponenteille propsien kautta ja hallitsemaan komponentin sisällä muuttuvia a…

  1. 1Datan välittäminen props-ominaisuuksilla
  2. 2Komponentin tilan hallinta useStatella
  3. 3Tilan nostaminen ylemmälle tasolle
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
5

A14 oppituntiaPRO

Oppikaa vastaanottamaan käyttäjän vuorovaikutusta mobiilinäytöillä ja reagoimaan siihen. Käyttäkää TextInput-komponenttia näppäimistösyötteisiin, TouchableOpacity- ja Pressable-komponentteja napautuk…

  1. 1TextInputin perusteet ja näppäimistötyypit
  2. 2Napautuskäsittelijät TouchableOpacitylla ja Pressablella
  3. 3Vaihtokytkimet, kytkimet ja valintaruudut
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
6

A24 oppituntiaPRO

Lisätkää React Native -sovelluksiinne usean näytön navigointi alan standardiksi vakiintuneen React Navigation -kirjaston avulla. Määrittäkää stack-navigaattori, välittäkää dataa näyttöjen välillä ja…

  1. 1React Navigationin asentaminen ja määrittäminen
  2. 2Näkymien välillä navigointi ja parametrien välittäminen
  3. 3Alavälilehtinavigaattori
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
7

A24 oppituntiaPRO

Näyttäkää suuret datakokoelmat tehokkaasti FlatList- ja SectionList-komponenteilla. Oppikaa, miten nämä komponentit virtualisoivat renderöinnin säilyttääkseen vierityksen sujuvana tuhansillakin alkio…

  1. 1FlatListin data, renderItem ja keyExtractor
  2. 2Vetämällä päivittäminen ja lisää lataaminen
  3. 3SectionList otsikoineen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
8

A24 oppituntiaPRO

Siirtykää useState- ja useEffect-hookien perusteita pidemmälle ja hallitkaa React Nativen koko hook-valikoima. Ymmärtäkää useCallback-, useMemo-, useRef- ja useReducer-hookit sekä oppikaa, milloin ku…

  1. 1useRef DOM-solmuille ja muuttuviin arvoihin
  2. 2useReducer monimutkaiseen tilalogiikkaan
  3. 3useCallback ja useMemo suorituskyvyn parantamiseen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
9

A24 oppituntiaPRO

Jakakaa sovelluksen globaali tila ilman prop drilling -ongelmaa Reactin sisäänrakennetun Context API:n avulla. Luokaa teema- ja käyttäjän todennuksen kontekstit sekä oppikaa yhdistämään useita kontek…

  1. 1Kontekstin luominen ja tarjoaminen
  2. 2Kontekstin käyttäminen useContextilla
  3. 3Teemakonteksti ja tumman tilan vaihtokytkin
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
10

A24 oppituntiaPRO

Yhdistäkää React Native -sovelluksenne oikeisiin API-rajapintoihin. Käyttäkää useEffectiä verkkopyyntöjen käynnistämiseen komponentin latautuessa ja Axiosia HTTP-kutsujen yksinkertaistamiseen sekä op…

  1. 1useEffect-hook ja riippuvuustaulukot
  2. 2GET-pyyntöjen tekeminen Axiosilla
  3. 3Lataus- ja virhetilojen käsittely
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
11

B14 oppituntiaPRO

Hallinnoikaa monimutkaista sovellustilaa ennakoitavasti Redux Toolkitilla, joka on nykyään virallisesti suositeltu tapa käyttää Reduxia. Luokaa sliceja, lähettäkää actioneita, käyttäkää selectoreita…

  1. 1Redux-storen ja Providerin määrittäminen
  2. 2Slicejen luominen createSlicella
  3. 3Tilan lukeminen useSelectorilla
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
12

B14 oppituntiaPRO

Tutustukaa Zustand-tilanhallintaratkaisuun, joka on minimaalinen ja nopea ja vaatii huomattavasti vähemmän boilerplate-koodia kuin Redux. Luotte storeja, lisäätte actioneita ja integroitte Zustandin…

  1. 1Zustand-storen luominen
  2. 2Storen tilan lukeminen ja päivittäminen komponenteissa
  3. 3Zustand-tilan säilyttäminen AsyncStoragella
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
13

B14 oppituntiaPRO

Tallentakaa käyttäjätiedot ja sovelluksen asetukset paikallisesti laitteelle, jotta ne säilyvät sovelluksen uudelleenkäynnistyksissä. Käytätte AsyncStoragea avain–arvo-tallennukseen, rakennatte asetu…

  1. 1Lukeminen ja kirjoittaminen AsyncStoragella
  2. 2JSON-objektien tallentaminen ja jäsentäminen
  3. 3Pysyvän asetukset-näkymän rakentaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
14

B14 oppituntiaPRO

Ottakaa käyttöön mobiilisovelluksille ainutlaatuisia natiiveja laite- ja käyttöjärjestelmäominaisuuksia. Integroitte kameran, luette GPS-koordinaatteja ja ajastatte paikallisia ilmoituksia Expon mana…

  1. 1Kameran käyttö expo-cameralla
  2. 2GPS-sijainnin lukeminen expo-locationilla
  3. 3Paikallisten ilmoitusten ajastaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
15

B14 oppituntiaPRO

Rakentakaa vakaita ja suorituskykyisiä lomakkeita React Nativeen react-hook-formilla. Rekisteröitte syötekentät, lisäätte validointisäännöt, näytätte kenttäkohtaiset virheilmoitukset ja integroitte k…

  1. 1react-hook-formin määrittäminen Controller-komponentin kanssa
  2. 2Validointisäännöt ja virheilmoitukset
  3. 3Monivaiheiset lomakkeet lomakkeen tilan avulla
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
16

B14 oppituntiaPRO

Tuokaa React Native -käyttöliittymänne eloon sujuvilla, natiivisti suoritettavilla animaatioilla käyttäen sisäänrakennettua Animated API:a. Opitte timing-, spring- ja sequence-animaatiot sekä sovella…

  1. 1Animated.Value ja Animated.View
  2. 2Spring- ja decay-animaatiot
  3. 3Useiden ominaisuuksien animointi rinnakkain ja peräkkäin
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
17

B14 oppituntiaPRO

Rakentakaa sulavia, eleisiin perustuvia vuorovaikutuksia React Native Reanimated 3:n ja React Native Gesture Handlerin avulla. Käsittelette pyyhkäisy-, nipistys- ja raahaus-eleitä ja animoitte käyttö…

  1. 1Reanimatedin ja jaettujen arvojen asentaminen
  2. 2Workletit ja koodin suorittaminen käyttöliittymäsäikeessä
  3. 3Pan- ja pyyhkäisyeleet Gesture Handlerilla
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
18

B14 oppituntiaPRO

Mahdollistakaa sovelluksen avaaminen suoraan selaimessa, sähköpostissa tai toisessa sovelluksessa olevasta URL-osoitteesta. Määritätte mukautetut URL-skeemat ja universal links -linkit iOS:lle ja And…

  1. 1Mukautettujen URL-mallien määrittäminen
  2. 2Linking-API ja URL-osoitteiden jäsentäminen
  3. 3React Navigationin deep link -määritys
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
19

B14 oppituntiaPRO

Lähettäkää push-ilmoituksia käyttäjienne laitteille ja aktivoikaa heidät uudelleen, vaikka sovellus olisi suljettu. Rekisteröitte laitteet push-tunnisteita varten, lähetätte ilmoituksia Expon push-pa…

  1. 1Käyttöoikeuden pyytäminen ja push-tokenin hakeminen
  2. 2Ilmoitusten lähettäminen Expo Push APIlla
  3. 3Etuala- ja taustailmoitusten käsittely
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
20

B14 oppituntiaPRO

Rakentakaa sovelluksia, jotka toimivat luotettavasti myös ilman internetyhteyttä TanStack React Queryn avulla. Tallennatte palvelindataa laitteen välimuistiin, synkronoitte muutokset yhteyden palautu…

  1. 1QueryClient, QueryClientProvider ja useQuery
  2. 2Mutaatiot useMutationilla ja välimuistin mitätöinti
  3. 3Kyselyvälimuistin säilyttäminen AsyncStoragella
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
21

B24 oppituntiaPRO

Integroitte Supabasen React Native -sovelluksen täydelliseksi taustajärjestelmäksi kattaen tunnistautumisen, tietokantakyselyt ja reaaliaikaiset tilaukset. Rakennatte Postgres-tietokannan varaan tunn…

  1. 1Supabase-asiakasohjelman määrittäminen React Nativessa
  2. 2Sähköposti- ja OAuth-todennus
  3. 3Tietokannan kyselyt Supabase-asiakasohjelmalla
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
22

B24 oppituntiaPRO

Lisäätte Firebase Authenticationin ja Cloud Firestoren React Native -sovellukseen React Native Firebase -kirjaston avulla. Tunnistatte käyttäjät, tallennatte ja haette dokumentteja sekä kuuntelette F…

  1. 1React Native Firebasen yhdistäminen projektiin
  2. 2Sähköposti- ja puhelinnumerotodennus Firebase-ympäristössä
  3. 3Firestore-dokumenttien lukeminen ja kirjoittaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
23

B24 oppituntiaPRO

Tunnistatte ja korjaatte React Native -sovellusten yleisimmät suorituskyvyn pullonkaulat. Profiloitte sovellusta Flipperillä ja React DevToolsilla, poistatte tarpeettomat uudelleenrenderöinnit, optim…

  1. 1Profilointi Flipperillä ja React DevToolsilla
  2. 2Muistiointi: React.memo, useCallback ja useMemo
  3. 3FlatListin suorituskyvyn optimointi
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
24

B24 oppituntiaPRO

Kirjoitatte luotettavia yksikkö- ja komponenttitestejä React Native -koodillenne käyttäen Jestiä ja React Native Testing Librarya. Testaatte komponentteja erillään, simuloitte natiiveja moduuleja ja…

  1. 1Jestin määrittäminen React Native -projektiin
  2. 2Komponenttien renderöinti React Native Testing Librarylla
  3. 3Tapahtumien käynnistäminen ja käyttäjän vuorovaikutuksen testaaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
25

B24 oppituntiaPRO

Kirjoitatte päästä päähän -testejä, jotka automatisoivat todellisia käyttäjäpolkuja laitteella tai simulaattorissa Maestron avulla. Tallennatte flow't, tarkistatte käyttöliittymäelementit ja integroi…

  1. 1Maestron asentaminen ja ensimmäisen flown suorittaminen
  2. 2Väitteet ja elementtien odottaminen
  3. 3Moninäyttöisten käyttäjäpolkujen testaaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
26

B24 oppituntiaPRO

Laajennatte React Nativea sen sisäänrakennettujen rajapintojen ulkopuolelle kirjoittamalla natiivikoodia Swiftillä tai Kotlinilla ja tuomalla sen JavaScriptin käytettäväksi. Opitte sekä perinteisen n…

  1. 1Perinteisen natiivimoduulin kirjoittaminen Kotlinilla
  2. 2Perinteisen natiivimoduulin kirjoittaminen Swiftillä
  3. 3Turbo-natiivimoduulit JSI:llä
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
27

B24 oppituntiaPRO

Automatisoitte Expo managed workflow -sovellusten natiivin projektimäärityksen kirjoittamalla config plugineja. Muokkaatte tiedostoja AndroidManifest.xml, Info.plist ja build-skriptejä config plugini…

  1. 1Mitä config pluginit ovat ja milloin niitä käytetään
  2. 2Ensimmäisen config pluginin kirjoittaminen
  3. 3AndroidManifest- ja Info.plist-tiedostojen muokkaaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
28

B24 oppituntiaPRO

Viet React Native -sovelluksenne läpi iOS App Storen täydellisen tarkistusprosessin. Määritätte allekirjoitusvarmenteet ja provisioning profile -profiilit, valmistelette App Store -metatiedot ja lähe…

  1. 1Apple Developer -tilin määritys ja varmenteet
  2. 2Allekirjoituksen määrittäminen EAS Buildilla
  3. 3App Store -metatietojen valmistelu App Store Connectissa
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
29

B24 oppituntiaPRO

Julkaiset­te React Native -sovelluksenne Google Play Storessa alusta loppuun. Luotte allekirjoitetun AAB-paketin, määritätte Play Console -listauksen kaikkine vaadittuine aineistoineen ja viette ensi…

  1. 1Keystoren luominen ja AAB:n allekirjoittaminen
  2. 2Play Console -kauppasivun määrittäminen
  3. 3Sisältöluokitukset, käytännöt ja tietosuoja
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
30

B24 oppituntiaPRO

Sovellatte oppipolun kaikkia taitoja ja rakennatte alusta alkaen täydellisen, tuotantovalmiin React Native -sovelluksen. Suunnittelette arkkitehtuurin, toteutatte tunnistautumisen, dataan perustuvan…

  1. 1Arkkitehtuurin ja teknologiapinon suunnittelu
  2. 2Todennusprosessi ja suojatut reitit
  3. 3Ydintoiminto: tietosyöte offline-tuella
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
CoddyKit PRO

Avaa kaikki 30 tämän opintopolun kurssia ja kaikki muut opintopolut

Tekoälytuutori, sertifiointikoe ja suoritustodistus. Toimii verkossa sekä iOS- ja Android-laitteilla.

Näytä kaikki paketit
Vuosittain$29.90 / vuosiNoin $2.49 kuukaudessaMaksa kerranElinikäinen$69.99 KerranEi uusimisia. PRO ikuisesti.
Kurssin yleiskatsaus

Mobiilikehitys React Nativella

Rakentakaa React Nativella ja Exposella alustariippumattomia iOS- ja Android-sovelluksia. Edetkää ensimmäisestä komponentista animaatioihin, natiivirajapintoihin, push-ilmoituksiin ja App Storeen julkaisemiseen. Tämä kokonaisuus sisältää 30 etenevää minikurssia täydestä aloittelijatasosta (A1) edistyneelle tasolle (B2), lyhyine, kohdennettuine oppitunteineen ja nopeine tietovisoineen, jotka auttavat vakiinnuttamaan jokaisen käsitteen.

Mitä opitte

Aloitatte perusteista ja etenette keskitason ja edistyneisiin aiheisiin niin, että jokainen kurssi rakentuu edellisen päälle. Jokainen oppitunti on käytännönläheinen ja sisältää todellisia esimerkkejä. Tarvittaessa käytettävissänne on tekoälyohjaaja.

Näin se toimii

Jokainen kurssi on jaettu neljään kohdennettuun oppituntiin. Kun suoritatte muutaman oppitunnin päivässä, hallitsette koko kokonaisuuden viikoissa, ette kuukausissa.

Työkalut

Harjoittele tekoälyn avulla – älä vain lue

Tehosta oppimistasi tekoälypohjaisilla työkaluilla ja ominaisuuksilla

TekoälychatKeskustele tekoälytuutorin kanssaEsitä superkysymysSaat asiantuntijatason vastauksiaPROLuo oppituntiTekoälypohjainen oppituntien luontityökaluPROAloita sertifiointikoeHanki sertifikaattiPROAloita haasteTestaa taitosi

Näin opiskelet

  1. 01

    Interaktiiviset oppitunnit

    Käytännön koodiharjoituksia ja reaaliaikaista palautetta

  2. 02

    Tekoälytuutori

    Saat heti apua tekoälyltä, kun jäät jumiin

  3. 03

    Sisäänrakennettu editori

    Kirjoita ja suorita koodia suoraan selaimessa

  4. 04

    Sertifikaatti

    Saat sertifikaatin suoritettuasi kurssin

Tutustu lisää

Aiheeseen liittyvät opintopolut

SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoMobiilikehitys FlutterillaMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…Kotlin Multiplatform Academy logoKotlin Multiplatform AcademyShare Kotlin code across Android, iOS, and beyond with Kotlin Multiplatform. From expect/…OAuth2 & OpenID Connect Deep Dive logoOAuth2 ja OpenID Connect perusteellisestiMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…TypeScript Academy logoTypeScript AcademyEnhance your JavaScript projects with TypeScript through lessons at TypeScript Academy.Jetpack Compose Academy logoJetpack Compose AcademyBuild modern Android UIs with Jetpack Compose, Google's declarative toolkit in Kotlin. Fr…
UKK

Usein kysytyt kysymykset

Onko React Native Academy-kurssi ilmainen?

Kyllä. Voit aloittaa React Native Academy-kurssin ilmaiseksi ja suorittaa sen vuorovaikutteiset oppitunnit maksutta. Valinnainen PRO-tilaus avaa käyttöön edistyneet tekoälytyökalut ja jaettavan todistuksen.

Tarvitsenko aiempaa kokemusta oppiakseni JavaScript?

Et tarvitse. Kurssi alkaa perusteista ja etenee vähitellen edistyneempiin aiheisiin, joten voit aloittaa, vaikka sinulla ei olisi aiempaa JavaScript-kokemusta.

Miten opin JavaScript CoddyKitissä?

Opit tekemällä. Lyhyillä vuorovaikutteisilla oppitunneilla selkeä teoria yhdistyy käytännön koodiharjoitukseen, joka suoritetaan reaaliajassa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori auttaa henkilökohtaisesti aina, kun jäät jumiin.

Saanko todistuksen React Native Academy-kurssin suorittamisesta?

Kyllä. PRO-oppijat voivat suorittaa kokeen ja saada React Native Academy-kurssin suorittamisesta jaettavan todistuksen, jonka koodi voidaan tarkistaa.

Voinko oppia JavaScript puhelimellani?

Kyllä. CoddyKit on käytettävissä verkossa sekä iOS- ja Android-natiivisovelluksina, joten voit oppia JavaScript millä tahansa laitteella, ja edistymisesi synkronoituu niiden välillä.

Paljonko CoddyKit PRO maksaa?

React Native Academy-opintopolun ensimmäinen kurssi on ilmainen. CoddyKit PRO avaa kaikki kurssit: $5.90 viikossa, $7.90 kuukaudessa, $29.90 vuodessa tai $69.99 kerran maksettuna, jolloin saat elinikäisen käyttöoikeuden ilman uusimisia.

Kuinka kauan React Native Academy-opintopolun suorittaminen kestää?

React Native Academy sisältää 30 kurssia ja 120 oppituntia. Useimmat oppitunnit kestävät noin 5–10 minuuttia, joten koko opintopolun suorittamiseen kuluu omaan tahtiin noin 14 tuntia käytännön harjoittelua.

Aloita React Native Academy nyt

Liity tuhansien oppijoiden joukkoon ja opi ohjelmointia tekoälyä hyödyntävillä oppitunneilla.

Aloita opiskelu maksuttaSelaa kaikkia kursseja