JS ბიბლიოთეკების სამყარო

არსებობს JavaScript-ის ათასობით ბიბლიოთეკა, რომლებიც შეგიძლიათ, თქვენს ვებგვერდზე მოიტანოთ და თქვენი ვებგვერდის ბევრი ასპექტი, რომლებიც შეიძლება, დაგეხმაროთ:

DOM მანიპულაცია
DOM მოვლენები
AJAX / მონაცემთა აღდგენა
ეფექტები და ანიმაცია
HTML შაბლონების შექმნა
გვერდის სტრუქტურა
UI ვიჯეტები
გრაფიკა და დიაგრამები
მონაცემთა მოდელირება
დამისამართება და ნავიგაცია
წვდომა
მულტი-ბრაუზერული მხარდაჭერა
მობილურების მხარდაჭერა

აი, კიდევ როგორ ვუყურებ ამას - ვებგვერდი შედგება მომხმარებლის ინტერფეისისგან (HTML და CSS), ინტერაქტიულობისგან (JS + DOM) და მონაცემებისგან (რაც ხშირად JS-ის საშუალებით შემოგვაქვს). შეგიძლიათ, მონაცემთა საფუძველზე მომუშავე ინტერაქტიული UI შექმნათ ბიბლიოთეკის გარეშე, ან შეგიძლიათ, შემოიტანოთ სხვადასხვა ბიბლიოთეკა, რათა თითოეული მათგანი დაიხმაროთ სხვადასხვა ნაწილში. ზოგიერთი ბიბლიოთეკა ბევრს გააკეთებს, ზოგი მხოლოდ ერთ ნაწილს:

ვებ დეველოპმენტის ერთ-ერთი ურთულესი ნაწილია ბიბლიოთეკების შერჩევა, რადგან ხშირად მოგიწევთ კოდის წერა, რომელიც ბიბლიოთეკებს ეფუძნება და თავდაპირველი არჩევანის მოგვიანებით შეცვლა ძნელია. არ არსებობს სწორი პასუხი - გაიგეთ, რა არჩევანი გაქვთ, შემდეგ აირჩიეთ აზრიანად.

