https://mover.uz/watch/sWLI7Aem/

HTML va CSSni o'rganish davomida "qanday qilib tuzukroq bir saytning dizaynini qilarkinman?", "biladigan narsalarim real hayotdagi dizaynlarni tuzishga yetarmikin?" savollar hayolingizdan o'tgan bo'lsa yoki bilimlaringizni sinab ko'rish uchun yaxshi mashqlar qidirayotgan bo'lsangiz, FrontLoops.io buning uchun juda mos sayt, deya olaman. Saytda ro'yxatdan o'tgandan so'ng 30 ta turli xil dizaynga ega bo'lgan sahifalar ko'rinishini rasm formatida qabul qilib uni kodga o'tkazishga harakat qilib ko'rishingiz mumkin.

Yuqoridagi havoladagi videoda shu mashqlarning birinchisidagi dizaynni bir boshdan tuzib ko'rishga harakat qilamiz. Bu video ko’pgina saytlarda kuzatish mumkin bo’lgan narxlar jadvalini tuzish haqida.

Video bo’yicha takliflaringizni izohlarda kutib qolamiz. Videoni frontend dasturlash bilan qiziquvchi do’stlaringiz bilan bo’lishasiz, degan umiddamiz.

Mayoq

Assalomu alaykum. Hormanglar! Bugun FrontLoops 2-mashqining videosini yozdik. Tahrirlab, yaqin orada yuklaymiz. Videodan tashqari 30 ta video uchun posterlarni ham tayyorlab qo'ydik. Dizayni qalay?

2-video render bo'lishni boshladi. Tugashi bilan kanallarimizga joylaymiz.
Telegram: https://t.me/mayoquz
YouTube: https://www.youtube.com/channel/UCVkIqOM_hAl
Mover: https://mover.uz/channel/mayoq/

FrontLoops #2 - Kredit kartasini tanlash.

Mover: https://mover.uz/watch/r8zTucem
YouTube: https://youtu.be/662sic1o39I

Video yoqqan bo'lsa, veb dasturlashga qiziquvchi do'stlaringiz bilan ulashish esdan chiqmasin-a?

2-mashq kodi: https://github.com/Muhammadjewel/frontloops/tree/master/Loop_1_Step_2
Hamma mashqlar kodi: https://github.com/Muhammadjewel/frontloops

Oldingi video - "FrontLoops #1 - Narxlar jadvali":
Mover: https://mover.uz/watch/sWLI7Aem/
YouTube: https://www.youtube.com/watch?v=BpvmMbi51h8

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

Mayoq

#frontLoops

Video yozish jarayoni. 3-4-mashqlar videosi tayyor.
#frontloops #jarayon

#frontLoops #jarayon
Bugun 3 ta mashqning videosini olishga ulgurdik. Ekranni yozib oluvchi dasturning sozlamalarini o'zgartirib ko'rgan edik 35:10 daqiqalik videomiz 2.98GBga aylandi-qoldi. Shunday hajmdagi videoni YouTube va Moverga yuklash juda "maroqli" bo'lishini hisobga olib video hajmini kichraytirish yo'llarini qidirdik. Alisher aka Mahmudov tavsiya qilgan dasturlari, "HandBrake", yordamida videoni siqdik. Natija kutganimizdan ham a'lo - video hajmi 89.9MB. Qoyilmaqom-a?

Aytgancha, buning uchun HandBrake sozlamasini "Matroska H264 720"ga o'zgartirish shu natijani berdi :)

Bugungi yozib olingan videolarni hafta davomida qo'yib borishga harakat qilamiz. Videolarni shu sohaga qiziquvchi do'stlaringiz bilan ham o'rtoqlashsangiz, juda xursand bo'lamiz :)

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

Mayoq

FrontLoops #3 - Xarid haqida ma'lumot.

Bu videoda jadval ( table ) elementi bilan ishlash, element fonini joylashtirishni ko'rib chiqamiz.

Mover: https://mover.uz/watch/nXCoMVem/
YouTube: https://youtu.be/A-e_KMyRux0

Video yoqqan bo'lsa, veb dasturlashga qiziquvchi do'stlaringiz bilan ulashish esdan chiqmasin-a?

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

Oldingi video - "FrontLoops #2 - Kredit kartasi tanlovi":
Mover: https://mover.uz/watch/r8zTucem/
YouTube: https://youtu.be/662sic1o39I

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

