YUI Proqramlaşdırma: İlk JavaScript Kitabxanalarından biridir

Açıqlama: Dəstəyiniz saytın işini davam etdirməyə kömək edir! Bu səhifədə tövsiyə etdiyimiz bəzi xidmətlər üçün bir müraciət haqqı qazanırıq.


İnternetin ilk illərində veb səhifələr olduqca cansıxıcı idi. Onları gəzən istifadəçilər çox mətn, şəkillər və bağlantılar ehtiva etdikləri üçün çox əlaqə qura bilmədikləri veb səhifələrə rast gəldilər.

İnternetin populyarlığı artdıqca istifadəçilərin qarşılıqlı əlaqə qura biləcəyi səhifələrə daha çox tələbat var idi. Nəticə etibarilə JavaScript kimi dillər populyarlaşdı. JavaScript, inkişaf etdiricilərə dinamik veb saytlar ilə nəticələnən istifadəçilər üçün vidjet və plaginlər yaratmağa icazə verdi. Məsələn, dil ilə, inkişaf etdiricilər bir siçan klikinin yerləşməsinə əsaslanaraq veb səhifənin davranışına qərar verə bilər.

Nəhayət, JavaScript çox mürəkkəb oldu. Nəticədə inkişafı asanlaşdırmaq üçün JavaScript kitabxanaları yaradıldı. Belə kitabxanalardan biri YUI və ya Yahoo İstifadəçi interfeysi kitabxanası idi.

Kitabxananın inkişafı Yahoo! işçisi, Tomas Şa, 2005-ci ildə geri döndü. YUI-nin məqsədi bütün brauzerlərdə uyğun olan JavaScript vasitəsilə veb səhifələrin asanlıqla manipulyasiya edilməsi üçün bir interfeys təmin etmək idi. Kitabxanada brauzer çerez məlumatlarının işlənməsi, brauzer hadisələri ilə işləmə və forma məlumatlarının oxunması da daxil olmaqla çoxsaylı xüsusiyyətlər var.

Yahoo! 2006 və 2009-cu illərdə əsas versiyaları, 2014-cü ildə sonuncu buraxılışını buraxdı. YUI, geliştiricilər arasında marağın azalması və Node.js kimi kitabxanalar vasitəsilə server yan skriptlərinin artması nəticəsində dayandırıldı..

YUI Dərslikləri

Bu dərslər yeni başlayanlara YUI kitabxanasında işləməyə kömək edəcəkdir.

  • YUI Giriş Slaydları yeni başlayanlara yönəlmiş kitabxanaya giriş təmin edir və Christian Heilmann tərəfindən Web Directions North 2009-da təqdim edilmişdir.
  • YUI Kitabxanası ilə zəngin bir interfeys yaradın, karusel nəzarətləri və təqvimlər kimi bir veb səhifəsinə zəngin xüsusiyyətləri necə əlavə etməyi izah edən Simli jurnaldan addım-addım təlimatdır..
  • YUI 3 dəyişikliklər, YUI 2 və YUI 3 arasındakı bəzi fərqlər haqqında ətraflı məlumat verən bir məqalədir.
  • YUI Skinning, YUI’nin widget və nəzarət hissələrinin “görünüşü və hissini” dəyişdirməyin yollarını təsvir edir.
  • YUI nümunələri, inkişaf etdiricilərin YUI inkişafına başlamaq və zəngin interfeyslər yaratmaq üçün istifadə edə biləcəyi nümunələrin tonunu təmin edir.
  • YUI-a Giriş, DOM, hadisə idarəediciləri, animasiya modulları və Ajax sorğuları daxil olmaqla YUI kitabxana xüsusiyyətləri haqqında məlumat verir – kod nümunələri ilə tamamlanır.

Yaradıcılar, həmçinin YUI öyrənməyə kömək etmək üçün aşağıdakı video dərslərinə nəzər sala bilərlər:

  • YUI əsasları, YUI kitabxanasını təmin edən və nəzərdən keçirən bir video dərsidir.
  • YUI DataTables bir video təlimatı, DataTable komponentlərinə ümumi məlumat verir. Kod nümunələrini ehtiva edir və YUI-də işləyən mühəndislərdən biri tərəfindən təqdim olunur.
  • YUI Mojito, inkişaf etdiricilərin YUI üçün MVC (Model Baxış Nəzarətçisi) çərçivəsindən istifadə edərək veb tətbiqlərini necə yarada biləcəyini göstərir..
  • YUI istifadə etməyəcəyiniz zaman əyləncəli lakin məlumatlandırıcı video dərsidir ki, hansı hallar YUI-nin istifadəsinə zəmanət verir?.
  • Evolution Hadisələri Luke Smith-in YUI istifadə edərək DOM, sintetik və xüsusi hadisələri idarə etməsi ilə bağlı bir təqdimatı təqdim edir. Veb tətbiqləri əsasən hadisə ilə əlaqədardır, buna görə yoxlanmağa dəyər.

Əlavə öyrənmə mənbələri

Bir çox sayt, YUI ilə əlaqəli geniş mövzuları əhatə edən dərslər təklif edir. Budur başlanğıc və inkişaf etmiş inkişaf etdiricilərin faydalı tapacaqları bəzi saytlar.

  • YUI Kitabxanası Veb səhifəsi, YUI kitabxanasında bir çox məqaləni özündə cəmləşdirən bir veb saytdır. Bu veb saytı gəzərək, inkişaf etdiricilər YUI əsaslı tətbiqlərin inkişafı ilə tez bir zamanda tanış ola, sənədlərə baxa, təlimlərə baxa və YUI mövzusunda qalan geliştirici icma ilə söhbət edə bilərsiniz..
  • GitHub yalnız YUI üçün müxtəlif kod anbarlarını saxlamır, veb saytlarda müxtəlif widgetların görünüşünü və hissini dəyişdirmək və kod dəyişikliklərini etmək üçün dərsliklər də mövcuddur..
  • AlloyUI, YUI3 kitabxanasının üstündə qurulmuş AlloyUI kitabxanasından istifadə edərək dərin kod nümunələri olan bir neçə dərs daxildir. Veb saytına daxil olan tərtibatçılar kitabxanaları yükləyə və karusellər, tərəqqi barları və məlumat cədvəlləri daxil olmaqla bir çox xüsusiyyətləri necə tətbiq edəcəyinizi öyrənə bilərlər.

