Mavzu: Angular jsda animatsiyalar Angular jsda forma elementlari bilan ishlash

913-20 guruh Rajabov shohruhbek


Mavzu:Angular JSda animatsiyalar Angular JSda forma elementlari bilan ishlash

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.

AngularJS - bu dinamik veb-ilovalar uchun strukturaviy asos. Bu sizga shablon tili sifatida HTML-dan foydalanishga imkon beradi va dasturning tarkibiy qismlarini aniq va lo'nda ifodalash uchun HTML sintaksisini kengaytirishga imkon beradi. AngularJS ma'lumotlarini bog'lash va qaramlik in'ektsiyasi aks holda yozishingiz kerak bo'lgan kodning ko'p qismini yo'q qiladi. Va barchasi brauzer ichida sodir bo'ladi, bu uni har qanday server texnologiyasi bilan ideal sherikga aylantiradi.
AngularJS - bu HTML uchun, agar u ilovalar uchun yaratilgan bo'lsa edi. HTML statik hujjatlar uchun ajoyib deklarativ tildir. U dasturlarni yaratishda juda ko'p narsani o'z ichiga olmaydi va natijada veb-ilovalarni yaratish men brauzerni xohlagan narsamga aldash uchun nima qilishim kerak bo'lgan mashqmi?
Dinamik dasturlar va statik hujjatlar o'rtasidagi impedans nomuvofiqligi ko'pincha quyidagilar bilan hal qilinadi:

• 
  kutubxona - veb-ilovalarni yozishda foydali bo'lgan funktsiyalar to'plami. Sizning kodingiz mas'uldir va kerakli payt kutubxonaga qo'ng'iroq qiladi. Masalan, jQuery.
  
• 
  ramkalar - veb-ilovaning ma'lum bir bajarilishi, bu erda sizning kodingiz tafsilotlarni to'ldiradi. Ushbu ramka mas'uldir va sizning ilovangizga maxsus biror narsa kerak bo'lganda kodingizni chaqiradi. Masalan, durandal, emberva boshqalar
  

AngularJS yana bir yondashuvni qo'llaydi. Yangi HTML konstruktsiyalarini yaratish orqali hujjatga yo'naltirilgan HTML va dasturga kerak bo'lgan narsalar o'rtasidagi impedans nomuvofiqligini minimallashtirishga harakat qiladi. AngularJS brauzerga biz direktivalar deb atagan qurilish orqali yangi sintaksisni o'rgatadi . Bunga misollar:

• 
  Ma'lumotlarni bog'lash, xuddi {{}}.
  
• 
  DOM fragmentlarini takrorlash, ko'rsatish va yashirish uchun DOM boshqaruv tuzilmalari.
  
• 
  Shakllarni va shaklni tasdiqlashni qo'llab-quvvatlash.
  
• 
  DOM elementlariga yangi xatti-harakatlarni biriktirish, masalan DOM hodisalari bilan ishlash.
  
• 
  HTML-ni qayta ishlatiladigan komponentlarga guruhlash.
  

Nima uchun AngularJS?

HTML statik hujjatlarni e'lon qilish uchun juda yaxshi, ammo biz veb-dasturlarda dinamik ko'rinishni e'lon qilish uchun foydalanishga harakat qilsak, u ishlamay qoladi. AngularJS ilovangiz uchun HTML so'z boyligini kengaytirishga imkon beradi. Natijada paydo bo'lgan muhit favqulodda ifodali, o'qilishi mumkin va tez rivojlanadi.

Misol:

Natijalar:

Misol:

Natija: