Assalomu alaykum. So'rovnomaga ovozlar yig'ish to'xtatildi. Yaqin vaqtda hamma videolarni kanalda yuboramiz. So'rovnomada qatnashganingiz uchun katta rahmat.

freeCodeCamp #001 - Kirish
Video haqida ma'lumot: https://t.me/mayoquz/50
#freeCodeCamp @mayoquz

freeCodeCamp #002 - Sarlavha, xatboshi, izohlar
Video haqida ma'lumot: https://t.me/mayoquz/66
#freeCodeCamp @mayoquz

freeCodeCamp #003 - Havola, rasm, ro'yxat
Video haqida ma'lumot: https://t.me/mayoquz/70
#freeCodeCamp @mayoquz

FrontLoops #1 - Narxlar jadvali | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/3
#frontLoops @mayoquz

FrontLoops #2 - Kredit kartasini tanlash | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/7
#frontLoops @mayoquz

FrontLoops #3 - Xarid haqida ma'lumot | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/10
#frontLoops @mayoquz

FrontLoops #4 - Yangi messenjer | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/12
#frontLoops @mayoquz

FrontLoops #5 - Aviachipta | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/18
#frontLoops @mayoquz

FrontLoops #6 - Ijtimoiy tarmoq orqali login | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/20
#frontLoops @mayoquz

FrontLoops #7 - Matnli post | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/23
#frontLoops @mayoquz

FrontLoops #8 - Turizm sahifasi | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/30
#frontLoops @mayoquz

FrontLoops #9 - Elektron karmon | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/36
#frontLoops @mayoquz

FrontLoops #10-1 - Apple Watch sayti. Menyu | Mayoq
Video haqida ma'lumot: https://t.me/mayoquz/53
#frontLoops @mayoquz

Hozirgacha kanalimizga joylangan hamma videolarning yuklab olsa bo'ladigan holida joyladik 🎉🎉🎉
Bundan keyingi videolar chiqarilgan payt video haqidagi matn bilan biriktirilgan holda yuboramiz. Kuningiz xayrli bo'lsin.

Kanaldagi ma'lumotlar foydali bo'lgan bo'lsa, yaqinlaringiz bilan ulashishni unutmang 😊

Assalomu alaykum. Bugungi videoni yozib bo'ldik. Xudo xohlasa, tahrirlab, chirrrroyli qilib hali soat 21:30 da kanalga joylaymiz. Video davomida nafaqat dizaynni kodga o'tkazishni, balki kod yozishdagi samaradorlikni oshirish uchun ishlatiladigan ba'zi imkoniyatlarni ham o'rgatib o'tdik (SnippetMaker, AdvancedNewFile paketlari). Videodarsda o'zingiz uchun ko'p foydali narsalarni topasiz, degan umiddamiz. Ko'rishguncha! 😃

​​🎬 FrontLoops #10-2 - Apple Watch sayti. Promo 🍏.

Bu videoda Apple Watch lending sahifasining promo qismini tuzishni ko'rib chiqamiz. Videoda quyidagilar bo'yicha ma'lumot olishingiz mumkin:

📌 HSL rang formati
📌 BEM uslubi bo'yicha CSS kod yozish
📌 Sublime Text 3 matn muharririda samaradorlikni oshirish, vaqtni tejash (SnippetMaker va AdvancedNewFile paketlari bilan ishlash)
📌 CSS kodni bir necha fayllarga bo'lib yozish
📌 absolute joylashtirish yordamida elementlarni surish
📌 Chrome DevTools yordamida saytni turli ekranlardagi ko'rinishini tekshirish

VIDEOGA HAVOLALAR
Mover: https://mover.uz/watch/lTWIqZtm/
YouTube: https://youtu.be/CIgx5t1UAqE

Videoda eslab o'tilgan onlayn manbalar:
https://www.bradhussey.ca/ - kanadalik veb dasturlovchi va onlayn instruktor Brad Husseyning shaxsiy blogi
https://codecollege.ca/ - Brad Hussey jamoasining videokurslari joylanadigan sayt
https://www.sarasoueidan.com/blog/hex-rgb-to-hsl/ - Sora Suvaydan (Sarah Soueidan)ning HSL rang formati haqidagi maqolasi

Video yoqqan bo'lsa, kanalga obuna bo'ling va do'stlaringiz bilan ulashing :) Video bo'yicha savol va takliflarni video izohlarida qoldirishingiz mumkin.

10-mashq kodi: https://codepen.io/Muhammadjavohir/pen/rroJZJ
Hamma mashqlar kodlari: https://codepen.io/collection/AEWJkO/

Oldingi video - "FrontLoops #10-1. Apple Watch sayti. Menyu":
Mover: https://mover.uz/watch/x8hQIitm/
YouTube: https://youtu.be/kv9MSjgtlQI

Kanallarimizga obuna bo'ling.
Telegram: https://t.me/mayoquz
Mover: https://mover.uz/channel/mayoq/
YouTube: https://www.youtube.com/channel/UCVkIqOM_hAlOPnpzWoijFJw

Mayoq
#frontLoops @mayoquz

FrontLoops #10-2 - Apple Watch sayti. Promo qismi | Mayoq
Video haqida maʼlumot - https://t.me/mayoquz/95
#frontLoops @mayoquz

Assalomu alaykum. Kechagi video Sublime Textda ba'zi amallar bilan samaradorlikni oshirishni ko'rdik. E'tibor bergan bo'lsangiz, ko'p qismlarda qisqa yozuv bilan kattaroq kod yozayotgan edik. Misol uchun .feature kodimiz <div class="feature"></div><!-- /.feature--> ko'rinishiga kelayotgan edi. Aynan shunday kod yozish tartibi haqida savollaringiz bormidi?

Unday bo'lsa, tajribali dasturlovchi Alisher aka Mahmudovning yangi videolarini ko'rib chiqishni tavsiya qila olamiz. Video o'zbek tilida. Unda Sublime Textdagi Emmet paketi bilan ishlash ko'rsatilgan. Videodan o'rgangan narsalaringiz kelajakda ko'p vaqt tejashingizga xizmat qiladi, degan umiddamiz.

Videoga havola: https://www.youtube.com/watch?v=HdkVCPIqFAY

Alisher akaning YouTubedagi kanallarida bundan boshqa o'zbek tilidagi videodarslar ham bor. Ular yordamida HTML va CSS bilash ishlash va hatto bir saytni boshidan oxirigacha tuzilishini o'rganib chiqishingiz mumkin.

Alisher akaning YouTube kanallari: https://www.youtube.com/channel/UC8st6HmY7EpgR7BaQnMvutQ