React Native: Learn & Practice

Code Play

Утрымлівае рэкламу

Пра гэту праграму

Вывучайце React Native з дапамогай кароткіх тлумачэнняў, практычных прыкладаў кода і невялікіх задач. Вывучыце 148 урокаў у 10 модулях, адкрыйце прыклад на пляцоўцы кадавання і змяніце яго, каб зразумець, як працуе інтэрфейс.

Зразумелы шлях ад асноў да практыкі
Пачніце з тэксту, прадстаўленняў, зменных, кампанентаў, малюнкаў і стыляў. Працягвайце ў макетах Flexbox, формах, уводзе тэксту, кнопках, сэнсарным узаемадзеянні, пракрутцы і спісах. Пазнейшыя модулі знаёмяць з перахопнікамі, кампанентамі паўторнага выкарыстання, кіраваннем станам, канцэпцыямі прадукцыйнасці, адаптыўнымі макетамі і практычнымі праектамі.

Прачытайце ідэю перад рэдагаваннем
Кожны ўрок аб'ядноўвае мэту, агляд на зразумелай мове, ключавыя ідэі, код, практычныя парады, невялікую задачу і пытанні для самастойнага азнаямлення. Глядзіце прыклад разам з яго тлумачэннем, а затым адкрыйце рэдагуемую версію, калі будзеце гатовыя эксперыментаваць. Пазнакі для пачаткоўцаў, сярэдніх і практычных узроўняў дапамогуць вам зразумець, дзе кожная тэма знаходзіцца ў курсе.

Паспрабуйце свае ўласныя змены
Выкарыстоўвайце ўбудаваны рэдактар ​​JavaScript і JSX для карэкціроўкі тэксту, значэнняў, стыляў і паводзін кампанентаў. Падсветка сінтаксісу і нумары радкоў спрашчаюць разуменне прыкладаў. Функцыі «Адмена» і «Паўтор» дапамогуць вам даследаваць змены, а «Скінуць» код аднаўляе пачатковы прыклад. Націсніце «Запусціць праграму», каб адкрыць папярэдні прагляд у праграме, а затым вярніцеся да рэдагавання для яшчэ адной спробы.

Даследуйце карысныя шаблоны
Вывучайце кантраляваныя ўводы, праверку формаў, бачнасць пароляў, лічыльнікі сімвалаў, фільтрацыю спісаў, элементы, якія можна выбраць, і пустыя станы. Практыкуйцеся з лічыльнікамі, таймерамі, жывым гадзіннікам, канвертарам тэмпературы, калькулятарам чаявых, картамі, акардэонам, простымі ўкладкамі і міні-спісам спраў. Гэта навучальныя прыклады, якія дазваляюць вам вывучыць, як невялікія часткі інтэрфейсу спалучаюцца разам.

Знайдзіце патрэбны вам урок
Шукайце назвы ўрокаў або звужайце бібліятэку па модулях. Пераключайцеся паміж усімі ўрокамі, урокамі, якія працягваюцца, захаванымі ўпадабаннямі і завершанымі ўрокамі. Выкарыстоўвайце элементы кіравання «Папярэдні» і «Наступны» або праводзьце пальцам паміж урокамі. Калі вы адкрываеце ўрок з адфільтраванай бібліятэкі, навігацыя ідзе па гэтым выбары, каб вы маглі заставацца з выбранымі вамі тэмамі.

Сачыце за сваім навучаннем
Дадавайце ўрокі ў закладкі для прагляду і пазначайце іх як завершаныя, калі будзеце гатовыя. На галоўным экране паказваецца прагрэс курса, колькасць завершаных і захаваных лічыльнікаў, а таксама серыя навучання. Аднавіце апошні ўрок або перайдзіце да наступнай няскончанай тэмы. Прагрэс і закладкі захоўваюцца лакальна на вашай прыладзе.

Вярніцеся да вашых эксперыментаў
Запуск прыкладу захоўвае яго код як лакальны чарнавік для гэтага ўрока. Зноў адкрыйце гульнявую пляцоўку, каб аднавіць чарнавік, або скіньце яе, каб вярнуцца да зыходнага кода. Гэта дазваляе лягчэй вярнуцца да ідэі пасля перапынку без замены пачатковага матэрыялу.

Выберыце зручны знешні выгляд
Выберыце светлы рэжым, цёмны рэжым або сістэмную тэму для навучальнага інтэрфейсу. Прачытайце канцэпцыю, праверце яе код, унясіце адну мэтанакіраваную змену і выкарыстоўвайце выклік, каб папрактыкавацца ў яе прымяненні.

Распрацавана для студэнтаў, пачаткоўцаў, якія цікавяцца кадаваннем, і распрацоўшчыкаў, якія разглядаюць канцэпцыі мабільных інтэрфейсаў. Прыклады працуюць у рэжыме папярэдняга прагляду на базе Інтэрнэту; спецыфічныя для платформы API і паводзіны могуць адрознівацца ад натыўнага прыкладання. Дадатак утрымлівае рэкламу. Незалежнае адукацыйнае прыкладанне; не звязана з праектам React Native і не падтрымліваецца ім.