Kozi ya React Native

Somo la 1 • Zana za Watengenezaji na Misingi ya Utatuzi wa Hitilafu

Inaanzisha kichunguzi cha React Native, Flipper, na menyu ya wasanidi programu ndani ya programu. Inawapa wanafunzi zana za maoni za papo hapo watakazotegemea katika kozi nzima.

Somo la 2 • React Native Ni Nini

Inashughulikia nafasi ya React Native katika uendelezaji wa programu za simu zinazotumika kwenye mifumo mbalimbali na jinsi inavyotofautiana na React ya wavuti. Inaweka msingi wa dhana kwa sura zote zinazofuata.

Somo la 3 • Kuunda Mradi Wako wa Kwanza

Inatumia CLI ya React Native na Expo kuunda programu mpya na kuchunguza muundo wa faili uliozalishwa. Inaunganisha maarifa ya zana na uundaji wa mradi kwa vitendo.

Somo la 4 • Usanidi wa Mazingira ya Uendelezaji

Inasakinisha na kusanidi zana zote zinazohitajika kwa uendelezaji wa iOS na Android. Inahakikisha kila mwanafunzi ana mazingira ya ndani yanayofanya kazi na yanayoweza kuzalishwa tena.

Somo la 1 • Vipengele vya Maandishi, Mwonekano, na Picha

Inashughulikia vipengele vitatu vya msingi zaidi vya React Native na sifa zao muhimu. Wanafunzi huunda mipangilio tuli kwa kuchanganya maandishi, vyombo, na picha.

Somo la 2 • Vipengele vya Kuingiza Data na Fomu

Inashughulikia TextInput, Switch, na Picker kwa ajili ya kunasa pembejeo za mtumiaji. Inaweka msingi wa maarifa ya vipengele kabla ya kuanzisha usimamizi wa hali.

Somo la 3 • Misingi ya JSX katika React Native

Inaeleza sintaksia ya JSX, uwekaji wa misemo, na jinsi JSX inavyokusanya kwenye simu za asili za kiolesura. Inatoa msingi wa kisintaksia kwa kazi zote za vipengele zijazo.

Somo la 4 • Vipengele vya Kuguswa na Kubonyeza

Inatanguliza vipengele vya kushughulikia mguso na tabia zao za mrejesho. Inaunganisha mipangilio tuli na vipengele shirikishi ambavyo wanafunzi watatumia katika kila programu.

Somo la 1 • API ya StyleSheet na Mitindo ya Ndani

Inalinganisha StyleSheet.create na vitu vya mtindo wa ndani na kuelezea athari za utendaji. Inaweka ruwaza thabiti za upambaji zinazotumiwa katika kozi nzima.

Somo la 2 • Mfano wa Mpangilio wa Flexbox

Inaeleza jinsi mfano wa Flexbox wa React Native unavyotofautiana na CSS na jinsi ya kudhibiti mpangilio wa mhimili. Wanafunzi hupata ujuzi mkuu wa mipangilio unaotumiwa katika kila skrini.

Somo la 3 • Mandhari na Ruwaza za Mtindo Zinazoweza Kutumika Tena

Inatanguliza vitu vya mandhari, vibadilika vya mtindo, na ufungaji wa mtindo katika kiwango cha kipengele. Inawatayarisha wanafunzi kudumisha mifumo thabiti ya muundo katika programu kubwa.

Somo la 4 • Nafasi, Mipaka, na Vivuli

Inatumia sifa za pembezoni, ujazi, mpaka, na kivuli kuboresha mpangilio wa mwonekano. Inaunganisha maarifa ya mipangilio na mwonekano wa kipengele uliosafishwa na wenye ubora wa uzalishaji.

Somo la 1 • useState kwa Hali ya Ndani

Inatanguliza koleo la useState kwa ajili ya kusimamia hali katika kiwango cha kipengele na kuchochea upangaji upya. Inawezesha wanafunzi kuunda vipengele shirikishi vya kiolesura vyenye hali.

Somo la 2 • useEffect na Athari za Pembeni

Inashughulikia useEffect kwa ajili ya kuchota data, usajili, na kusafisha wakati wa kutengua. Inaunganisha dhana za mzunguko wa maisha ya kipengele na shughuli za kutofautiana kwa vitendo.

Somo la 3 • Ruwaza za Vipengele na Mbinu Bora

Inashughulikia vipengele vya chombo dhidi vya uwasilishaji, uhifadhi wa kumbukumbu, na kuepuka upangaji usio wa lazima. Inawatayarisha wanafunzi kuandika miti ya vipengele inayofanya kazi vizuri na inayodumishwa.

Somo la 4 • Sifa na Mawasiliano ya Vipengele

Inaeleza jinsi sifa zinavyopitisha data na maoni kati ya vipengele vya mzazi na mtoto. Inaweka ruwaza ya mtiririko wa data wa mwelekeo mmoja ulio muhimu kwa programu za React Native.

Somo la 1 • Kirambazaji cha Mrundiko kwa Mtiririko wa Skrini

