Assalomu alaykum. Salomatmisizlar? Birmuncha vaqt oldin Bootstrap 4 kutubxonasidagi komponentlar haqida kichik qo'llanmani chiqargan edik. O'sha qo'llanmaga oz-moz yangi ma'lumot kiritildi. Hozirgi holatida Bootstrapdagi 15 ta komponent haqida ma'lumot olishingiz mumkin. Bir ko'rib baho bering ☺️

Ha, aytgancha, kechagi video foydali bo'ldimi? Sababini bilmadimu, Telegramdagi postni 500 dan ortiq foydalanuvchi ko'rgan bo'lsa-da, negadir videoning ko'rishlar soni atigi 16 ta bo'libdi. Kamchiliklarimiz bo'lsa, iltimos, @Muhammadjavohirbek profiliga yozib yuboring 😊 Biron takliflaringiz bo'lsa ham tortinmay yozavering.

@mayoquz #bootstrap

Bootstrap komponentlari haqida kichik qo'llanma.

@mayoquz

​​Assalomu alaykum. Hormanglar, charchash yo'qmi?

Ozgina ish jarayonim haqida yozmoqchi edim. O'quv markazidagi o'quvchilarimiz bilan JavaScript tiliga oid bosqichga keldik. JavaScriptni o'rganish davomida kirim-chiqim ilovasini tuzmoqchimiz. Bu ilovani o'quvchilarni zo'riqtirmaslik uchun ham nisbatan sodda, ham portfolioga qo'shsa bo'ladigan darajada chiroyli ko'rinishda bo'lishini rejalagan edik. Shunga mana hozir internetdagi turli dizaynlarni ko'rib chiqib, yoqqan qismlarini saqlab oldik. Shularga qarab Balsamiq Cloud veb dasturida prototip tuzamiz va prototip asosida Adobe XD dasturida ilovaning tayyor dizayni chizib chiqiladi. Quyidagi rasmda qanday dizayn va aynan nima uchun qiziqtirganini (sariq kartochkada yozilgan) ko'rishingiz mumkin.

Ozgina qo'shimcha ma'lumot: odatda biron yangi loyihani tuzishni boshlaganda shu yo'lni tutgan yaxshi, ya'ni low-fidelity prototype - (past sifatli prototip) nisbatan kam detallar berilgan ko'rinishi tuziladi. Bu dizaynda nima element kerak, ular qayerda joylashishi ko'rsatiladi. Dizaynning skeleti qanday bo'lishi aniq bo'lgandan keyingina unga "mehr berish" - ranglar, shriftlarni o'zgartirish, chiroyli ko'rinishga keltirish bosqichiga o'tish mumkin bo'ladi. Agar loyihaning boshidan yuqori sifatli prototip tuzilsa, uni tahrirlash ko'p vaqt va kuch talab qiladi.

Izohlar qismida fikr va savollaringizni kutib qolamiz. Ma'lumot foydali bo'ldimi?

#jarayon @mayoquz

​​🔥🎬 freeCodeCamp 006 - padding, margin, atribut tanlovchisi va CSSdagi o'lchov birliklar.

Assalomu alaykum. Ushbu videoda navbatdagi 9 ta mashqni birga bajarib ko'ramiz. Videoda quyidagi mavzularni o'rganib chiqishingiz mumkin:
📌 elementlar ichki va tashqi hoshiyasini (padding va margin) o'zgartirish
📌 turli tomondan turli qiymatdagi padding va margin tatbiq qilish
📌 qisqa padding va margin xususiyatlari yordamida turli tomondagi hoshiyalarni bir buyruqda o'zgartirish
📌 CSSdagi atribut tanlovchisi (attribute selector) bilan ishlash
📌 CSSdagi o'lchov birliklari bilan tanishish

‼️ ESLATMA ‼️
Faqat videonigina ko'rib, umuman mashq qilmaslik veb dasturlashni o'rganishdagi samaradorlikni ancha-muncha pasaytirib yuboradi. Shuning uchun biron mashqning ta'rifi va o'tiladigan yangi mavzu haqida ma'lumot berilganda videoni to'xtatib, mashqni mustaqil bajarishga harakat qilib ko'ring.

YouTube: https://youtu.be/wA2Jx1dZy7I
Mover: https://mover.uz/watch/g9TyUVtm

Matnlar tarjimasida yordamlashmoqchi bo'lganlar uchun: https://goo.gl/forms/f8gZXB3QppQB5ssb2

Video yoqqan bo'lsa, layk bosing va kanalga obuna bo'ling. Yaqinlaringiz bilan o'rtoqlashish ham esdan chiqmasin-a 😉

Telegram: https://t.me/mayoquz
Mover: https://mover.uz/channel/mayoq/
YouTube: https://www.youtube.com/channel/UCVkIqOM_hAlOPnpzWoijFJw

Mayoq @mayoquz
#freeCodeCamp #css