Mayoq

#frontLoops

P.S. Biron bir havola (link) ishlamay qolsa, adminga yozib yuborarsiza? @Muhammadjavohirbek

Uzr, bu yerdagi videolarni ommaga ko'rinadigan qilish esdan chiqqan ekan. To'g'riladik. Bemalol videolar va mashqlar kodlarini ko'rib chiqishingiz mumkin

FrontLoops #4 - Yangi messenjer.

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

Mover: https://mover.uz/watch/DIuGnVem/
YouTube: https://youtu.be/lJ4MLapu3vc

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

Oldingi video - "FrontLoops #3 - Xarid haqida ma'lumot":
Mover: https://mover.uz/watch/nXCoMVem/
YouTube: https://youtu.be/A-e_KMyRux0

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

P.S. Biron bir havola (link) ishlamay qolsa, adminga yozib yuborarsiza? @Muhammadjavohirbek

Assalomu alaykum. Hormanglar. Kechagi "Yangi messenjer" mashqini koʻrib chiqdingizmi? Foydali boʻlgan boʻlsa, juda xursandmiz.

Video izohlarida Alisher aka Mahmudov (koʻp yillik tajribaga ega mutaxassis, http://www.alishermakhmudov.com shu saytda ularning tajriba va portfoliolari bilan tanishib chiqishingiz mumkin) yozilgan kodni yanada takomillashtirish uchun oʻz tavsiyalarini berdilar. Takomillashtirilgan kodni quyidagi havolaga kirib koʻrishingiz mumkin:
https://codepen.io/alishermakhmudov/pen/oMXYEB?editors=1100

Alisher aka ham oʻz YouTube kanallarida HTML va CSS boʻyicha oʻzbek tilidagi videodarslarini joylaganlar. Kanalga link: https://www.youtube.com/channel/UC8st6HmY7EpgR7BaQnMvutQ

Sizlarda ham kodni takomillashtirish boʻyicha taklif va tavsiyalar boʻlsa, videolar izohlarida yozib qoldirishingiz mumkin.

E'LON
Assalomu alaykum. Hormanglar! Bugundan boshlab videolarimiz har dushanba va payshanba kunlari soat 19:00da qo'yib boriladi. Bugun soat 19:00da FrontLoopsdagi navbatdagi mashq - "Aviachipta" sahifasini kodga o'tkazish videosi taqdim qilinadi. HTML va CSSni o'rganmoqchi bo'lgan do'stlaringizga ham kanalimizni tavsiya qiling :)

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

Mayoq

FrontLoops #5 - Aviachipta.

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

Mover: https://mover.uz/watch/4GCMPQi/
YouTube: https://youtu.be/6aRLa3XxZyc

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

Oldingi video - "FrontLoops #4 - Yangi messenjer":
Mover: https://mover.uz/watch/DIuGnVem/
YouTube: https://youtu.be/lJ4MLapu3vc

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

​FrontLoops #6 - Ijtimoiy tarmoqlar yordamida ro'yxatdan o'tish.

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

Mover: https://mover.uz/watch/jl1bbQem/
YouTube: https://youtu.be/fpD-u6LgksM

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

Oldingi video - "FrontLoops #5 - Aviachipta":
Mover: https://mover.uz/watch/4GCMPQi/
YouTube: https://youtu.be/6aRLa3XxZyc

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

P.S. Kanalni boshqarishda qo'l keladigan botni tavsiya qilgan do'stimiz Jamshid Ahmadaliyev @mock_ielts_tashkent dan minnatdormiz. Jamshid ingliz tili va IELTS imtihonlari haqidagi kanalni yuritadilar. Kanalga link: https://t.me/mockTashkent

Assalomu alaykum. Bugun FrontLoops turkumidagi 7-video chiqadi. Video yuklanib, moderator ruxsati kutilgani uchun Mover.uz dagi video chiqishi biroz kechikishi mumkin.

​FrontLoops #7 - Matnli post.

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

Mover: https://mover.uz/watch/IuHEZlem/
YouTube: https://youtu.be/Enx0O5Cfdpw

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

Oldingi video - "FrontLoops #6 - Ijtimoiy tarmoqlar yordamida ro'yxatdan o'tish":
Mover: https://mover.uz/watch/jl1bbQem/
YouTube: https://youtu.be/fpD-u6LgksM

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