Angular JS formalar va animatsiyalar bilan tanishish
AngularJS o'zi nima? AngularJS Google kompaniyasi tomonidan ishlab chiqilgan JavaScript framework! U bizga yani dasturchilarga sahifani yanada dinamik qilishda yordam beradi, AngularJS eski framework emas u 2009 ishlab chiqilgan lekin 1-versiyasi esa 2012 yil ommaga taqdim etilgan. Shu kunda beri web dasturchilar tomonidan judda keng qo'llanib kelinmoqda va dasturlashdagi eng so'nggi texnologiyalar sirasiga kiradi. Siz oldin jQuery va shu kabi boshqalar bilan ishlab ko'rgan bo'lishingiz mumkin. Ana endi jQueryni vaqtincha unutib AngularJS boshlashingiz kerak.
Angular - bu sifatli JavaScript-klient dasturlarini ishlab chiqish uchun MVW-ramka. U Google tomonidan yaratilgan va qo'llab-quvvatlanadi va kelajakda biz uchun qanday yangi xususiyatlar va standartlar tayyorlanishini taklif qiladi.
MVW Model-View-View (model - ko'rinish - har qanday) degan ma'noni anglatadi, ya'ni dasturlarni ishlab chiqishda dizayn naqshlarini tanlashda moslashuvchanlikni anglatadi. MVC (Model-View-Controller) yoki MVVM (Model-View-ViewModel) modellarini tanlashimiz mumkin.
Ushbu o'quv qo'llanma AngularJS, uning tushunchalari va API-larini o'rganishda boshlang'ich nuqtasi bo'lib, sizga zamonaviy veb-ilovalarni yaratishda yordam beradi.
AngularJS HTMLni takomillashtirish uchun asos sifatida o'zini joylashtirmoqda. U turli xil dasturlash tillarida, ham JavaScript, ham server tomondan tushunchalarni to'plagan va HTML-dan tashqari dinamik narsalarni yaratmoqda. Ilovalarni ishlab chiqishda ma'lumotlarga asoslangan yondashuvni olamiz. Model, DOM-ni yangilash yoki boshqa vaqt talab qiladigan operatsiyalarni amalga oshirishning hojati yo'q, masalan, brauzer xatolarini tuzatish uchun. Biz ma'lumotlarga e'tibor qaratamiz, ma'lumotlar HTML-ga g'amxo'rlik qiladi va biz faqat dasturni dasturlash bilan shug'ullanamiz.
AngularJS-ning ma'lumotlar va boshqa muhandislik kontseptsiyalari bilan ishlash bo'yicha pozitsiyasi Backbone.js va Ember.js kabi tizimlardan farq qiladi. Biz allaqachon bilgan HTML-dan mamnunmiz va Angular uni yaxshilaydi. Angular DOM-ni ma'lumotlar bilan aloqa qilish uchun toza JavaScript ob'ektlarida yashaydigan Modelga har qanday o'zgartirishlar bilan yangilaydi. Model yangilanganida, Angular dasturning joriy holatini o'z ichiga olgan Ob'ektlarni yangilaydi.
Agar siz statik saytlar yaratishga odatlangan bo'lsangiz, sahifaga kerakli ma'lumotlarni kiritganingizda va HTML-ning o'xshash qismlarini qayta-qayta takrorlaganingizda, HTML-ni qo'lda, bo'lak-bo'lak yaratish jarayoni bilan tanishasiz. Bular panjarali ustunlar, navigatsiya uchun tuzilma, havolalar yoki rasmlar ro'yxati va boshqalar bo'lishi mumkin. Kichik bir tafsilot o'zgarganda, siz shablonni va undan keyingi foydalanishni yangilashingiz kerak. Har bir navigatsiya elementi uchun bir xil kod qismlarini nusxalashingiz kerak.
Kafedrada turing - Burular vazifalarni ajratish va dinamik HTMLga ega. Bu shuni anglatadiki, bizning ma'lumotlarimiz Modelda, HTML esa Viewga aylantiriladigan kichik shablon ko'rinishida yashaydi va biz ushbu ikkita tushunchani ulash uchun Controller-dan foydalanib, Model va View-ga o'zgartirishlarni qo'llab-quvvatlaymiz. Ya'ni, navigatsiya dinamik ravishda ko'rsatilishi mumkin, bitta ro'yxat elementidan yaratiladi va Modeldan har bir element uchun avtomatik ravishda takrorlanadi. Bu soddalashtirilgan tushunchadir, keyinchalik biz shablon haqida ko'proq gaplashamiz.
MVC va MVVM o'rtasidagi farq shundaki, MVVM interfeyslarni ishlab chiqish uchun maxsus mo'ljallangan. Ko'rinish taqdimot qatlamidan iborat, ViewModelda taqdimot mantig'i va Model o'z ichiga biznes mantig'i va ma'lumotlarini oladi. MVVM AngularJS kabi ramkalar rivojlanib boradigan ma'lumotlarning ikki tomonlama aloqasini osonlashtirish uchun yaratilgan. Biz MVVM yo'liga e'tibor qaratamiz, chunki so'nggi yillarda Angular bu erda suyanmoqda.
Avval AngularJSning rasmiy saytiga kiramiz: http://angularjs.org kiramiz. Downloadga kirib yuklab olamiz. Atiga bitta angular.js bitta fayli mavjud bo'ladi. Uni HTML sahifamizga ulashimiz kerak bo'ladi.