YUI haqqında kitablar

Bir çox digər dillərdən və kitabxanalardan fərqli olaraq, YUI-də bir neçə yaxşı kitab var. Onlar YUI ilə tam tanışlıq verirlər və bəzi dərin nümunələr təqdim edirlər.

  • Yahoo öyrənmək! Dan Wellman tərəfindən İstifadəçi İnterfeysi Kitabxanası (2008), inkişaf etdiricilərə ətraflı nümunələr ilə YUI-yə yaxşı bir baxış təqdim edir. Kitabı oxuyan inkişafçılar başlanğıc və inkişaf etmiş konsepsiyalara məruz qalacaqlar. Əvvəlcədən təcrübə aparılmır.
  • YUI 3 Kılavuzu (2012), Evan Goer tərəfindən yaradılanların birbaşa layihələrində istifadə edə biləcəyi xüsusi problemləri həll edən çoxsaylı kod parçaları və ya “reseptlər” mövcuddur. Kitabdakı bəzi nümunələrə animasiya yaratmaq, debug kodu, komponentlər yaratmaq və hadisələri idarə etmək yolları daxildir.
  • Peşəkar JavaScript Çərçivələri: Prototip, YUI, ExtJS, Dojo və MooTools (2009), Orchard, et al, YUI, həmçinin kod nümunələri daxil olmaqla müxtəlif çərçivələrin ümumi görünüşünü təqdim edir. Bu kitabla, tərtibatçılar sürüklətmə kimi UI effektlərini necə yaratmağı, CSS alətlərindən istifadə etməyi və YUI ilə vidjetlər yaratmağı öyrənə bilərlər..

Alternativ mənbələr

YUI-nin son buraxılışı 2014-cü ildə olduğundan, inkişaf etdiricilər alternativ çərçivələri nəzərdən keçirmək istəyə bilər. Bəzi populyar alternativlərə əksər saytlarda istifadə olunan jQuery daxildir. Burada nəzərdən keçirmək üçün bəzi jQuery mənbələri var.

  • W3Schools jQuery Tutorial, inkişaf etdiricilərə kitabxananın əsas sintaksisi, hadisə idarəediciləri və HTML elementlərini seçmə xüsusiyyətləri daxil olmaqla bir çox xüsusiyyətlərini öyrədir. W3Schools həm də inkişaf etdiricilərə veb saytdakı kodu dəyişdirməyə və icra etməyə imkan verir.
  • jQuery Kursu, inkişaf etdiricilərə kitabxananın əsaslarını öyrənmək və layihələri həyata keçirmək üçün CodeCademy-dən bir onlayn sinifdir..
  • Udemy jQuery Kursu, JavaScript və jQuery əsasları vasitəsi ilə inkişaf etdiriciləri qəbul edəcək sıx bir “bootcamp” kursudur. Kurs istifadə edilə bilən və müntəzəm olaraq yenilənən bir neçə mənbə kodu fayllarını ehtiva edir.

YUI öyrənməyə dəyərmi??

YUI-nin inkişafı Yahoo tərəfindən dayandırılsa da, öyrənmək hələ bacarıqlarınızı inkişaf etdirə bilər. YUI öyrənməklə başqa bir çərçivə modeli ilə tanış olursunuz. Bu çərçivəni öyrənmək sizə jQuery və ya AngularJS kimi oxşar kitabxanaları başa düşməyə kömək edə bilər.

Əlavə çərçivələri öyrənmək, ümumiyyətlə istifadə olunan proqram dizayn nümunələrinin anlayışını gücləndirməyə kömək edir. Məsələn, YUI, digər kitabxanalarda istifadə olunan Model Görünüş Kontroller sistemindən istifadə edir. Nəhayət, YUI kimi veb çərçivələr açıq mənbə olduğundan, inkişaf etdiricilər çərçivələrin mənbə kodlarını araşdıraraq veb gəzintini və JavaScript əsaslarını başa düşə bilərlər..

Əlavə oxu və mənbələr

Kodlaşdırma və veb saytın inkişafı ilə əlaqəli daha çox təlimat, dərs vəsaiti və infoqrafiya var:

  • Yaxşı HTML tərtib etmək: bu yaxşı qurulmuş HTML yazmaq və HTML doğrulama proqramından istifadə etmək üçün möhkəm bir girişdir.
  • CSS3 – giriş, təlimatlar & Resurslar: bu veb səhifənin sxemini öyrənməyə başlamaq üçün əla bir yerdir.
  • JQuery’i öyrənin və master edin: jQuery ilə tanışlığımız.

Hansı kodu öyrənməlisiniz?

Kodlamağı hansı proqramla öyrənməlisiniz? İnfografiyamıza baxın, Hansı Kod Öyrənməlisiniz? Bu, yalnız dillərin fərqli cəhətlərini müzakirə etmir, “Java üçün bir proqram üçün nə qədər pul qazanacam?” Kimi vacib suallara cavab verir.

Hansı kodu öyrənməlisiniz?
Hansı kodu öyrənməlisiniz?

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