YUI programavimas: viena iš pirmųjų „JavaScript“ bibliotekų

Atskleidimas: Jūsų palaikymas padeda išlaikyti svetainę! Mes uždirbame siuntimo mokestį už kai kurias paslaugas, kurias rekomenduojame šiame puslapyje.


Pirmaisiais interneto naudojimo metais tinklalapiai buvo gana nuobodūs. Juos naršantys vartotojai susidūrė su tinklalapiais, su kuriais negalėjo daug bendrauti, nes juose buvo tik tekstas, vaizdai ir nuorodos.

Augant žiniatinklio populiarumui, atsirado daugiau paklausos puslapių, kuriais vartotojai galėtų bendrauti. Taigi tokios kalbos kaip „JavaScript“ išpopuliarėjo. „JavaScript“ leido kūrėjams kurti valdiklius ir papildinius vartotojams, sukuriantiems dinamiškas svetaines. Pvz., Vartodami kalbą, kūrėjai galėtų nuspręsti, kaip elgtis tinklalapyje, remiantis pelės paspaudimo vieta.

Galiausiai „JavaScript“ tapo labai sudėtinga. Todėl, siekiant palengvinti plėtrą, buvo sukurtos „JavaScript“ bibliotekos. Viena tokių bibliotekų buvo YUI arba „Yahoo“ vartotojo sąsajos biblioteka.

Bibliotekos kūrimą pradėjo „Yahoo!“ YUI tikslas buvo pateikti sąsają, kuria būtų galima lengvai manipuliuoti tinklalapiais naudojant „JavaScript“, suderinamą visose naršyklėse. Bibliotekoje buvo daugybė funkcijų, įskaitant naršyklės slapukų duomenų tvarkymą, naršyklės įvykių tvarkymą ir formos duomenų skaitymą.

„Yahoo!“ išleido pagrindines versijas 2006 m. ir 2009 m., paskutinę versiją išleido 2014 m..

YUI vadovėliai

Šie vadovėliai padės pradedantiesiems pradėti naudotis YUI biblioteka.

  • „YUI“ įvadas Skaidrėse pateikiama įžanga į biblioteką, skirtą pradedantiesiems, ir ją pristatė Christianas Heilmannas, „Web Directions North 2009“..
  • Sukurkite raiškią sąsają su YUI biblioteka yra žingsnis po žingsnio „Wired Magazine“ pamoka, kurioje aprašoma, kaip pridėti turtingas funkcijas tinklalapyje, pavyzdžiui, karuselės valdiklius ir kalendorius.
  • YUI 3 pakeitimai yra straipsnis, kuriame pateikiama išsami informacija apie kai kuriuos skirtumus tarp YUI 2 ir YUI 3.
  • „YUI Skinning“ aprašo, kaip pakeisti valdiklių ir valdiklių „išvaizdą ir pobūdį“ iš YUI.
  • „YUI pavyzdžiai“ pateikia daugybę pavyzdžių, kuriuos kūrėjai gali naudoti norėdami pradėti kurti „YUI“ ir kurti turtingas sąsajas.
  • Įvadas į YUI pateikia informaciją apie YUI bibliotekos funkcijas, įskaitant DOM, įvykių tvarkytuvus, animacijos modulius ir „Ajax“ užklausas – su kodų pavyzdžiais.

Kūrėjai taip pat gali peržvelgti šiuos vaizdo įrašų vadovus, kurie padės išmokti YUI:

  • „YUI pagrindai“ yra vaizdo samouczkas, kuriame pateikiama ir YUI bibliotekos apžvalga.
  • „YUI DataTables“ yra vaizdo įrašo pamoka, kurioje pateikiama „DataTable“ komponentų apžvalga. Tai apima kodų pavyzdžius ir yra pateiktas vieno iš inžinierių, dirbusių YUI.
  • „YUI Mojito“ parodo, kaip kūrėjai gali kurti žiniatinklio programas, naudodami „Mojito“, „MVC“ („Model View Controller“) sistemą, skirtą YUI.
  • Kada nenaudoti YUI yra linksmas, bet informatyvus vaizdo pamoka, parodantis, kokios situacijos pateisina YUI naudojimą.
  • Renginiai Evolved pristato Luke Smith kalbą apie DOM, sintetinių ir pasirinktinių įvykių tvarkymą naudojant YUI. Žiniatinklio programas daugiausia skatina įvykiai, taigi tai yra mokymo programa, kurią verta patikrinti.

Papildomi mokymosi šaltiniai

Daugelyje svetainių siūlomi mokymai, apimantys platų temų, susijusių su YUI, spektrą. Čia yra keletas svetainių, kurios pradedantiesiems ir pažengusiems kūrėjams bus naudingos.

  • YUI bibliotekos svetainė yra svetainė, kurioje yra daug straipsnių apie YUI biblioteką. Naršydami šioje svetainėje, kūrėjai galės greitai pradėti kurti YUI pagrįstas programas, peržiūrėti dokumentus, peržiūrėti mokomuosius dalykus ir kalbėtis su likusia kūrėjų bendruomene YUI temomis..
  • „GitHub“ ne tik saugo įvairias „YUI“ kodų saugyklas, bet ir svetainėje yra patarimų, kaip pakeisti įvairių valdiklių išvaizdą ir pobūdį bei modifikuoti kodus..
  • „AlloyUI“ apima keletą vadovėlių su išsamiais kodų pavyzdžiais, naudojant „AlloyUI“ biblioteką, kuri buvo pastatyta ant YUI3 bibliotekos. Kūrėjai, apsilankę svetainėje, gali atsisiųsti bibliotekas ir išmokti įdiegti daugybę funkcijų, įskaitant karuseles, progreso juostas ir duomenų lenteles..

