Mening Sahifam

WEB017-1 Abdusamadov Jahongir Abdujamol o’g’li variant №2

Variant №2

1.WWW ning rivojlanish bosqichlari

2.CSSda padding hususiyatlari: padding, padding-top, padding-right, padding-bottom, padding-left. Izohlang va misollar keltiring.

3. AngularJS ga kirish. AngularJS da ifodalar. Izohlang va misollar keltiring.
1.WWW ning rivojlanish bosqichlari

WORLD WIDE WEB (WWW) rivojlanish bosqichi Butun dunyo cho’lg’ami (pautina) Word Wide Web (WWW) yoki (W3) 1989 yili paydo bo’ldi. Uning mohiyati Shvеytsariyadagi CERN (The European Laboratory for partile physios–elеmеntar zarrachalarning Еvropa laboratoriyasi) 9 dеb nomlangan laboratoriyaning bir guruh olimlari ishlab chiqdilar. Tabiiyki, bunday hujjatlar bilan ishlash asosi etib intеrnеt tanlangan. CERN global tarmoqdagi eng gavjum joylardan biri hisoblangan. Bu muammo bilan laboratoriya xizmatchisi fizik Tim Bеrnеrs-Li shug’ullandi va 1991 yilda o’z rеjasini oxiriga еtkazdi. 1960 yili amеrikalik olim Tеodor Xolm Nеlsonning shunga o’xshash muammo bilan mashg’ul bo’lganini aytib o’tish zarur. U o’z oldiga shunday maqsad qo’ygan edi: insoniyat yaratgan har xil qiymatdagi matnli hujjatlarni maxsus kompyutеr tarmog’iga birlashtirish va ularni o’zaro mantiqan bog’lash. Bunda foydalanuvchi asosiy yoki qo’shimcha axborotli ixtiyoriy hujjatning bir joyidan boshqasiga o’tishi mumkin. 1965 yili Nеlson T.X. bunday matnli axborotlarni tashkil etish uslubini gipеrmatn, o’zining amalga oshmagan loyixasini esa, Xanadu dеb nomladi. Ana usha T. Nеlsonning Xanadudagi g’oyasi WWW ning rivojiga turtki bo’ldi. 1993 yili amеrikalik talaba Mark Andrеssеn Mosaic Web–sharxlovchi dasturini yozdi. Bu dastur birinchilar qatori grafik intеrfеysga ega bo’ladi va sichqoncha bilan ishlay boshlaydi. Mosaic ishlatish uchun qulay UNIX, PC va Macintosh platformalarida ishlaydi va bеpul tarqatiladi. Biroq, vaqt o’tgach tadqiqotchi Mosaic asoschi Silicon Graphics bilan birlashdi. Ular hozirgi kunda boshlovchi brauzеr–Netscape ni yaratdilar. Taxminan Webdagi barcha trafiklarning 80% Netscape ga to’g’ri kеladi. Xonadonlardagi kompyutеrlarni Netscape bilan tеkin yuklash mumkin. Kеyinroq bozorda Microsoft kompaniyasi mahsuloti Internet Explorer nomli yangi brauzеr paydo bo’ldi. U ham tеzda intеrnеt tarmog’iga kiritila boshladi. Qaysi bir jihatdan WWWning mashhur bo’lib kеtishi Microsoft Windowsga o’xshab kеtadi. Windows MS DOS matn barcha vazifalarni qulay grafik intеrfеys orqali bajaradi. Kеlajakdagi WWW brauzеr va kompyutеrlarda axborotlarning tashqi ko’rinishi bilan boshqariladigan, ishlatishda eng qulay til HTML bilan chambarchas bog’lanadi. Oxirgi yillar mobaynida HTML da bir qancha o’zgarishlar sodir bo’ldi. 10 1999 yil 24 dеkabr maxsus notijorat tashkilot WWW Consortium (W3S) tomonidan qabul qilingan HTML fayllari, audio–vidеokliplar bilan ishlashda, ayniqsa sahifalarni o’zaro bog’lashda katta qulayliklar yaratdi.

2.CSSda padding hususiyatlari: padding, padding-top, padding-right, padding-bottom, padding-left. Izohlang va misollar keltiring.

Padding CSS padding xususiyatlari kontent bo'ylab bo'sh joyni umumlashtirishda ishlatiladi. Margin xususiyatlari element kontenti va chegarasi o'rtasidagi oq bo'sh joy hajmini o'rnatish. CSS padding xususiyatlari element kontenti va chegarasi orasidagi oq bo'sh joy hajmini belgilaydi. Padding element kontenti(chegara ichidagi) atrofidagi joyni bo'shatadi.Padding elementning orqa fon rangi tomonidan ta'sir etiladi! CSS bilan, siz paddingni to'liq ravishda nazorat qilishingiz mumkin. Bu yerda elementning har bir tarafi(yuqori, o'ng, past, va chap)ga padding o'rnatish uchun CSS xususiyatlari

Padding - Alohida tomonlar

CSS bir elementning har tomoniga padding joylashtirish uchun xususiyatlarga ega:

• 
  padding-top(yuqori)
  
• 
  padding-right(o'ng)
  
• 
  padding-bottom(tub)
  
• 
  padding-left(chap)
  

Hamma padding xususiyatlari quyidagi qiymatlarga ega bo'lishi mumkin:

length(uzunlik) - px, pt, cm va boshqalardagi paddingni bildiradi.

% - elementning kengligini % (foiz)idagi paddingni bildiradi.

inherit(meros) - paddingni ota elementdan ko'rinishi bir hil bo'lib qolganligini bildiradi

Quyidagi misol
elementning to'rt tomoni uchun turli hil paddinglarni o'rnatadi.

Namuna:

p {

  padding-top: 50px;

  padding-right: 30px;

  padding-bottom: 50px;

  padding-left: 80px;

}

Padding - Qisqacha(oson) xususiyati

Kodni kamaytirish uchun hamma padding xususiyatlarini bitta qilib olish mumkin.

Padding quyidagi alohida padding xususiyatlari uchun qisqacha xususiyat hisoblanadi:

padding-top

padding-right

padding-bottom

padding-left

Namuna:

p {

  padding: 50px 30px 50px 80px;

}

Bu yerda qanday uni ishlashi

Agar padding xususiyatini 4ta qiymati bo'lsa:

padding: 25px 50px 75px 100px;

yuqoridagi padding - 25px

o'ngdagi padding - 50px

pastdagi padding - 75px

chapdagi padding - 100px

Agar padding xususiyatini 3ta qiymati bo'lsa:

padding: 25px 50px 75px;

yuqoridagi padding - 25px

o'ngdagi va chapdagi paddinglar - 50px

pastdagi margin - 75px

Agar padding xususiyatini 2ta qiymati bo'lsa:

padding: 25px 50px;

yuqoridagi va quyidagi padding - 25px

o'ngdagi va chapdagi padding - 50px

Agar padding xususiyatini 1ta qiymati bo'lsa:

padding: 25px;

to'rttala paddinglar - 25px

Namuna:

div.ex1 {

   padding: 25px 50px 75px 100px;

}

div.ex2 {

   padding: 25px 50px 75px;

}

div.ex3 {

   padding: 25px 50px;

}

div.ex4 {

   padding: 25px;

}



 

3. AngularJS ga kirish. AngularJS da ifodalar. Izohlang va misollar keltiring.

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.

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.

Natija:{{5*2+24/8-7+14}}

Natija:{{5*2+24/8-7+14}}




{{text}}