React Native: Learn & Practice

Code Play

Sisältää mainoksia

Tietoa sovelluksesta

Opi React Nativea lyhyiden selitysten, käytännön koodiesimerkkien ja pienten haasteiden avulla. Tutustu 148 oppituntiin 10 moduulissa, avaa esimerkki koodauksen leikkikentällä ja muuta sitä ymmärtääksesi, miten käyttöliittymä toimii.

Selkeä polku perusteista käytäntöön
Aloita tekstillä, näkymillä, muuttujilla, komponenteilla, kuvilla ja tyyleillä. Jatka Flexbox-asetteluihin, lomakkeisiin, tekstinsyöttöön, painikkeisiin, kosketustoimintoihin, vieritykseen ja listoihin. Myöhemmät moduulit esittelevät koukkuja, uudelleenkäytettäviä komponentteja, tilanhallintaa, suorituskykykäsitteitä, responsiivisia asetteluja ja harjoitusprojekteja.

Lue idea ennen muokkaamista
Jokainen oppitunti yhdistää tavoitteen, selkokielisen yleiskatsauksen, keskeiset ideat, koodin, käytännön vinkkejä, pienen haasteen ja itsearviointikysymyksiä. Katso esimerkki sen selityksen ohella ja avaa sitten muokattava versio, kun olet valmis kokeilemaan. Aloittelijan, keskitason ja harjoitustason otsikot auttavat sinua ymmärtämään, missä kukin aihe sijaitsee kurssilla.

Kokeile omia muutoksia
Käytä sisäänrakennettua JavaScript- ja JSX-editoria tekstin, arvojen, tyylien ja komponenttien toiminnan säätämiseen. Syntaksin korostus ja rivinumerot helpottavat esimerkkien seuraamista. Kumoa ja tee uudelleen -toiminnot auttavat sinua tutkimaan muutoksia, kun taas koodin nollaaminen palauttaa aloitusesimerkin. Napauta Suorita sovellus avataksesi sovelluksen esikatselun ja palaa sitten muokkaustilaan toista yritystä varten.

Tutki hyödyllisiä kaavoja
Tutki ohjattuja syötteitä, lomakkeiden validointia, salasanan näkyvyyttä, merkkilaskureita, luetteloiden suodatusta, valittavia kohteita ja tyhjiä tiloja. Harjoittele laskureilla, ajastimilla, reaaliaikaisella kellolla, lämpötilamuuntimella, tip-laskimella, korteilla, haitarilla, yksinkertaisilla välilehdillä ja minitehtävälistalla. Nämä ovat oppimisesimerkkejä, joiden avulla voit tutkia, miten käyttöliittymän pienet osat sopivat yhteen.

Etsi tarvitsemasi oppitunti
Hae oppituntien otsikoita tai rajaa kirjastoa moduulin mukaan. Vaihda kaikkien oppituntien, keskeneräisten oppituntien, tallennettujen suosikkien ja suoritettujen oppituntien välillä. Käytä Edellinen- ja Seuraava-säätimiä tai pyyhkäise oppituntien välillä. Kun avaat oppitunnin suodatetusta kirjastosta, navigointi seuraa valintaa, jotta voit pysyä valitsemissasi aiheissa.

Seuraa oppimistasi
Merkitse oppitunnit kirjanmerkkeihin tarkistusta varten ja merkitse ne suoritetuiksi, kun olet valmis. Aloitusnäyttö näyttää kurssin edistymisen, suoritettujen ja tallennettujen lukumäärien lisäksi myös opiskeluputken. Jatka viimeistä oppituntia tai jatka seuraavaan keskeneräiseen aiheeseen. Edistyminen ja kirjanmerkit tallennetaan paikallisesti laitteellesi.

Palaa kokeiluihin
Esimerkin suorittaminen tallentaa sen koodin paikallisena luonnoksena kyseiselle oppitunnille. Avaa leikkikenttä uudelleen palauttaaksesi luonnoksen tai palauta se palataksesi alkuperäiseen koodiin. Tämä helpottaa idean uudelleen tarkastelua tauon jälkeen ilman, että aloitusmateriaalia tarvitsee vaihtaa.

Valitse mukava ulkoasu
Valitse oppimiskäyttöliittymälle vaalea tila, tumma tila tai järjestelmäteema. Lue konsepti, tutki sen koodia, tee yksi kohdennettu muutos ja harjoittele sen soveltamista haasteen avulla.

Suunniteltu opiskelijoille, koodauksesta kiinnostuneille aloittelijoille ja mobiilikäyttöliittymäkonsepteja tarkasteleville kehittäjille. Esimerkit toimivat verkkopohjaisessa esikatselussa; alustakohtaiset API:t ja toiminta voivat poiketa natiivisovelluksesta. Sovellus sisältää mainoksia. Itsenäinen koulutussovellus; ei sidoksissa React Native -projektiin eikä sitä tueta.