Category Programmēšanas pamācības
React “Steita” novērošana – teksta maiņa ar pogu tātad kopumā turpinām iepriekšējo rakstu tēmu par steitiem, āķiem (jeb hooks) un aktuālo datu maiņu, kā arī interaktivitātes piešķiršanu React lietotņu datos. Kāpēc mēs izmantojam “steitus” programmā React? Jo tas ir viens… Continue Reading →
Kas ir React “steits”? / State Apsveriet dažādus modinātājpulksteņa režīmus un situācijas, kurās jūs tos izmantotu. Parasti jums ir ieslēgts modinātājs, lai iestatītu pamošanās laiku, izslēgts modinātājs, kad šī funkcija nav nepieciešama, un atlikšana, jeb “snauda”, lai pasnaustu un… Continue Reading →
Izmantojot āķus jeb hooks… Tagad, kad esat sapratis, kādi āķi ir programmā React, un jums ir dažas pamatzināšanas par useState āķi, nedaudz iedziļināsimies šajā visā, lai to izprastu pilnīgāk. Šajā rakstā jūs uzzināsiet, kā izmantot hooks, jeb āķus React komponentos,… Continue Reading →
Kas ir React āķi, jeb hooks? Tagad jūs, iespējams, jau esat uzzinājis par dažiem svarīgiem un noderīgiem React pamatjēdzieniem. Šajā brīdī jūs esat gatavs iemācīties pievienot interaktivitāti, uzturēt React komponenta stāvokli un izpētīt React hooks, jeb āķus. Šajā rakstā jūs… Continue Reading →
React Datu plūsmas skaidrojums Šajā rakstā jūs uzzināsiet, kā detalizēti aprakstīt datu plūsmu no “vecākiem(parent)” uz “bērnu(child)”. Pēc tam jūs uzzināsiet, kāpēc koda paraugiem ir jābūt skaidriem un kodolīgiem. Visbeidzot, jūs sīkāk izpētīsiet datu plūsmu, aplūkojot vairāk piemēru. Tam vajadzētu… Continue Reading →
React apstrādātāji un iegultās izteiksmes – Sintakse (jeb EVENT HANDLERS) Katru reizi, kad noklikšķināt vai pieskaraties pogai, ritiniet lapu uz leju vai atceļat garlaicīgu paziņojumu, pārlūkprogrammā tiek parādīti notikumi. Lai šiem notikumiem būtu kāda ietekme, jums ir jāizmanto notikumu apstrādātāji… Continue Reading →
React notikumu tipi “EVENTS” Tagad jūs, iespējams, jau esat iepazinies ar notikumiem JavaScript. Atcerieties, ka notikumi ir process, kurā JavaScript mijiedarbojas ar HTML, un tas var notikt, kad lietotājs vai pārlūkprogramma manipulē ar lapu. Tie nodrošina uzlabotu interaktīvu pieredzi, piemēram,… Continue Reading →
React praktiskais darbs aplikācijas instalācija un Multiplie komponenti Šajā praktiskajā darbā izveidosim 3 kartes elementus React aplikācijā, tāpēc pirms šī darba uzsākšanas pārliecinieties, vai Jums ir svaigi instalēta react aplikācija Jūsu izvēlētajā mapē. React jaunas aplikācijas instalācija Es saviem darbiem… Continue Reading →
React izteiksmes kā rekvizīti / props Jūs noteikti jau esat mazliet iemācījies izmantot izteicienus kā rekvizītus. Tie, cita starpā, var būt trīskārši operatori, funkciju izsaukumi vai dažas aritmētiskas darbības. Tomēr jūs varat nodot gandrīz jebkura veida izteiksmi kā rekvizītu. Piemēram:… Continue Reading →
React Trīskāršie operatori un funkcijas JSX Tātad jūs esat izpētījis vairākus veidus, kā definēt komponentus programmā React; tas ietver funkciju deklarācijas, funkciju izteiksmes un bultiņu funkcijas. Turpinot pilnveidot savas zināšanas par React sintaksi, jūs iemācīsities vairāk izmantot JSX un iegultās… Continue Reading →
Iegultās “embeded” JSX izteiksmes Atcerieties, ka JSX ir JavaScript sintakses paplašinājums, kas tiek izmantots kopā ar React. Tas ļauj izstrādātājiem rakstīt HTML kā daļu no sava komponenta koda, un to bieži izmanto programmā React, jo tas nodrošina lielāku elastību. Šajā… Continue Reading →
JSX sintakse un bultas funkcija / React Komponenti kā funkciju izteiksmes Līdz šim jūs, iespējams, novērojāt tikai ES5 funkciju deklarācijas, kas tika izmantotas, lai definētu komponentus programmā React. Tomēr tas nav vienīgais veids, kā to izdarīt. Šajā rakstā jūs uzzināsiet… Continue Reading →
JSX elementu veidošana Jūs esat novērojis, ka JSX ir neticami daudzpusīgs un var pieņemt JavaScript, HTML un CSS kombināciju. Šajā rakstā jūs uzzināsiet dažas pieejas, kā veidot JSX elementus un darīt to tā, lai lietotnē tiktu sasniegts gan funkcionāls, gan… Continue Reading →
React – rekvizīti un bērni (props&children) Iepriekš jūs uzzinājāt, ka varat nodot rekvizītus komponentam un komponenta ietvaros. Bet ir arī īpašs rekvizīts, kas pazīstams kā props.childs, kas automātiski tiek nodots katram komponentam. Šajā rakstā jūs uzzināsiet par props.children un to,kāds… Continue Reading →
Preperējam Rekvizītus, jeb PROPS Atceramies, ka līdzīgi parametriem JavaScript funkcijā, kas ļauj nodot vērtības kā argumentus, React izmanto rekvizītus “propertijus”, lai nodotu datus starp komponentiem. Bet kā tieši viņi strādā? Šajā rakstā jūs izmantosiet transpilatoru, lai JSX kodu pārveidotu uz… Continue Reading →
React un JavaScript “Props” (rekvizītu) komponentu principi Lai šis Jums būtu vieglāk izprotams jums vajadzētu būt pazīstamam ar React funkcionālo komponentu jēdzienu. React funkcionālie komponenti ir atkārtoti lietojami koda bloki, kas darbojas līdzīgi JavaScript funkcijai. Atcerieties, ka programmā JavaScript varat… Continue Reading →
Flexbox pamatjēdzieni Flexible Box Module, ko parasti dēvē par flexbox, tika izstrādāts kā viendimensijas izkārtojuma modelis un kā metode, kas varētu piedāvāt telpas sadali starp elementiem saskarnē un jaudīgas līdzināšanas iespējas. Šajā rakstā ir sniegts flexbox galveno funkciju izklāsts, kuras… Continue Reading →
React Projekta pielāgošana Ja reiz esat atvēris šo rakstu, tad visdrīzāk esat jau apskatijis informāciju par React komponentiem, bet tagad šajā rakstā jūs koncentrēsities uz mācīšanos pielāgot projektu. Jūs uzzināsiet par programmatūras izstrādes pieeju, detalizēti aprakstot atsevišķu saistīto failu izveidi… Continue Reading →
JavaScript moduļi – imports/eksports REACT Izpētīsim nedaudz vairāk par moduļiem. Moduļi var palīdzēt saglabāt kodu un piekļūt tam strukturētāk, un šajā rakstā jūs uzzināsiet par dažiem pamata jēdzieniem darbā ar JavaScript moduļiem. Šīs zināšanas ir ļoti svarīgas, lai izprastu sintaksi… Continue Reading →
CSS transformāciju un pāreju rekvizītu rokasgrāmata Vai esat kādreiz domājis, kā animācija kādā no vietnēm tiek darbināta? CSS Transforms un Transitions iestatījumi var radīt visdažādākos trikus! Rekvizīts CSS Transform HTML elementiem 2D vai 3D formātā piemēro kustību, pagriešanu, sašķiebšanu un… Continue Reading →
CSS animāciju un efektu špikeris /cheat sheet Transform iestatījums transform: transform function-values Piemērs: .sample-class { transform: rotate(60deg); } Keyword-value type: none .sample-class { transform: none; } Function-value type: matrix() Variations: matrix(), matrix3d() .sample-class { transform: matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0); } Function-value type: rotate(deg) Variations: rotate(), rotate3d(), rotateX(), rotate(), rotateZ()… Continue Reading →
CSS teksta efektu Špikeris / Cheat sheet Efekti, ko izstrādātāji izmanto teksta vienumiem tīmekļa lapā, ir izvēlēti galvenokārt to stila un izkārtojuma stila dēļ. Interesantus efektus var izveidot, apvienojot tos ar citiem CSS rekvizītiem. Teksta satura vizuālo attēlojumu var mainīt… Continue Reading →
CSS pseido klašu špikeris – CSS pseudo class cheat sheet Vienkāršie selektori Selektors Sintakse Piemērs Element element div { } Class .class .alpha { } ID #id #alpha { } Universal * * { } Vienkāršo selektoru variācijas Elements Sintakse… Continue Reading →
Iepriekš jūs droši vien jau zinājāt par dažādiem CSS atlasītāju veidiem. Atcerieties, ka CSS atlasītāji atbilst konkrētiem elementiem vai elementu grupām HTML dokumentā. Šajā rakstā jūs uzzināsiet par papildu bieži izmantotajiem CSS atlasītājiem jeb selektoriem. Bet pirms to izpētīšanas īsi… Continue Reading →
CSS režģa veidnes izkārtojums Režģa izkārtojumi ir veids, kā grupēt vienu vai vairākas režģa šūnas. Režģa veidnes izkārtojums ir šīs koncepcijas paplašinājums, kurā varat piešķirt nosaukumus šīm režģa zonām. Kad nosaukumi ir definēti, varat adresēt šos jaunos režģa apgabala vienumus… Continue Reading →