Knygos apie YUI

Skirtingai nuo daugelio kitų kalbų ir bibliotekų, yra tik kelios geros knygos apie YUI. Jie pateikia išsamų įvadą į YUI ir pateikia keletą išsamių pavyzdžių.

  • Mokymasis „Yahoo!“ Dano Wellmano vartotojo sąsajos biblioteka (2008 m.) Kūrėjams pateikia gerą YUI apžvalgą su išsamiais pavyzdžiais. Kūrėjai, skaitantys knygą, susidurs su pradedančiųjų ir pažengusiųjų koncepcijomis. Ankstesnė patirtis nėra manoma.
  • „YUI 3 Cookbook“ (2012), autorius Evanas Goeris, pasižymi keliais kodo fragmentais arba „receptais“, kurie išsprendžia konkrečias problemas, kurias kūrėjai gali tiesiogiai naudoti savo projektuose. Kai kuriuose knygos pavyzdžiuose pateikiami animacijos kūrimo, derinimo kodo, komponentų kūrimo ir įvykių tvarkymo būdai.
  • Profesionalūs „JavaScript“ pagrindai: „Prototype“, „YUI“, „ExtJS“, „Dojo“ ir „MooTools“ (2009), autoriai Orchard ir kt., Pateikia įvairių sistemų, įskaitant YUI, ir kodų pavyzdžių apžvalgą. Su šia knyga kūrėjai gali išmokti kurti UI efektus, tokius kaip vilkimas ir kritimas, naudoti CSS įrankius ir kurti valdiklius naudojant YUI.

Alternatyvūs ištekliai

Kadangi paskutinis YUI leidimas buvo 2014 m., Kūrėjai gali norėti apsvarstyti alternatyvias sistemas. Tarp populiarių alternatyvų yra „jQuery“, kuri naudojama daugelyje svetainių. Čia yra keletas „jQuery“ išteklių, į kuriuos reikia atsižvelgti.

  • „W3Schools“ „jQuery“ mokymo programa moko kūrėjus daugelio bibliotekos funkcijų, įskaitant pagrindinę sintaksę, įvykių tvarkytojų diegimą ir HTML elementų pasirinkimą. „W3Schools“ taip pat leidžia kūrėjams modifikuoti ir vykdyti kodą pačioje svetainėje.
  • „jQuery“ kursas yra internetinė „CodeCademy“ klasė, skirta kūrėjams išmokti bibliotekos pagrindų ir įgyvendinti projektus.
  • „Udemy jQuery“ kursas yra intensyvus „bootcamp“ kursas, kuris kurs kūrėjus per „JavaScript“ ir „jQuery“ pagrindus. Kursas apima kelis šaltinio kodo failus, kurie gali būti naudojami ir yra reguliariai atnaujinami.

Ar verta mokytis YUI?

Nors „Yahoo“ nutraukė YUI kūrimą, išmokdami ją vis tiek galite patobulinti jūsų įgūdžius. Mokydamiesi YUI, įgysite galimybę pamatyti kitą pagrindų modelį. Šios struktūros mokymasis padės suprasti panašias bibliotekas, tokias kaip „jQuery“ ar „AngularJS“.

Papildomų schemų mokymasis taip pat padeda geriau suprasti dažniausiai naudojamus programinės įrangos projektavimo modelius. Pavyzdžiui, YUI naudoja „Model View Controller“ sistemą, kuri naudojama kitose bibliotekose. Galiausiai, kadangi žiniatinklio sistemos, tokios kaip YUI, yra atvirojo kodo, kūrėjai gali suprasti žiniatinklio naršymą ir „JavaScript“ pagrindus, ištyrę pagrindų pagrindų kodą..

Tolesni skaitymai ir šaltiniai

Mes turime daugiau vadovų, vadovėlių ir infografikų, susijusių su kodavimu ir svetainių kūrimu:

  • Sukurti gerą HTML: tai yra patikimas įvadas į gerai suformuoto HTML rašymą ir HTML patvirtinimo programinės įrangos naudojimą.
  • CSS3 – įvadas, vadovai & Šaltiniai: tai puiki vieta pradėti mokytis tinklalapio išdėstymo.
  • Sužinokite ir įsisavinkite „jQuery“: mūsų įvadas į „jQuery“.

Kokį kodą turėtumėte išmokti?

Nesuprantate, kokią programavimo kalbą turėtumėte išmokti koduoti? Peržiūrėkite mūsų infografiką, kokį kodą turėtumėte išmokti? Jame ne tik aptariami skirtingi kalbų aspektai, bet ir atsakoma į svarbius klausimus, tokius kaip: „Kiek uždirbsiu„ Java “programavimui pragyvenimui?“

Kokį kodą turėtumėte išmokti?
Kokį kodą turėtumėte išmokti?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map