React Native: Learn & Practice

Code Play

Obsahuje reklamy

Informácie o aplikácii

Naučte sa React Native prostredníctvom krátkych vysvetlení, praktických príkladov kódu a malých výziev. Preskúmajte 148 lekcií v 10 moduloch, otvorte príklad v kódovacom ihrisku a upravte ho, aby ste pochopili, ako rozhranie funguje.

Jasná cesta od základov k praxi
Začnite s textom, pohľadmi, premennými, komponentmi, obrázkami a štýlmi. Pokračujte v rozloženiach Flexboxu, formulároch, textovom vstupe, tlačidlách, dotykových interakciách, rolovaní a zoznamoch. Neskoršie moduly predstavujú hooky, opakovane použiteľné komponenty, správu stavov, koncepty výkonu, responzívne rozloženia a praktické projekty.

Prečítajte si nápad pred úpravou
Každá lekcia spája cieľ, prehľad v jednoduchom jazyku, kľúčové myšlienky, kód, praktické tipy, malú výzvu a otázky na samokontrolu. Pozrite si príklad spolu s jeho vysvetlením a potom otvorte upraviteľnú verziu, keď budete pripravení experimentovať. Štítky pre začiatočníkov, mierne pokročilých a praktické úrovne vám pomôžu pochopiť, kde sa každá téma v kurze nachádza.

Vyskúšajte si vlastné zmeny
Použite vstavaný editor JavaScriptu a JSX na úpravu textu, hodnôt, štýlov a správania komponentov. Zvýrazňovanie syntaxe a čísla riadkov uľahčujú sledovanie príkladov. Funkcie Späť a Znovu vám pomôžu preskúmať zmeny, zatiaľ čo Obnoviť kód obnoví úvodný príklad. Klepnutím na Spustiť aplikáciu otvoríte ukážku v aplikácii a potom sa vráťte k úpravám pre ďalší pokus.

Preskúmajte užitočné vzory
Preštudujte si kontrolované vstupy, overovanie formulárov, viditeľnosť hesla, počítadlá znakov, filtrovanie zoznamov, voliteľné položky a prázdne stavy. Precvičujte si s počítadlami, časovačmi, živými hodinami, prevodníkom teploty, kalkulačkou prepitného, ​​kartami, harmonikou, jednoduchými kartami a mini zoznamom úloh. Toto sú príklady učenia, ktoré vám umožnia preskúmať, ako malé časti rozhrania do seba zapadajú.

Nájdite lekciu, ktorú potrebujete
Vyhľadávajte názvy lekcií alebo zúžte knižnicu podľa modulu. Prepínajte medzi všetkými lekciami, prebiehajúcimi lekciami, uloženými obľúbenými a dokončenými lekciami. Použite ovládacie prvky Predchádzajúca a Nasledujúca alebo potiahnite prstom medzi lekciami. Keď otvoríte lekciu z filtrovanej knižnice, navigácia sleduje tento výber, takže môžete zostať pri témach, ktoré ste si vybrali.

Sledujte svoje učenie
Uložte si lekcie do záložiek na prezeranie a označte ich ako dokončené, keď budete pripravení. Domovská obrazovka zobrazuje priebeh kurzu, dokončené a uložené počty a študijnú sériu. Obnovte poslednú lekciu alebo pokračujte k ďalšej nedokončenej téme. Pokrok a záložky sú uložené lokálne vo vašom zariadení.

Návrat k experimentom
Spustenie príkladu uloží jeho kód ako lokálny koncept pre danú lekciu. Znovu otvorte ihrisko, aby ste obnovili koncept, alebo ho resetujte, aby ste sa vrátili k pôvodnému kódu. To uľahčuje opätovné prehliadnutie nápadu po prestávke bez nahradenia úvodného materiálu.

Vyberte si pohodlný vzhľad
Vyberte svetlý režim, tmavý režim alebo systémovú tému pre vzdelávacie rozhranie. Prečítajte si koncept, skontrolujte jeho kód, vykonajte jednu cielenú zmenu a využite výzvu na precvičenie jeho aplikácie.

Určené pre študentov, začiatočníkov so záujmom o kódovanie a vývojárov, ktorí prezerajú koncepty mobilných rozhraní. Príklady bežia vo webovej ukážke; API a správanie špecifické pre platformu sa môžu líšiť od natívnej aplikácie. Aplikácia obsahuje reklamu. Nezávislá vzdelávacia aplikácia; nie je prepojená s projektom React Native ani ním nie je schválená.