React Native: Learn & Practice

Code Play

Жарнамалары бар

Осы қолданба туралы

React Native бағдарламасын қысқаша түсіндірмелер, практикалық код мысалдары және шағын тапсырмалар арқылы үйреніңіз. 10 модульдегі 148 сабақты зерттеңіз, кодтау алаңында мысал ашыңыз және интерфейстің қалай жұмыс істейтінін түсіну үшін өзгертіңіз.

Негізгілерден тәжірибеге дейінгі айқын жол
Мәтіннен, көріністерден, айнымалылардан, компоненттерден, кескіндерден және стильдерден бастаңыз. Flexbox орналасуларына, формаларына, мәтін енгізуге, түймелерге, сенсорлық өзара әрекеттесулерге, айналдыруға және тізімдерге өтіңіз. Кейінірек модульдер ілмектерді, қайта пайдалануға болатын компоненттерді, күйді басқаруды, өнімділік тұжырымдамаларын, жауап беретін орналасуларды және тәжірибелік жобаларды енгізеді.

Өңдеу алдында идеяны оқыңыз
Әрбір сабақ мақсатты, қарапайым тілдегі шолуды, негізгі идеяларды, кодты, практикалық кеңестерді, шағын тапсырманы және өзін-өзі тексеруге арналған сұрақтарды біріктіреді. Мысалды түсіндірмесімен бірге қараңыз, содан кейін тәжірибе жасауға дайын болған кезде өңделетін нұсқасын ашыңыз. Бастауыш, орта және тәжірибелік белгілер әрбір тақырыптың курста қандай орын алатынын түсінуге көмектеседі.

Өзгертулеріңізді қолданып көріңіз
Мәтінді, мәндерді, стильдерді және компоненттің әрекетін реттеу үшін кіріктірілген JavaScript және JSX редакторын пайдаланыңыз. Синтаксисті ерекшелеу және жол нөмірлері мысалдарды орындауды жеңілдетеді. «Болдырмау» және «қайта орындау» функциялары өзгерістерді зерттеуге көмектеседі, ал «Қалпына келтіру» коды бастапқы мысалды қалпына келтіреді. Қолданба ішіндегі алдын ала қарауды ашу үшін «Қолданбаны іске қосу» түймесін түртіңіз, содан кейін тағы бір әрекет үшін өңдеуге оралыңыз.

Пайдалы үлгілерді зерттеңіз
Басқарылатын енгізулерді, форманы тексеруді, құпия сөздің көрінуін, таңба санауыштарын, тізімді сүзуді, таңдалатын элементтерді және бос күйлерді зерттеңіз. Санауыштармен, таймерлермен, нақты уақыт режимінде, температура түрлендіргішімен, кеңес калькуляторымен, карталармен, аккордеонмен, қарапайым қойындылармен және шағын тізіммен жаттығыңыз. Бұл интерфейстің кішкентай бөліктерінің бір-біріне қалай сәйкес келетінін тексеруге мүмкіндік беретін оқу мысалдары.

Қажетті сабақты табыңыз
Сабақ тақырыптарын іздеңіз немесе кітапхананы модуль бойынша тарылыңыз. Барлық сабақтар, жүріп жатқан сабақтар, сақталған сүйіктілер және аяқталған сабақтар арасында ауысыңыз. «Алдыңғы» және «Келесі» басқару элементтерін пайдаланыңыз немесе сабақтар арасында сырғытыңыз. Сүзілген кітапханадан сабақты ашқан кезде, навигация сол таңдауды орындайды, сондықтан сіз таңдаған тақырыптармен қала аласыз.

Оқуыңызды бақылаңыз
Сабақтарды шолу үшін белгілеп, дайын болған кезде оларды аяқталған деп белгілеңіз. Басты экранда курстың барысы, аяқталған және сақталған сандар және оқу сериясы көрсетіледі. Соңғы сабақты жалғастырыңыз немесе келесі аяқталмаған тақырыпқа өтіңіз. Прогресс пен бетбелгілер құрылғыңызда жергілікті түрде сақталады.

Тәжірибелерге оралыңыз
Мысалды іске қосу оның кодын сол сабақтың жергілікті жоба ретінде сақтайды. Жобаны қалпына келтіру үшін ойын алаңын қайта ашыңыз немесе бастапқы кодқа оралу үшін оны қалпына келтіріңіз. Бұл бастапқы материалды ауыстырмай, үзілістен кейін идеяны қайта қарауды жеңілдетеді.

Ыңғайлы көріністі таңдаңыз
Оқу интерфейсі үшін жарық режимін, қараңғы режимді немесе жүйелік тақырыпты таңдаңыз. Тұжырымдаманы оқып, оның кодын тексеріңіз, бір мақсатты өзгеріс енгізіңіз және оны қолдануды жаттығу үшін тапсырманы пайдаланыңыз.

Студенттерге, кодтауға қызығушылық танытатын жаңадан бастаушыларға және мобильді интерфейс тұжырымдамаларын қарастыратын әзірлеушілерге арналған. Мысалдар веб-негізделген алдын ала қарауда орындалады; платформаға тән API және мінез-құлық жергілікті қолданбадан өзгеше болуы мүмкін. Қолданбада жарнама бар. Тәуелсіз білім беру қолданбасы; React Native жобасымен байланысты емес немесе онымен мақұлданбаған.