Assalomu alaykum. Yodingizda bo'lsa, birmuncha vaqt avval kanalimizda "Qisqa HTML" (#html_shorts) turkumidagi videolarni maqola ko'rinishida tarjima qilib joylayotgan edik. O'sha videolar mualliflaridan biri va boshlovchisi Vadim Makeyev o'z shaxsiy YouTube kanalini yurgiza boshladi. Deyarli 2 soat oldin u yangi video chiqardi. Videoda Vadimning CSS-Minsk-JS konferensiyasining saytini ko'rib chiqib, undagi kamchiliklarni ko'rsatib berar ekan. Menimcha, frontend dasturlovchilar uchun videodagi ma'lumotlar foydali bo'ladi.

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

@mayoquz

Assalomu alaykum. Salomatmisizlar? Buguncha video bo'lmaydi. Ertaga men ishlaydigan o'quv markazi PDPda yangi yondashuvli o'quv kursining birinchi haftasi boshlanadi. Shunga tayyorgarlik :)

Yangi yondashuvi darslarni intensiv, jadal tarzda o'tish: kuniga 8:00-16:00 gacha dars o'tiladi. Albatta, orada dam olish uchun ham vaqt bo'ladi. Shu usulda dars o'tib, 1 haftada o'quvchilar HTML, CSS va JS asoslarini va ularda ishlashni o'rganib olishadi, Xudo xohlasa. Undan keyin esa o'qishni davom ettirmoqchi bo'lganlar uchun guruhlar tuzilib, 40 hafta davomida full-stack veb dasturchi bo'lish uchun kerak bo'ladigan texnologiyalar o'rgatiladi, amaliy mashg'ulotlar ham bo'ladi. Shunga haftada faqat 1 tadan video joylanib turishi mumkin. Ora-orada shu o'quv kursda bo'lgan qiziqarli ma'lumotlar bilan ham berib boramiz.

Keyingi postlarda ko'rishguncha 😊🖐

Assalomu alaykum. Salomatmisizlar? O'ziyam rosa dam olib yubordim-a? 😁

Bugundan boshlab videolar joylashda davom etamiz. Xudo xohlasa, soat 21:30 da keyingi post joylanadi. Chiqariladigan videoda freeCodeCamp saytidagi 20 ta mashqni birga bajarib chiqamiz. Video foydali bo'ladi, degan umiddaman. Yana imkoni topilsa, PDPda o'tilgan darslar haqida fikrlarim va Vadim Makeyevning yangi videosi haqida ozgina ma'lumot joylashimiz mumkin.

Keyingi postlargacha xayr. Assalomu alaykum 😊

​​🔥🎬 freeCodeCamp 007 - Kaskadlanish, tanlovchilar ahamiyati, ranglar bilan ishlash va CSS o’zgaruvchilar

Assalomu alaykum. Ushbu videoda navbatdagi 20 ta mashqni birga bajarib ko'ramiz. Videoda quyidagi mavzularni o'rganib chiqishingiz mumkin:
📌 CSS xususiyatlarning meros qolishi
📌 CSSda kaskadlanish qoidalari
📌 CSS tanlovchilarining ahamiyati darajasi
📌 ranglarni RGB va HEX kodlari yordamida tahrirlash
📌 CSS o'zgaruvchilari bilan ishlash

‼️ ESLATMA ‼️
Faqat videonigina ko'rib, umuman mashq qilmaslik veb dasturlashni o'rganishdagi samaradorlikni ancha-muncha pasaytirib yuboradi. Shuning uchun biron mashqning ta'rifi va o'tiladigan yangi mavzu haqida ma'lumot berilganda videoni to'xtatib, mashqni mustaqil bajarishga harakat qilib ko'ring.

YouTube: https://youtu.be/xRaoYHX1DL0
Mover: https://mover.uz/watch/hO90tktm/

Matnlar tarjimasida yordamlashmoqchi bo'lganlar uchun: https://goo.gl/forms/f8gZXB3QppQB5ssb2

Video yoqqan bo'lsa, layk bosing va kanalga obuna bo'ling. Yaqinlaringiz bilan o'rtoqlashish ham esdan chiqmasin-a 😉

Telegram: https://t.me/mayoquz
Mover: https://mover.uz/channel/mayoq/
YouTube: https://www.youtube.com/channel/UCVkIqOM_hAlOPnpzWoijFJw

Mayoq @mayoquz
#freeCodeCamp #css

​​Biron soha o'qituvchisi nafaqat o'rgatish bilan, balki o'zining ham bilimini oshirish bilan mashg'ul bo'lishi kerak. Vadim Makeyevning navbatdagi videosidan yangi-yangi narsalar o'rganyapmiz 😊

Qiziqqanlar uchun videoga havola:
https://www.youtube.com/watch?v=y52rtbUeCac

​​Soʻrovnoma

