Web dasturlash / Страница 3 / OpennetUZ

Web dasturlashga va HTML, CSS, PHP, Javascript, JQuery kabilar haqida

Дата создания

8 ноября 2013
Топиков

37
Ограничение на постинг

0.000

jQuerydan 5 ta foydali maslahat

Web dasturlash

Salom dunyo!
Hozirda HTML, CSS’dan o‘tib, jQuery’ni o‘rganayapman. Quyida o‘zim uchun kashf qilgan juda sodda va foydali maslahatlarni yig‘ib chiqdim. Maqola yangi foydalanuvchilar uchun “ajoyib” deb o‘qib chiqishga, professionallar uchun esa “yomonmas” deyishga arzigulik chiqsa, maqsadimga yetgan bo‘laman.
Barchamizga ma’lumki, JavaScriptning bitta animatsiya yoki HTML-sahifaga bog‘lanishi uchun uzundan-uzoq kod yozish zarurligi, bunda yozilgan kodning barcha brauzerlarda (cross-browsing) bir xil ishlashini ta’minlash qiyinroq masala. Bu hol foydalanish uchun qulay library’larni ommalashtirib yubordi. Shu jumladan jQueryni ham. U yangi dasturlash tili emas, shunchaki judayam sodda va tushunarli tuzilgan kutubxona, xolos. jQuery’ni o‘rganish uchun 1-2 ta kitoblarni, onlayn darslarni titib chiqib, eng samaralisi 30 kunda jQueryni o‘rganish (30 days to learn jQuery) video-darsi ekanligini tushundim. Hali o‘rganishni boshlamagan do‘stlarimga shundan o‘rganishni tavsiya qilaman.

jQuery, maslahat, ready()

HTML5 canvas va javascript yordamida bayroq chizish va harakatlantirish.

Web dasturlash

Salom. Mana ancha vaqtdan keyin HTML5 canvas haqida yozishga qaror qildim. Ushbu maqolada canvas haqidagi dastlabki ma'lumotlar keltirilgan. Misol sifatida yurtimiz bayrog'ini chizdim.

html5, canvas, javascript

CSS yordamida moslashuvchan fotogalareya yaratish

Web dasturlash

Ushbu maqolada moslashuvchan fotogalareyani CSS ning o'zida yaratishni ko'ramiz. Moslashuvchan galareyada rasmlar o'lchami va maket ekran razmeriga avtomatik moslashishi kerak. Ushbu usulni men Turkcha-O'zbekcha Lug'at ilovasida foydalandim.

moslashuvchan rasmlar, moslashuvchan web dizayn, css

Moslashuvchan web-dizaynlar: CSS media so’rovlar (davomi)

Web dasturlash

Oldingi postlarda yozilgan moslashuvchan web dizayn usullaridan foydalanib bir test o'tkazib kor'amiz.
G'oya shunday: kichik bir sahifa yaratamiz, orqa fonga qandaydir rasm joylashtiramiz. Va orqa fon rasmi har hil ekranda har hil rasm bo'ladi. Buning asosiy maqsadi shundaki, katta ekranlarda sahifa ochilganda fon rasmi katta bo'lishi kerak(hajm ham katta boladi) va kichik ekranlarda ochilganda fon kichik bo'ladi. Bu web sahifalarimizi samalari bo'lishiga yordam beradi. Shuningdek, sahifamizga 2 ta foreground rasm joylaymiz, ya'ni img tega orqali va bu rasmlar ham sahifamizga moslashishini ko'ramiz.

moslashuvchan rasmlar, moslashuvchan web dizayn, css3

CSS3 da uy

Web dasturlash

Salom. CSS3 etganimday imkoniyatlari juda keng. Agar sarvar_uz ni maqolalarini o'qigan bo'lsangiz, maqolalarida har xil yangiliklar va imkoniyatlar haqida yozmoqda. Man bu safar CSS3 ning grafikasidan foydalanib uy yasashga harakat qildim.

css3, animation, uy

Moslashuvchan web-dizayn: viewport

Web dasturlash

Ko’pchilik web developerlar meta tegida viewreport atributiga ko’p duch kelishgan va ushbu maqolada bu atributni vazifasi va ishlatilishini ko’rib chiqamiz.

<meta name="viewport" content="initial-scale=1">

moslashuvchan web dizayn, viewport, css

Moslashuvchan web-dizaynlar: CSS media so’rovlar

Web dasturlash

CSS 2.1 chiqqanidan boshlab, “media type” lar orqali har hil qurilmalar uchun stil yozish osonlashdi. Agar “print style sheet” (sahifani printerdan chop qilish uchun berilgan holatdagi dizayn) yozgan bo’lsangiz, konseptsiyasi bilan tanish bo’lsangiz kerak:

<link rel="stylesheet" type="text/css" href="core.css"
  media="screen" />
<link rel="stylesheet" type="text/css" href="print.css"
  media="print" />

moslashuvchan web dizayn, css3, css, html

Proxy orqali saytga kirgan foydalanuvchining haqiqiy IP manzilni aniqlash

Web dasturlash

Agar foydalanuvchi saytga proxy orqali kirgan bo'lsa, uni haqiqiy ip mazilini chiqaradi.

< ?php
if($HTTP_X_FORWARDED_FOR):
echo "Proxy Name $HTTP_VIA";
echo "Proxy IP $REMOTE_ADDR";
echo gethostbyaddr;
echo "Your Real IP $HTTP_X_FORWARDED_FOR";
else:
// agar klient proxy siz kirsa...
echo "Real IP $REMOTE_ADDR";
endif;
? >

Bu kodni ko'chirib oling va tekshirib ko'ring.

php, proxy, real ip

Regular Expressions. Dars 2

Web dasturlash

Mana anchadan beri yozilishi vada qilingan 2-darsga ham navbat yetib keldi. 1-darsga etibor bergan bo'lsangiz asosan ^,$,+,*,[] kabilarni ishlatish haqida aytib o'tilgan (agar o'qigan bo'lsangiz). Bu darsda ham bulardan vos kechmagan holda to'liqroq yozishga harakat qilaman.

regular expressions, php, regexp

Regular Expressions. Dars 1

Web dasturlash

Sayt tuzayotgan paytim mani ko'p qiynaydigan narsa POST, GET da kelayotgan ma'lumotlarni filtrlash edi. Masalan login, password lar qo'yilgan belgilar kiritilganmi yo boshqa belgilar ham bormi? Shularni tekshirish uchun hamisha o'zim PHP da funksiya yozardim. Keyin Regular Expressions funksiyalari orqali shu muammoni oson hal qilish mumkin ekanligini tushundim va o'rganishni boshladim.
Shu o'rganganlarimni maqola ko'rinishda qoldirishga qaror qildim.

regular expressions, php, regexp