React Native: Learn & Practice

Code Play

Съдържа реклами

Всичко за това приложение

Научете React Native чрез кратки обяснения, практически примери за код и малки предизвикателства. Разгледайте 148 урока в 10 модула, отворете пример в игралната площадка за кодиране и го променете, за да разберете как работи интерфейсът.

Ясен път от основите към практиката
Започнете с текст, изгледи, променливи, компоненти, изображения и стилове. Продължете с оформления на Flexbox, формуляри, въвеждане на текст, бутони, взаимодействия с докосване, превъртане и списъци. По-късните модули въвеждат куки, компоненти за многократна употреба, управление на състоянията, концепции за производителност, адаптивни оформления и практически проекти.

Прочетете идеята преди редактиране
Всеки урок обединява цел, общ преглед на разбираем език, ключови идеи, код, практически съвети, малко предизвикателство и въпроси за самостоятелен преглед. Вижте примера заедно с обяснението му, след което отворете редактируемата версия, когато сте готови да експериментирате. Етикетите за начинаещи, средно напреднали и практика ви помагат да разберете къде се намира всяка тема в курса.

Опитайте свои собствени промени
Използвайте вградения редактор на JavaScript и JSX, за да коригирате текст, стойности, стилове и поведение на компонентите. Маркирането на синтаксиса и номерата на редовете правят примерите по-лесни за следване. Отмяната и повторението ви помагат да изследвате промените, докато „Нулиране на код“ възстановява началния пример. Докоснете „Стартирай приложение“, за да отворите предварителния преглед в приложението, след което се върнете към редактиране за нов опит.

Разгледайте полезни модели
Изучете контролирани входни данни, валидиране на формуляри, видимост на пароли, броячи на знаци, филтриране на списъци, избираеми елементи и празни състояния. Упражнявайте се с броячи, таймери, часовник на живо, конвертор на температура, калкулатор за бакшиши, карти, акордеон, прости раздели и мини списък със задачи. Това са примери за обучение, които ви позволяват да разгледате как малки части от интерфейс се съчетават.

Намерете урока, от който се нуждаете
Търсете заглавия на уроци или стеснете библиотеката по модул. Превключвайте между всички уроци, уроци в процес на разработка, запазени любими и завършени уроци. Използвайте контролите „Предишни“ и „Следващи“ или плъзнете между уроците. Когато отворите урок от филтрирана библиотека, навигацията следва този избор, за да можете да останете с избраните от вас теми.

Следете обучението си
Запазете уроците си в отметки за преглед и ги маркирайте като завършени, когато сте готови. Началният екран показва напредъка на курса, броячите на завършените и запазените елементи и серия от обучение. Възобновете последния урок или продължете към следващата недовършена тема. Напредъкът и отметките се съхраняват локално на вашето устройство.

Върнете се към вашите експерименти
Изпълнението на пример запазва кода му като локален чернова за този урок. Отворете отново площадката, за да възстановите черновата, или я нулирайте, за да се върнете към оригиналния код. Това улеснява преразглеждането на идея след почивка, без да се подменя началният материал.

Изберете удобен външен вид
Изберете светъл режим, тъмен режим или системна тема за учебния интерфейс. Прочетете концепция, проверете кода ѝ, направете една целенасочена промяна и използвайте предизвикателството, за да практикувате прилагането ѝ.

Предназначено за студенти, начинаещи с интерес към кодирането и разработчици, преглеждащи концепции за мобилен интерфейс. Примерите се изпълняват в уеб-базиран преглед; специфичните за платформата API и поведение могат да се различават от тези на нативно приложение. Приложението съдържа реклама. Независимо образователно приложение; не е свързано с или одобрено от проекта React Native.

Оценки и отзиви

Изключително качествено направено приложение! Браво!!!