Assalomu alaykum, hormanglar. Kanal huvillab qoldi-a? 😅 Odatdagi FrontLoops va freeCodeCamp turkumidagi videolarni tuzishga imkon boʻlmayapti. Lekin bu umuman video yozmayapmiz, degani emas. PDP oʻquv kursidagi oʻquvchilarimiz uchun jQuery asosida ishlaydigan kichik onlayn doʻkon tuzishni oʻrgandik. Shu mavzuda qoʻshimcha yordam boʻlsin deb onlayn doʻkonning tuzilishini alohida videolarga jamlab, guruh oʻquvchilariga videolarni bergan edik (Mover va YouTubeda turibdi, faqat toʻgʻridan-to'g'ri havola orqaligina kirib koʻrsa boʻladi 😁😊). Videolar soni 7 ta boʻldi va davomiyligi 4 soatdan oshdi, lekin yana qiladigan ishlari bor. Shu videolarni ommaga ochiqlab qoʻyaylikmi, deb oʻylayotgan edik. Nima deysizlar shunga?

Kamida 150 kishi shu videolarga qiziqadigan boʻlsa (layk bossa), videolarni chiqaramiz 😊

Qiziquvchilar boʻlsa, tanishlaringizga ham tavsiya qiling. Qancha tez layk yigʻilsa, shuncha tez vaqtda videolarni koʻra olishingiz mumkin boʻladi 😉

Bu postni yaqinlaringizga ulashmoqchi boʻlsangiz, ular ovoz bera olishlari uchun postga havola: https://t.me/mayoquz/125

🎉🎉🎉 150 ta layk yigʻildi. Birinchi video ertaga 21:30 da chiqariladi.

​​Assalomu alaykum. Bugun deyarli 10 daqiqalik kodni tayyorlash videosini ko'rib chiqishingiz mumkin. Ertaga 21:30 da 1-turdagi onlayn do'kon tuzishning 1-videosi chiqariladi.

Videoga havolalar
YouTube: https://youtu.be/Gai4qaPwcvo
Mover: https://mover.uz/watch/BnyZhGtm/

Video yoqqan bo'lsa, layk bosing va kanalga obuna bo'ling. Yaqinlaringiz bilan o'rtoqlashish ham esdan chiqmasin-a 😉

Telegram: https://t.me/mayoquz
Mover: https://mover.uz/channel/mayoq/
YouTube: https://www.youtube.com/channel/UCVkIqOM_hAlOPnpzWoijFJw

Mayoq @mayoquz
#jquery #online_shop #css

jQueryda do'kon tuzish videolari posteri yoqdimi?

🌐🛒 jQuery online shop 2 - 1-talqinni to'liq tuzib chiqish

Assalomu alaykum. Bugungi videoda bitta-bittadan mahsulotlarni tanlab, sotib olish imkoniyati bo'lgan onlayn do'konni tuzib chiqamiz. O'rganishingiz mumkin bo'lgan mavzular:
✅ Bootstrap 4 yordamida mini onlayn do'kon ko'rinishini tuzish
✅ elementlarga BEM uslubi asosida nom berish
✅ HTML elementlariga data- yordamida yangi xususiyatlar (attribute) qo'shish
✅ rasmlarni LoremPicsum.com saytidan to'g'ridan-to'g'ri saytimizga joylash
✅ jQuery yordamida elementlar class larini o'zgartirish
✅ jQuery yordamida sahifadagi elementlarni topish, ularning xususiyat va matnlarini o'zgartirish
✅ sahifadan yuz beradigan hodisa ro'y berganda (masalan, biron elementni bosish - click) biron amalni bajarish
✅ JavaScriptdagi if shart operatorlari bilan ishlash
✅ ma'lumot kiritiladigan maydonlar (input) qiymatini olish

Video yoqqan bo'lsa, layk bosing va kanallarimizga obuna bo'lishni unutmang.

Videoga havolalar
YouTube: https://youtu.be/WiLu3oynbNQ
Mover: https://mover.uz/watch/8YtZkGtm/

Kanallarimiz:
Telegram: https://t.me/mayoquz
Mover: https://mover.uz/channel/mayoq/
YouTube: https://www.youtube.com/channel/UCVkIqOM_hAlOPnpzWoijFJw

Mayoq @mayoquz
#jquery #online_shop #html #css #bootstrap

🌐🛒 jQuery online shop 3 - 2-talqin ko'rinishini tuzish

Assalomu alaykum. Bugungi videoda nisbatan murakkabroq bo'lgan mini onlayn do'konning ko'rinishini tuzib chiqamiz. Videoda Bootstrap 4 stillari yordamida yuqoridagi rasmdagi kabi interfeysni tuzishni o'rganib olishingiz mumkin. HTML elementlarimizni JavaScript kodda ishlatishga deyarli tayyor holga keltiramiz. Video qiziqarli va foydali bo'ladi, degan umiddamiz.

Video yoqqan bo'lsa, layk bosing va kanallarimizga obuna bo'lishni unutmang.

Videoga havolalar
YouTube: https://youtu.be/CmFfjAaDgK4
Mover: https://mover.uz/watch/8n85kGtm/

Kanallarimiz:
Telegram: https://t.me/mayoquz
Mover: https://mover.uz/channel/mayoq/
YouTube: https://www.youtube.com/channel/UCVkIqOM_hAlOPnpzWoijFJw

Mayoq @mayoquz
#jquery #online_shop #html #css #bootstrap