Frontend Coding
13 subscribers
115 photos
3 videos
11 files
47 links
Frontend | UX/UI design

Creator - @im_zafarjon
Admin - @Jakhongirbek_Alijonov
Support bot - @programmers_support_bot
Download Telegram
Ushbu misol bilan tanishib chiqing.
O'zingiz boshqa ko'rinishda jadval tuzishga harakat qiling.

Tayyorlagan jadvalingizni ushbu botga yuborishingiz mumkin.

πŸ€– @programmers_support_bot

πŸ“š Manba
@webdasturchilar_html_css_js
<em> Har kuni kitob o'qing! </em> - ushbu teg orasida yozilgan gapimiz qanday ko'rinishda bo'ladi?
Anonymous Quiz
67%
Kursiv
33%
Ustiga chizilgan
0%
Qalinlashtirilgan
Kompyuteringiz uchun fon...
Barchangizga juma ayyomi muborak bo'lsin!
Xayrli kech kanal a'zolari. Ertadan yana darslarni boshlaymiz.

Biz bilan bo'ling!
Assalomu aleykum kanalimiz a'zolari. Juda ko'p vaqtdan beri kanalga ma'lumot yuklay olmayapmiz. Buning uchun sizlardan uzr so'raymiz. Yaqin orada kanalimizga qiziqarli darslar joylanadi.
Forwarded from Simple Web Coding
Qaysi attribut <input> tagini turini aniqlaydi
Anonymous Quiz
24%
types
60%
type
12%
_target
5%
src
Forwarded from Osmondagi bolalar
🎁 "Osmondagi bolalar" loyihasining Telegram botiga obuna bo'lib, do'stlaringizni taklif eting. Har bir taklif etilgan do'stingiz uchun 5 ballga ega bo'ling va maxsus sovg'a sohibiga aylaning 🀩

πŸ˜‰ Sizga ball taqdim etilishi uchun do'stingiz ro'yxatdan o'tgan bo'lishi lozim.
Ovoz bervorila
Forwarded from Simple Web Coding
😁 Assalomu aleykum kanal a'zolari!

πŸŽ‰ Yaqinda kanalimiz ishga tushadi. Anchandan beri kanalga birorta foydali ma'lumotlar yuklangani yo'q!

πŸ“† Juda ko'p muddat kanalga e'tibor qaratmadik. Kanalimizda qolgan foydalanuvchilarga katta rahmat!

KANALIMIZ 9-NOYABRDAN
BOSHLAB 100% ISHGA TUSHADI!

πŸ“ Rejalar!

βœ… Elektron kitoblar
βœ… Video darslar
βœ… HTML, CSS, JS kodlar
βœ… Sayt yozishni 0 dan boshlaymiz
Frontend Coding pinned «😁 Assalomu aleykum kanal a'zolari! πŸŽ‰ Yaqinda kanalimiz ishga tushadi. Anchandan beri kanalga birorta foydali ma'lumotlar yuklangani yo'q! πŸ“† Juda ko'p muddat kanalga e'tibor qaratmadik. Kanalimizda qolgan foydalanuvchilarga katta rahmat! KANALIMIZ 9-NOYABRDAN…»
Frontend dasturchilar uchun quyidagilar zarur.

1) HTML
2) CSS
3) Java Script
4) React

HTMLda qaysi teg nima vazifalarni bajarishi kerakligini bilish zarur.

Web sayt barcha qurilmalar uchun - kompyuter, planshet va smartfonlarga adaptiv bo'lishi shart. Buning uchun "Responsive Web Design"ni o'rganish kerak.

CSSda flex, grid haqida hamda media elementlarini chuqurroq o'rganish zarur. Bular barchasi adaptiv verstka qilish uchun kerak bo'lgan ko'nikmalar.

Java Script haqida boshlang'ich bilimga ega bo'lish hamda birorta java script kutubxonalaridan birini o'rganish kerak bo'ladi. Aynan birini emas bir nechtasini o'rgansa zarar qilmaydi. Misol uchun React, Jquery, Angular kabilar.

πŸ“š Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot
πŸ“– Web dasturlashni mustaqil tarzda o'rganish uchun saytlar!

1️⃣ w3schools.com - juda ko'plab darslar mavjud. Akkaunt ochib bemalol kirib o'rgansa bo'ladi. Testlar, amaliyot hamda yangi video darslar bo'limi qo'shildi.
Kursni o'rganib bo'lgandan keyin sertifikat olsa bo'ladi. SERTIFIKAT PULLI.

2️⃣ sololearn.com - bu ham juda ajoyib sayt. Darslar davomida har xil savollar va amaliyot uchun proyektlar. Premium sotib olsangiz juda ham zo'r bo'ladi.
Play Marketda ilovasi ham bor.

Ilovani yuklash - SOLO LEARN

3️⃣ html5book.ru - bu saytda HTML, CSS, JSni va saytni adaptiv holatda verstka qilishni o'rganishingiz mumkin. Qo'shimchasiga proyektlar ham bor.

πŸ“š Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot
😊 Assalomu aleykum kanal a'zolari.
Bugun bir necha CSS selektorlari bilan tanishib chiqamiz!
1️⃣ font-family - buning yordamida butun sahifaga yoki biror elementga shrift ulashimiz mumkin.

MISOL:
body {
font-family: 'Open Sans', serif;
}

Bunda biz butun boshli sahifaga shrift uladik.
Keyinroq sahifaga shrift ulash bo'yicha alohida videorolik qilamiz.

2️⃣ font-size - buning yordamida sahifamizdagi matnlarga o'cham berishimiz mumkin.

MISOL:
body {
font-size: 20px;
}

Buning natijasida sahifadagi tekst o'lchami 20px kattalikka ega bo'ladi.

πŸ“š Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot
πŸ“Œ Bundan tashqari font-size qabul qiladigan qiymatlar quyidagilar:

1) xx-small
2) small
3) medium
4) large
5) larger
6) x-large
7) xx-large

font-size berishda undagi o'lchov turini "px"da yoki "em" ko'rinishida kiritish mumkin.

1em "16px"ga teng bo'ladi.

Masalan tekst o'lchamini 20px deb "em" ko'rinishida bermoqchi bo'lsak πŸ‘‡

em = piksel / 16

em = 20 / 16
em = 1.25

πŸ“š Manba
@webdasturchilar_html_css_js

Savollar uchun adminga yoki botga yozing
@programmers_support_bot