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

​​Assalomu alaykum. Shu kunlarda o'quv markazidagi guruhimiz bilan Bootstrap kutubxonasini o'rganib chiqyapmiz. O'quvchilarga biroz qulaylik bo'lsin, deb, Bootstrapdagi komponentlar haqidagi kichik qo'llanma tuzmoqchi edik. Hali oxiriga yetmadiku, lekin siz ham bir ko'rib, baho bering, demoqchi edik. Nima deysiz, shu ko'rinishdagi qo'llanma foydali bo'larmikin?

Bootstrap qo'llanmasi haqidagi fikrlaringizni quyida izohlarda qoldirishingiz mumkin. Sizlarning fikringiz yordamida qo'llanmani yanada takomillashtirishimiz mumkin bo'ladi. Nima uchun foydali yoki foydasiz bo'lishi haqidagi fikrlaringizni ham kutib qolamiz.

Assalomu alaykum, yaxshilar. Bugun, Xudo xohlasa, freeCodeCamp turkumidagi 2 ta yangi videoni chiqaramiz. Birinchi videoda Sodda HTML qismidagi mashqlarni tugallasak, 2-videoda bir nechta sodda CSS xususiyatlari bilan tanishamiz. Videolarda aynan nimalar ko'rsatilgani videolarga oid postlarda sanab o'tiladi. Videolar foydali bo'ladi, degan umiddamiz. Ha, aytgancha, veb dasturlash sohasini endi o'rganishni boshlayotgan tanishlaringiz bo'lsa, kanalimizni ham bir eslatib o'ting-a 😊

Esimdan chiqay depti: freeCodeCampdagi mashqlar matni tarjimasi bilan ko'maklashmoqchi bo'lganlar bo'lsa, mana bu formada tarjimalarni qoldirishlari mumkin:
https://goo.gl/forms/f8gZXB3QppQB5ssb2

#freeCodeCamp #anons