Tag HTML

React: JSX komponentu un elementu skaidrojums

React: JSX komponentu un elementu skaidrojums Šajā brīdī jums var rasties jautājums, kā definēt, kas patiesībā ir JSX. Un var nebūt pilnīgi skaidrs, kā React darbojas ar JSX, lai aprakstītu lietotāja interfeisu un izveidotu lietotājam draudzīgu un efektīvu lietotni. Nu,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

React apstrādātāji jeb event handlers un iegultās izteiksmes – Sintakse

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Iegultās “embeded” JSX izteiksmes

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Flexbox pamatjēdzieni un konstrukcijas pamācība CSS/HTML

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS transformāciju un pāreju rekvizītu rokasgrāmata

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS animāciju un efektu špikeris /cheat sheet

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS pseido klašu špikeris – CSS pseudo class cheat sheet

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

Gudri izmantojami CSS selektori jeb atlasītāji

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS režģa veidnes izkārtojums (grid template layout)

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 →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS režģa un flexbox špikeris (Grid and Flexbox cheat sheet)

CSS režģa un flexbox špikeris Piezīme: “|” apzīmē alternatīvas vai “OR“. Režģis Sintakse režģa izveidei: selektors {     display: grid; /* vai inline-grid */ } Šeit atlasītājs var atsaukties uz jebkuru no šiem elastīguma atribūtiem Atribūtu atlasītājs – Attribute selector Klases atlasītājs –… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS režģa izkārtojumi – GRID layouts

CSS režģa izkārtojumi – GRID layouts   CSS režģa izkārtojumi ir svarīgi, lai izveidotu labu tīmekļa lapu. Tas ir tāpēc, ka izkārtojumi ir veids, kā nodrošināt lietotājam vizuālas norādes, organizējot atbilstošu saturu, lai tas būtu vieglāk uztverams. Uzzināsim vairāk par… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS flexbox pamati – elastīgā kaste

CSS flexbox pamati – ” elastīgā kaste “ Šajā rakstā es jums pastāstīšu kā darbojās dažādi izkārtojumi un režģa struktūras, lai jūs izprastu kā sākt lietot flexbox. Izpētīsim dažus praktiskus piemērus, kā to izmantot. Šajā rakstā izpētīseit, kādi ir trīs… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS absolūtās un relatīvās mērvienības

CSS absolūtās un relatīvās mērvienības Tīmekļa lapa, kā jūs to zināt, ir divdimensiju. Citiem vārdiem sakot, tai ir platums un augstums. Ir vairāki citi veidi, kā to izteikt, piemēram, vertikāli un horizontāli, garums un platums, x un y ass utt…. Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

CSS tīmekļa lapas izkārtojums FlexBox, Grid, Box

CSS tīmekļa lapas izkārtojums FlexBox, Grid, Box CSS jeb (cascading style sheets) “kaskādes stila lapas” ir noteikumu kopums, kas uzlabo tīmekļa lapu izskatu. Pirmajos gados interneta pārlūkprogrammas ieviesa CSS, jo tas sniedza iespēju labākam vizuālajam noformējumam un lielākām radošuma iespējām…. Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML “iframe” “rāmja elementa” parametru SandBox un drošības špikeris

HTML <iframe> “rāmja elementa” parametru SaddBox un drošības špikeris <iframe> ir iekļauts rāmja elements, kas iegulst HTML lapu citā lapā. Papildus globālajiem atribūtiem, kas var būt iframe daļa, tālāk ir norādīti galvenie elementiem raksturīgie atribūti.   allow Tas norāda, kādas… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML Ievades INPUT (veidlapas ievades) elementi

<input>: ievades (veidlapas ievades) elements <input> veidi: Tas, kā <input> darbojas, ievērojami atšķiras atkarībā no tā tipa atribūta vērtības, tāpēc dažādie veidi ir aplūkoti atsevišķās atsauces lapās. Ja šis atribūts nav norādīts, noklusējuma veids ir teksts. Pieejamie veidi ir šādi:     Type… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML5 klienta puses ievades formu/veidlapu validācija

Klienta puses formu / veidlapu validācija, izmantojot HTML5 Veidojot tīmekļa lietojumprogrammas, ir svarīgi nopietni uztvert drošību, it īpaši, ja tas ir saistīts ar datu vākšanu no lietotājiem. “Nevienam neuzticēties” tas ir labs un izplatīts drošības princips! Tāpēc nekad neuzticieties tam,… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML Semantisko tagu špikeris / semantic cheat sheet

Semantiskā HTML špikeru lapa   Ir pieejami simtiem semantisko tagu, kas palīdz aprakstīt jūsu HTML dokumentu nozīmi. Tālāk ir redzams špikeris ar dažiem visbiežāk izmantotajiem semantiskajiem tagiem, ko noteikti izmantosiet veidojot tīmekļa vietnes izmantojot HTML programmēšanas valodu. Sadalīšanas tagi Izmantojiet… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

Kas ir BOOTSTRAP ?

Bootstrap ir viens no populārākajiem front-end web izkārtojuma un dizaina rīkiem, kas ļauj ātri un viegli izveidot estētiski pievilcīgas un lietojamas mājaslapas un tīmekļa aplikācijas. Tā ir bezmaksas atvērtā koda bibliotēka, kuru izstrādāja Twitter, un tā sastāv no HTML, CSS… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

DOM – dokumenta objekta modelis

DOM (Document Object Model) ir standarts, kas definē, kā dokumentu (piemēram, tīmekļa lapu) saturs tiek strukturēts un kā ar to var manipulēt. Tā kā HTML un CSS ir lietojamas tīmekļa lapu veidošanai un stilizēšanai, tie ir cieši saistīti ar DOM…. Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

HTML/CSS ģimene – bērni un mazbērni…

CSS un HTML terminos “bērns” un “vecāks” attiecas uz elementu attiecībām dokumenta kokā. Elements tiek uzskatīts par “vecāku”, ja tas satur citus elementus, kuri tiek saukti par tā “bērniem”. Piemēram, aplūkojiet šādu HTML kodu: <div> <p>Šis ir paragraphs.</p> <ul> <li>Vienība… Continue Reading →

Loading

Noderīgs raksts? Dalies ar citiem:

© 2024 — Powered by WordPress

Theme by Anders NorenUp ↑

Dalīties: