Kurs ishi uchun tuzgan saytim

​🎬 Kutib oling, yangi video!
FrontLoops #9 - Elektron karmon 💳.

Bu video shu kungacha olingan eng yaxshi videomiz, deb ayta olamiz:
- o'ziga xos chiroyli va real loyihada ishlatsa bo'ladigan dizayn 😎;
- shu kungacha chiqarilgan videolarimiz orasida eng uzoq davomiylikdagi video - naqd 1:29:38 soat 😳;
- nafaqat katta ekranda, balki planshet va mobil telefonlar ekraniga moslashuvchi dizayn 🖥📱.

Videoga qiziqtira oldikmi? Unda boshqa gap bilan vaqtingizni olmaylik. Video linklari "fstudiyu"!
Mover: https://mover.uz/watch/LrAZUwem/
YouTube: https://youtu.be/yJhkjGzbuog

Qiziqtira olmadikmi? Unda bu videoni ko'rib CSS bo'yicha o'rganishingiz mumkin bo'lgan narsalarni sanab chiqamiz:
- element fonidagi rasmni joylashtirish background-position;
- bo'yi va eni cheklangan elementlarda tashqariga toshib chiquvchi elementlar bilan ishlash - overflow;
- psevdo elementlari ota elementga nisbatan vertikal o'q bo'yicha o'rtaga keltirish;
- media so'rovlar (media query - @media) yordamida element stillarini ekran eniga qarab turli qiymatlarga o'zgartirish;
- katta ekranda yonma-yon turgan elementlarni kichik ekranda ustma-ust joylash;
- elementni ekranning pastki qismiga qotirib, "mixlab" qo'yish.
Frontend dasturlash sohasiga yangi bo'lsangiz, bundanda ko'proq narsalarni o'rganib olishingiz mumkin.

Mover: https://mover.uz/watch/LrAZUwem/
YouTube: https://youtu.be/yJhkjGzbuog

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

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

Oldingi video - "#8 - Turizm sahifasi":
Mover: https://mover.uz/watch/DxIvblem/
YouTube: https://youtu.be/BK7OXSRNYU4

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

📖 "Qisqa HTML" 3: footer ichidagi section.

Bu maqolada HTML5 standartida yangi tatbiq qilingan footer va section elementlari haqida ma'lumot olishingiz mumkin. Maqolada berilgan ma'lumotlar:
- section ning vazifasi nima?
- footer ichiga nimalar joylasa bo'ladi?
- section ni ishlatishdagi qoidalar
- foydali manbalarga havolalar

Maqolaga havola: https://medium.com/@Muhammadjavohir/qisqa-html-3-footer-ichidagi-section-86b32bc887b3

Mayoqda nafaqat maqolalar, balki videodarslar ham qo'yib borilmoqda. HTML/CSSga qiziquvchilar bo'lsa, amaliy yondashuvdagi videolarimizni @mayoquz kanalimizga o'tib tomosha qilishlari mumkin.

#mayoq #html_shorts #tarjima

P.S. Maqolaga baho berib yuborasizmi? Huddi maktabdagidek 5️⃣-a'lo, 1️⃣-juda yomon 😄 Postni @mayoquz dan boshqa kanalda ko'rayotgan bo'lsangiz, https://t.me/mayoquz/37 👈 shu yerga yoki @mayoquz ga o'tib, baho qo'ysangiz bo'ladi.

Zoʻr mutaxassis boʻlish uchun qancha vaqt kerak? 🤔

Assalomu alaykum. Baʼzi hollarda dasturlovchilar guruhlarida "falon sohani qancha vaqtda zoʻr oʻzlashtirish mumkin, falon dasturlash tilini toʻliq oʻrganishga shuncha vaqt yetadimi?" degan savollar soʻrab turiladi. Bu savolga yarim yil yoki bir yil deb javob berish toʻliq toʻgʻri javob boʻlmasligi mumkin, deb oʻylayman. Linkdagi postda "Birinchi 20 soat" va "10 000 soat" nomli nazariyalar haqida maʼlumot beramiz. Pastroqda "10 000 soat" nazariyasi haqida ruhlantiruvchi (motivatsion) videoni yuboryapmiz. Koʻrishga arziydi, "atvichayu" 😄

