Category Programmēšanas pamācības
UI/UX Dizaina sistēmas Dizaina sistēmas pastāvīgi maina atkārtoti lietojamu komponentu, principu un vadlīniju kolekcijas, kas dizaineriem un izstrādātājiem nodrošina vienotu valodu konsekventam produktu un tīmekļa dizainam. Dizaina sistēma ir nodevumu kopums, kas attīstās līdzās produktam, rīkiem un tehnoloģiskajiem sasniegumiem…. Continue Reading →
UI/UX Dizaina elementu principi Lai gan dizains var būt jautrs un aizraujošs, darbs ar dizaina elementiem un principiem tas kādam var būt neizprotams un sarežģīts. Šajā rakstā jūs izpētīsiet dizaina elementus un principus, lai iegūtu dziļāku izpratni par to… Continue Reading →
UI/UX Lietojamības tests, kā tādu uzrakstīt un kam tas paredzēts? Kad tiek izstrādāts jauns web resurss, vai mobilā aplikācija, lietojamības testēšana ir svarīgs sagatavošanās posms prototipa fāzē. UI/UX lietojamības tests ir paredzēts, lai pārbaudītu lietotāja saskarnes un lietotāja pieredzes efektivitāti… Continue Reading →
UI/UX dizaina lietojamības testēšana + špikeri testam Kad esat izpētījis, Figma Wireframes prototipēšanu lai izstrādātu savus prototipus un vēlāk aplikācijas, vai tīmekļa vietnes, ir pienācis laiks pastāstīt, kā varat pārbaudīt sava dizaina lietojamību. Šajā rakstā jūs uzzināsiet, kā definēt… Continue Reading →
Figma Rapid, jeb ātrā prototipēšana UI/UX dizains Ātra prototipu izstrāde Šajā rakstā jūs uzzināsiet par ātro, jeb Rapid prototipu veidošanu, tās priekšrocībām, ciklu un izmantojamajiem precizitātes līmeņiem. Pirms ieguldīt laiku un naudu idejas izstrādē un produkta radīšanā, jāpārliecinās, vai… Continue Reading →
Figma UI/UX Režģu izveide planšetdatoriem un mobilajām ierīcēm Planšetdatoru un tālruņu režģi Turpinot iepriekšējo rakstu sēriju par UI/UX dizaina izstrādi, izveidosim planšetdatoru un tālruņu režģus. Vienā no iepriekšējiem rakstiem jau pastāstīju, kā izveidot bezmaksas Figma kontu, tāpēc šeit neatkārtošos, sāksim… Continue Reading →
UI/UX Dizaina mijiedarbības novērtēšanas metodes Šajā rakstā uzrakstīšu Jums par metodēm, kas tiek izmantotas novērtēšanai un mijiedarbības veidošanai. Tie ietver heiristisko novērtēšanu, apskati, tīmekļa analīzi, A/B testēšanu un paredzamos modeļus. Tātad, sāksim uzzināt, kas ir šie modeļi un kāpēc mums… Continue Reading →
UI / UX ievades formu dizaina labā prakse Uzņēmumi savās vietnēs izmanto veidlapas, lai apmeklētāji varētu reģistrēties, lai izveidotu kontu, iegādātos produktu, samaksātu par preci un veiktu citas darbības. Tāpēc tiešsaistes veidlapu dizains ir tik svarīgs. Ja jums nav vienkāršas,… Continue Reading →
Laba UI/UX dizaina izveidošanas pamatprincipi Dītera Ramsa 10 laba dizaina principi Labs dizains ir novatorisks Neatkarīgi no tā, vai veicat izmaiņas vai darāt kaut ko jaunā veidā, izstrādājat jaunas idejas vai uzlabojat esošos dizainus un strādājat kopā ar jaunām tehnoloģijām,… Continue Reading →
UI / UX scenārija piemērs un skaidrojums Šajā rakstā jūs uzzināsiet, kā prezentēt scenāriju un klienta ceļa karti, kurā dokumentētas lietotāja prasības. Jūs jau iespējams esat iemācījušies, ka scenāriji nosaka stāstus un kontekstu, kas noved pie tā, ka jūsu vietni… Continue Reading →
Kā izveidot jaunu FIGMA kontu Lai iestatītu Figma kontu, dodieties uz: www.figma.com Pēc tam augšējā labajā stūrī noklikšķiniet uz pogas “Get started”. Varat izveidot jaunu kontu, izmantojot savu e-pasta adresi un izveidojot jaunu paroli. Jums var arī tikt jautāts, vai… Continue Reading →
UI / UX – Digitālā dizaina veidi Dizainam iegūstot jaunas formas, tā terminoloģija ir eksponenciāli augusi. Tāpēc ir svarīgi labāk izprast dizaina disciplīnu. Pirms turpināt UX UI dizaina izpēti, vispirms noskaidrosim, kur tie atrodas dizaina spektrā. Dizaina spektrā ir četri… Continue Reading →
Kas tad ir tas “UI”? Iepriekšējā rakstā jau nedaudz aprakstīju UX principus, kurus parasti izmanto UI/UX dizaineri visā pasaulē . Bet ja jūs zināt, ka jums ir jāuzlabo arī lietotāja interfeiss, tad tas attiecās tieši uz UI. Tāpēc iespējams jūs… Continue Reading →
Empātijas rīki: artefakti UX procesā Šajā rakstā jūs uzzināsiet par artefaktiem UX procesā. Artefakti ir dokumenti, ko izstrādā dizaina komandas, lai apkopotu, sakārtotu un prezentētu informāciju visā UX procesā. Jums būs ievads par lietotāju personībām, scenārijiem, lietotāju stāstiem un scenārijiem…. Continue Reading →
React: Noderīgas ārējās bibliotēkas UI ir saīsinājums no angļu valodas vārdiem “user interface” jeb lietotāja saskarne. Tā ir kontaktpunkts starp cilvēkiem un datoriem. Jūs kā lietotājs mijiedarbojaties ar tehnoloģiju, kas ir daļa no lietotāja saskarnes. UI mērķis ir ļaut lietotājam… Continue Reading →
React: Atsauksmju forma aplikācijai + testēšanas kods Iedomāsimies, ka mums ir jāizveido “”Front-Ends” React aplikācijas komponentam, kurs sniegtu iespēju apmeklētājam sniegt atsauksmi par pieredzi pēc pakalpojumu saņemšanas kādā uzņēmumā. Tātad uzdevums ir izveidot Feedback, jeb atsauksmes iespēju. Papildus atsauksmes iespējai… Continue Reading →
React: koda testēšanas bibliotēkas “Why testing library” izmantošana Veidojot React aplikācijas var rasties nepieciešamība konkretāk pārbaudīt aplikācijā izveidotā koda darbību un funkcionalitāti. Par to protams jau ir padomāts un šāda iespēja ir izmantot “Why Testing Library” testēšanas rīku rakstot testēšanai… Continue Reading →
Kas ir downshift un kā tas izmantojams React lietotnēs?. Downshift ir JavaScript bibliotēka, kas paredzēta vienkāršu, elastīgu un WAI-ARIA atbilstošu React autocomplete/combobox vai select dropdown komponentu izveidei. Downshift piedāvā vairākus risinājumus atkarībā no jūsu vajadzībām un izmantošanas gadījumiem. Šajā rakstā… Continue Reading →
React HOC kursora pozīcijas kods un koda skaidrojums Šajā rakstā es Jums parādīšu kā izveidot React kodu kursora pozīcijas izsekošanai ekrānā. Kods nosaka kursora pozīciju un attēlo to aplikācijas ekrānā ar konkrētām peles kursora koordinātēm. Protams esmu izveidojis jaunu mapi,… Continue Reading →
React: Cross-cutting concerns (šķērsojošā koda problēmas) skaidrojums Cross-cutting concerns ir funkcionalitāte vai uzvedība, kas ietver vairākas komponentes lietojumprogrammā. Piemēri cross-cutting concerns ietver: autentifikāciju, žurnālēšanu, kļūdu apstrādi un datu iegūšanu. Cross-cutting concerns apstrāde React var būt nedaudz izaicinoša, jo šīs… Continue Reading →
React: Spread operators (…) aplikācijas kods Restorānam Spread operators ir viens no stilīgākajiem JavaScript valodas papildinājumiem. Paldies Spread operatoram, ko attēlo trīs punkti (…). Parastās darbības, kurām iepriekš bija nepieciešams nedaudz vairāk koda, piemēram, objekta vai masīva klonēšana, tagad ir… Continue Reading →
React: Bērnu tipi JSX izteiksmēs saturs starp sākuma un aizvēršanas tagu tiek nodots kā unikāls rekvizīts, ko sauc par bērniem. Ir vairāki veidi, kā nodot bērnus, piemēram, atveidot virknes literāļus vai izmantojot JSX elementus un JavaScript izteiksmes. Ir arī svarīgi… Continue Reading →
React: komponentu kombinēšana ar bērniem – bērnu tipi Izstrādājot React komponentus, viena no svarīgākajām īpašībām, ko izstrādātāji mēdz aizmirst, ir bērnu rekvizīts “children prop”. Bērnu rekvizīts, kas ir īpašs īpašums, kas piemīt visām sastāvdaļām, ir React jaudīgās kompozīcijas modeļa pamats…. Continue Reading →
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 →
React: Pielāgotie Āķi – Custom hooks React ir daži iebūvēti āķi, piemēram, useState hook vai useRef āķis, par ko uzzinājāt iepriekš. Tomēr kā React izstrādātājs varat rakstīt arī savus īpašos pielāgotos āķus. Tātad, kāpēc lai jūs vēlētos rakstīt pielāgotu āķi?… Continue Reading →