React Native: Learn & Practice

Code Play

Sisaldab reklaame

Rakenduse teave

Õpi React Native'i lühikeste selgituste, praktiliste koodinäidete ja väikeste väljakutsete abil. Avasta 148 õppetundi 10 moodulis, ava näide kodeerimisväljakul ja muuda seda, et mõista, kuidas liides töötab.

Selge tee põhitõdedest praktikani
Alusta teksti, vaadete, muutujate, komponentide, piltide ja stiilidega. Jätka Flexboxi paigutuste, vormide, tekstisisestuse, nuppude, puutetundlike interaktsioonide, kerimise ja loenditega. Hilisemad moodulid tutvustavad konksusid, korduvkasutatavaid komponente, olekuhaldust, jõudluskontseptsioone, reageerivaid paigutusi ja harjutusprojekte.

Loe ideed enne redigeerimist
Iga õppetund ühendab eesmärgi, lihtsas keeles ülevaate, põhiideed, koodi, praktilisi näpunäiteid, väikese väljakutse ja küsimused enesekontrolliks. Vaata näidet koos selle selgitusega ja ava seejärel redigeeritav versioon, kui oled valmis katsetama. Algajate, kesktaseme ja harjutuste sildid aitavad sul mõista, kus iga teema kursusel paikneb.

Proovi oma muudatusi
Kasuta sisseehitatud JavaScripti ja JSX-redaktorit teksti, väärtuste, stiilide ja komponentide käitumise kohandamiseks. Süntaksi esiletõstmine ja reanumbrid muudavad näidete jälgimise lihtsamaks. Tagasivõtmine ja uuesti tegemine aitavad teil muudatusi uurida, samas kui koodi lähtestamine taastab algse näite. Rakendusesisese eelvaate avamiseks puudutage nuppu Käivita rakendus ja seejärel naaske redigeerimisse, et proovida uuesti.

Avastage kasulikke mustreid
Uurige kontrollitud sisendeid, vormi valideerimist, parooli nähtavust, tähemärkide loendureid, loendi filtreerimist, valitavaid üksusi ja tühje olekuid. Harjutage loendurite, taimerite, reaalajas kella, temperatuurimuunduri, jootraha kalkulaatori, kaartide, akordioni, lihtsate vahelehtede ja miniülesannete loendiga. Need on õppenäited, mis võimaldavad teil uurida, kuidas liidese väikesed osad kokku sobivad.

Leidke vajalik õppetund
Otsige õppetundide pealkirju või kitsendage teeki mooduli järgi. Lülitage kõigi õppetundide, pooleliolevate õppetundide, salvestatud lemmikute ja lõpetatud õppetundide vahel. Kasutage eelmise ja järgmise juhtnuppe või libistage õppetundide vahel. Kui avate õppetunni filtreeritud teegist, järgneb navigeerimine sellele valikule, et saaksite jääda valitud teemade juurde.

Jälgige oma õppimist
Lisage õppetunnid järjehoidjatesse ülevaatamiseks ja märkige need lõpetatuks, kui olete valmis. Avaekraan näitab kursuse edenemist, lõpetatud ja salvestatud õppetundide arvu ning õppimisjärjestust. Jätka viimase õppetunniga või jätka järgmise lõpetamata teemaga. Edusammud ja järjehoidjad salvestatakse lokaalselt sinu seadmesse.

Naase oma katsete juurde
Näite käivitamine salvestab selle koodi selle õppetunni kohaliku mustandina. Ava mänguväljak uuesti mustandi taastamiseks või lähtesta see, et naasta algse koodi juurde. See lihtsustab idee juurde pärast pausi naasmist ilma algmaterjali asendamata.

Vali mugav välimus
Vali õppeliidese jaoks hele režiim, tume režiim või süsteemiteema. Loe kontseptsiooni, kontrolli selle koodi, tee üks fokuseeritud muudatus ja harjuta selle rakendamist väljakutse abil.

Mõeldud õpilastele, kodeerimisest huvitatud algajatele ja arendajatele, kes vaatavad üle mobiililiidese kontseptsioone. Näited kuvatakse veebipõhises eelvaates; platvormipõhised API-d ja käitumine võivad erineda natiivrakendusest. Rakendus sisaldab reklaami. Sõltumatu haridusrakendus; ei ole seotud React Native projektiga ega ole selle poolt heaks kiidetud.