Maqola: http://telegra.ph/Zo%CA%BBr-mutaxassis-bo%CA%BBlish-uchun-qancha-vaqt-kerak-08-02

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

Mayoq
#mayoq #maqola

📖 "Qisqa HTML" 4: SVGni sahifaga qanday tarzda joylash mumkin?

Bu maqolada HTML sahifalarga SVGni joylashning 4 xil usuli va ularning imkoniyatlari bilan tanishib chiqishingiz mumkin. Maqola oxirida shu sohaning ekspertlaridan bo'lgan Sora Suvaydanning blogi va HTML Academy muallifligidagi SVG haqidagi 2 ta o'quv kursiga havolalar bor. Foydali bo'ladi, degan umiddamiz.

Maqolaga havola: https://medium.com/@Muhammadjavohir/qisqa-html-4-qanday-qilib-sahifaga-svgni-joylash-mumkin-90b9d50c706e

Mayoqda nafaqat maqolalar, balki videodarslar ham qo'yib borilmoqda. HTML/CSSga qiziquvchilar bo'lsa, amaliy yondashuvdagi videolarimizni @mayoquz kanalimizga o'tib tomosha qilishlari mumkin.

#mayoq #html_shorts #tarjima

Oxirgi postda ba'zi kamchiliklar bo'lgani uchun tahrirlab, bir necha daqiqa ichida joylaymiz

@mayoquz kanalimizda postlarni kunning qaysi vaqtida joylganimiz siz uchun maʼqul boʻladi? Postlar joylash soatini koʻpchilik tanlagan vaqtga oʻzgartirishga harakat qilamiz.
anonymous poll

21:00-00:00 – 43
👍👍👍👍👍👍👍 67%

19:00-21:00 – 10
👍👍 16%

07:00-09:00 – 6
👍 9%

09:00-11:00 – 2
▫️ 3%

11:00-13:00 – 1
▫️ 2%

15:00-17:00 – 1
▫️ 2%

17:00-19:00 – 1
▫️ 2%

13:00-15:00
▫️ 0%

👥 64 people voted so far. Poll closed.

​​Assalomu alaykum, yaxshilar. Salomatmisizlar?

Xo'sh, so'rovnomamizning natijasiga ko'ra ko'pchilikka videolarning kech soat 9 dan keyin joylanishi ma'qul bo'lar ekan. Bu haftadan boshlab video va maqolalarni soat 21:30 ⏰ da joylashni yo'lga qo'yamiz. FrontLoops bo'yicha tuzilayotgan videolarda biroz tanaffus bo'lib qoldi, 10-vazifa birmuncha murakkabroq ekan. Bundan tashqari, 10-videoda oldingilaridan boshqacha yondashuv - sayt tuzishning mobile-first yondashuvini, ya'ni avvaliga saytning kichik ekranlardagi ko'rinishi, keyin esa katta ekranlardagi ko'rinishini tuzishni o'rganishingiz mumkin bo'ladi. Shu bilan birga saytning CSS kodini bir necha bo'laklarga bo'lish va ularni bir umumiy CSS faylga yig'ishni ham ko'rib chiqamiz.

Yana bir yaxshi yangilik!

FrontLoops videolari bilan birga endi freeCodeCamp.org saytidagi mashqlarni bajarish videolarini ham joylab boramiz. Yangi videoturkum haqidagi videoni uzog'i ertaga kechgacha chiqarishga harakat qilamiz.

Ha, aytgancha, "Qisqa HTML"dagi maqolalarni ham o'qib turinglar, keyingi maqolada CSS yozishning BEM uslubi haqida gaplashib o'tamiz.

Hurmat bilan,
Mayoq