Huunda mtiririko wa skrini wa kusukuma na kuvuta kwa kutumia kirambazaji cha mrundiko asilia. Inashughulikia ruwaza ya kawaida zaidi ya urambazaji katika programu za simu.

Somo la 2 • Virambazaji vya Kichupo na Droo

Inaongeza virambazaji vya kichupo cha chini na droo ya upande kwa sehemu kuu za programu. Inawezesha wanafunzi kuunda maganda makuu ya urambazaji yanayotumiwa katika programu nyingi.

Somo la 3 • Mtiririko wa Uthibitishaji na Njia Zilizolindwa

Inatekeleza urambazaji wa masharti kulingana na hali ya uthibitishaji kwa kutumia ubadilishaji wa kirambazaji. Inawatayarisha wanafunzi kujenga urambazaji salama wa programu unaozingatia majukumu.

Somo la 4 • Usanidi na Dhana za React Navigation

Inasakinisha React Navigation na kueleza mfano wa kirambazaji, skrini, na njia. Inatoa ramani ya dhana wanayohitaji wanafunzi kabla ya kujenga mtiririko wowote wa urambazaji.

Somo la 1 • API ya Fetch na Ruwaza za Kutofautiana

Inatumia API ya Fetch iliyojengewa ndani pamoja na async/await kufanya maombi ya HTTP kutoka React Native. Inaweka ruwaza ya kuchota data kwa kutofautiana inayotumiwa katika sehemu zote zinazofuata.

Somo la 2 • React Query kwa Hali ya Seva

Inatumia React Query kuakibisha, kupata upya, na kusawazisha data za seva kiotomatiki. Inapunguza msimbo wa kurudiarudia na kuboresha ubichi wa data katika programu.

Somo la 3 • Axios kwa Maombi ya HTTP

Inatanguliza Axios kwa sintaksia safi ya maombi, viingiliaji, na usanidi wa URL ya msingi. Inawasogeza wanafunzi hadi kwa mteja wa HTTP anayetumiwa zaidi katika programu za uzalishaji za React Native.

Somo la 4 • Hifadhi ya Ndani kwa kutumia AsyncStorage

Hudumisha data ya ufunguo-thamani ndani ya kifaa kwa kutumia AsyncStorage kwa vipengele vya kwanza bila mtandao. Inawatayarisha wanafunzi kuhifadhi tokeni, mapendeleo, na majibu yaliyoakibishwa kwenye kifaa.

Somo la 1 • Kamera na Kiteua Picha

Inapiga picha na kuchagua picha kutoka kwenye ghala kwa kutumia react-native-image-picker. Inawezesha wanafunzi kujenga vipengele vyenye media nyingi vinavyojulikana katika programu za kijamii na matumizi.

Somo la 2 • Usimamizi wa Ruhusa

Inaomba na kukagua ruhusa za wakati wa utekelezaji kwa vipengele nyeti vya kifaa kwenye iOS na Android. Inaweka ruwaza ya ruhusa inayohitajika kabla ya kufikia API yoyote asilia.

Somo la 3 • Jiografia na Ramani

Hupata eneo la kifaa na kuonyesha ramani shirikishi kwa kutumia react-native-maps. Inaunganisha data ya eneo na uzoefu wa ramani wa mwonekano ambao wanafunzi wanaweza kusambaza katika programu halisi.

Somo la 4 • Arifa za Kusukuma

Inasanidi arifa za ndani na za mbali za kusukuma kwa kutumia Arifa za Expo au Firebase. Inafundisha mzunguko kamili wa maisha ya arifa kutoka kwa upangaji hadi mwingiliano wa mtumiaji.

Somo la 1 • Upimaji wa Kitengo na Muunganisho

Inaandika majaribio ya vipengele na koleo kwa kutumia Jest na Maktaba ya Upimaji ya React Native. Inaweka msingi wa upimaji unaogundua kurudi nyuma kabla ya usambazaji.

Somo la 2 • Kujenga na Kuwasilisha kwenye Maduka ya Programu

Inazalisha matoleo ya ujenzi yaliyotiwa sahihi kwa Android na iOS na kuyawasilisha kwenye maduka yao husika. Inakamilisha mzunguko kamili wa maisha kutoka uendelezaji hadi uzalishaji kwa wanafunzi.

Somo la 3 • Uchambuzi na Uboreshaji wa Utendaji

Inatumia Flipper na Kichunguzi cha Utendaji kutambua vikwazo vya nyuzi za JS na utoaji wa picha. Inawapa wanafunzi uwezo wa kugundua na kurekebisha matatizo ya kawaida ya utendaji ya React Native.

Somo la 4 • Upimaji wa Mwisho hadi Mwisho kwa kutumia Detox

Inaendesha kiotomatiki mtiririko kamili wa mtumiaji kwenye viganishi na vifaa kwa kutumia Detox. Inathibitisha njia muhimu kama vile kuingia na malipo kabla ya kila toleo.