ვებ სამუშაო გარსები („ფრეიმვორკები")

არსებობენ ბიბლიოთეკები, რომლებიც „ყველაფერს აკეთებენ" - დაწყებული მონაცემდა აღდგენით, დამთავრებული DOM მანიპულაციითა და მომხმარებლის ინტერფეისის ვიჯეტებით. თუ ამ სამუშაო გარსებიდან რომელიმეს იყენებთ, ეს ძირითადად ნიშნავს, რომ დიდი დოზით JavaScript-ი შემოგაქვთ თქვენს გვერდზე. ზოგიერთი დეველოპერისათვის ეს სამუშაო გარსები აკეთებენ ზედმეტად ბევრს და ურჩევნიათ, გამოიყენონ უფრო პატარა ბიბლიოთეკები კონკრეტული დავალებებით.

CSS სამუშაო გარსები („ფრეიმვორკები")

CSS ბიბლიოთეკა CSS სტილური წესების ერთობლიობაა, რომლის დოკუმენტაციაც გიჩვნეებთ, თუ რომელი HTML ტეგები და კლასები უნდა გამოიყენოთ. არსებობს მრავალი პოპულარული CSS ბიბლიოთეკა, რომელიც გაგიმარტივებთ ლამაზი სტილების მქონე ვებსაიტის შექმნას. ხანდახან ეს ბიბლიოთეკები შეიცავენ JavaScript ვიჯეტებს, თუმცა დეველოპერები ხშირად ამჯობინებენ CSS ბიბლიოთეკასთან ერთად, სხვა JS ბიბლიოთეკების გამოყენებას.

Twitter Bootstrap ნახეთ მაგალითი ხანის აკადემიაზე)
ZURB Foundation (ნახეთ მაგალითი ხანის აკადემიაზე)
Pure CSS
Topcoat
Skeleton

JS-ის ბრაუზერის ბიბლიოთეკები

ეს ბიბლიოთეკები გაგიმარტივებენ ბრაუზერის ისეთი ფუნქციონალის გამოყენებას, როგორიცაა DOM API, ფანჯრის მეთოდები - საკითხები, რომლებიც ჩვენ განვიხილეთ ამ კურსში. ხშირად ისინი გვაძლევენ საშუალებას, მივაღწიოთ იგივე შედეგს ნაკლები კოდით. ამავე დროს ისინი თვითონ უმკლავდებიან კროს-ბრაუზერულ ბაგებს.

jQuery (აქამდე ყველაზე პოპულარული ბიბლიოთეკა! - იხილეთ მაგალითი ხანის აკადემიაზე)
ZeptoJS
MooTools
dollardom
QuoJS

JS-ის აპლიკაციის არქიტექტურის ბიბლიოთეკები

ეს ბიბლიოთეკები დაგეხმარებიან თქვენს ვებ აპლიკაციებთან მუშაობისას მათი ზრდისა და გაუმჯობესების პროცესში. თქვენი პროგრამა შეიძლება, გარჩევადი იყოს დღეს, როდესაც რამდენიმე ასეული კოდის ხაზისგან შედგება, თუმცა მომავალში, როდესაც რამდენიმე ათასი ხაზი კოდი გექნებათ, შესაძლოა, მიიღოთ „სპაგეტი კოდი", რომლის წაკითხვაც ძალიან რთულია. ეს ბიბლიოთეკები დაგეხმარებათ, გამოყოთ თქვენი „მოდელი" (მონაცემები) თქვენს „view"-სგან (წარმოდგენასთან) და ხშირად გამოიყენოთ ობიექტზე ორიენტირებული პროგრამირების პრინციპები საკუთარი კოდის ორგანიზებისთვის.

მინი ბიბლიოთეკები და მიკრობიბლიოთეკები

აგრეთვე შეგიძლიათ, პატარა ბიბლიოთეკები გამოიყენოთ, რომლებსაც დეველოპერები წერენ კონკრეტული დავალებისათვის - როცა ისინი ძალიან პატარები არიან, მათ ზოგჯერ „მიკრობიბლიოთეკებს" ეძახიან. აი, რამდენიმე მაგალითი:

DOM: tinyDOM
მოვლენები: Events.js
AJAX: MicroAjax
ანიმაცია: Morpheus, Viper
მონაცემთა მოდელირება: Spine, Knockout
შაბლონები: Handlebars, Mustache
დამისამართება: PathJS
ობიექტზე-ორიენტირებულობა: Classy, Klass
გრაფიკა: Processing.JS (ნახეთ მაგალითი ხანის აკადემიაზე), RaphaelJS (ნახეთ მაგალითი ხანის აკადემიაზე), D3, Three.JS (ნახეთ მაგალითი ხანის აკადემიაზე), Paper.js
გრაფიკები: gRaphael, მაღალი გრაფიკები
თარიღი/დრო: moment.js

შეგიძლიათ, იხილოთ მეტი microjs.com-ზე ან ინტერნეტში „javascript library [ფუნქციონალობა]"-ს მოძებნით სადაც „ფუნქციონალობის" ნაცვლად ჩაწერთ იმ ფუნქციონალობას, რომელსაც ეძებთ.

გამოსცადეთ JS ბიბლიოთეკა თქვენს ვებგვერდზე ხანის აკადემიაში? გააზიარეთ ის კომენტარებში ქვემოთ.

გსურთ, შეუერთდეთ დისკუსიას?

შესვლა

დავალაგოთ:

პოსტები ჯერ არ არის.

გესმით ინგლისური? დააწკაპუნეთ აქ და გაეცანით განხილვას ხანის აკადემიის ინგლისურენოვან გვერდზე.