Yangi video turkumi haqidagi videomizni kutib oling! 🔥
freeCodeCamp platformasida veb dasturlashni o'rganish.

Bugungi videoda freeCodeCamp.org sayti haqida ma'lumot berib o'tamiz. Bundan keyingi videolarda shu saytdagi mashqlarni birma-bir bajarib chiqamiz. Bu mashqlar ham o'zimizga, ham sizga foydali bo'ladi, degan umiddamiz. Nasib bo'lsa, bu videolarimiz uzoq vaqt davom etadi 😊

Jeki Channing kinolarida titrlar ko'rsatiladigan paytda o'xshamay qolgan kadrlar ko'rsatilar edi, bilsangiz. O'xshamagan kadrlardan bir-ikkitasini video oxiriga qo'shib qo'ydik. Bunaqa holatlar ko'p-ko'p bo'lib turadi 😁😁😁

YouTube: https://youtu.be/3k9UD2Sk-zA
Mover: https://mover.uz/watch/t3sXe3tm/

Keyingi postgacha xayr. Sog' bo'linglar 🖖

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

#freeCodeCamp #html

Assalomu alaykum. Kanalimizdagi navbatdagi video bugun chiqarilishini reja qilgan edik. Afsuski, bugun ulgura olmadik. Video tayyor (10-mashq, 1-qism), ertaga ertalab uzogʻi 11 gacha Mover va YouTubega yuklab e'lon qilishga harakat qilamiz. Ertangi video tahminan 30 daqiqalik.

Holatimizni tushunasiz, degan umiddamiz 😊 Keyingi postda koʻrishguncha. Sogʻ boʻlinglar.

🎬 FrontLoops #10-1 - Apple Watch sayti. Menyu 🍏.

Bu videoda Apple Watch lending sahifasining menyu qismini tuzishni ko'rib chiqamiz. Videoda HTML va CSS yordamida sayt tuzishning mobile-first yondashuvi bilan tanishishingiz mumkin. Bundan tashqari videoda media so’rovlar yordamida saytni turli xil ekranlarga moslashuvchan ko’rinishga keltiramiz.

Mover: https://mover.uz/watch/x8hQIitm/
YouTube: https://youtu.be/kv9MSjgtlQI

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 - "#9 - Elektron karmon":
Mover: https://mover.uz/watch/LrAZUwem/
YouTube: https://youtu.be/yJhkjGzbuog

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

Video kecha 21:30 da joylanishi kerak edi. Kechikkanligi tufayli ertalab yuboraverdik. Keyingilarini vaqtida chiqarishga harakat qilamiz :)

☺️ Ogoh bo'ling, oramizda qitmir obunachilar bor! 😁😁
Meni o'ylantirgan tomoni - qanday qilib yarim soatlik videoni 6 daqiqada ko'rib chiqib, unga "👎 Yomon" deb ovoz berish mumkin 🤔 Yoki vaqt mashinasi allaqachon tuzib chiqildimi? 😳

Videolarimizda, kodda kamchiliklar bo'lsa, buni videoning izohlar qismida qoldirishingiz mumkin. Xafa bo'lish yo'q, xatomiz bo'lsa, uni to'g'rilashimiz shart, albatta. Mana pastda bir misoli.

Moverdagi video izohlarida kamchiliklarni aytishdi. Bu biz uchun xatolarimizni ko'rib, to'g'rilashimizga imkon beradi :) https://mover.uz/watch/nXCoMVem

Mini tavsiya

Odatda CSS bo'yicha o'zimga yangi bo'lgan biron mavzuga yo'liqsam yoki biron CSS xususiyati haqida chuqurroq ma'lumot olmoqchi bo'lsam, Google topib bergan natijalardan CSS-Tricks va SmashingMagazine saytlaridagi ma'lumotni birinchi o'rinda o'qib chiqaman. Mana hozir ham CSSni preload yordamida tezroq yuklab olish haqidagi ma'lumotlarni o'qib o'tiribman. 🤓📚

#mayoq #mini_tavsiya