Бредкумбс Taptop
Для редактирования обратитесь в отдел разработки
Bepul kurs
kodsiz tartibda
Taptop-da toza kodli saytlarni 3 kun ichida dasturlash bilimisiz qanday joylashtirishni o'rgatamiz
O'rganishni boshlang
Nima Uchun Taptop?
Kim uchun?
Flex, Grid va sinflar yordamida veb-saytlarni yangi usulda yaratishni o‘rganmoqchi bo‘lgan har bir kishi uchun - mustaqil ravishda, ish beruvchi yoki biznesi uchun: dizaynerlar, ishlab chiqaruvchilar, sotuvchilar, no-koderlar, biznes egalari uchun.
Qancha davom etadi?
17 qisqa dars + bitta bonus vazifa. Kursni boshlash va o‘tish, shuningdek uy vazifalarini topshirish istalgan vaqtda mumkin. O‘rta hisob bilan o‘qish bir hafta davom etadi.
Qanday o'tmoqda?
Siz qisqa video darsni tomosha qilasiz, uy vazifangizni bajarasiz, bizga yuborasiz va keyingi darsga o‘tasiz. O‘qituvchi Moskva vaqti bilan soat 10:00 dan 19:00 gacha topshiriqni tekshiradi, qisqa video sharh yozadi va sizga yuboradi.
O'quv dasturi
Portfelda + 2 ta holat
Trening-bepul
O'qituvchining fikr-mulohazalari
Istalgan vaqtda boshlashingiz mumkin!
1 Dars
Taptopga kirish
Bu dars - kodsiz sayt yaratish olamidagi birinchi qadamdir! Unda siz Taptop platformasi va uning imkoniyatlari bilan tanishasiz. Qadam-baqadam biz qanday ro‘yxatdan o‘tish, loyiha yaratish, sahifaga matn va rasmlarni qo‘shish, ularning joylashuvi va ko‘rinishini sozlashni o‘rganamiz.
Dars oxirida siz oddiy kontent kartalarini yaratishni o‘rganasiz, va materialni mustahkamlash uchun sizni uy vazifasi kutmoqda. Uni bajarib, birinchi ballaringizni olasiz - kelajakda ularni qimmatli sovrinlarga almashtira olasiz!
Dars oxirida siz oddiy kontent kartalarini yaratishni o‘rganasiz, va materialni mustahkamlash uchun sizni uy vazifasi kutmoqda. Uni bajarib, birinchi ballaringizni olasiz - kelajakda ularni qimmatli sovrinlarga almashtira olasiz!
2 Dars
Verstka bo‘shliqlari
Ushbu darsda siz veb-verstkadagi bo‘shliqlar haqida hamma narsani o‘rganasiz - ularsiz chiroyli va tushunarli sayt yaratib bo‘lmaydi!
Siz quyidagilarni o‘rganasiz:
-Ichki bo‘shliqlardan (padding) foydalanish, shunda kontent blok chekkalariga yopishib qolmaydi
-Tashqi bo‘shliqlardan (margin) foydalanish, elementlarni bir-biridan ajratish uchun
-Elementlar orasida teng bo‘shliqlar yaratish uchun gap bilan ishlash
-Elementlarni markazlashtirish uchun margin-auto dan foydalanish
Hech qanday murakkab terminlar - faqat amaliyot va tushunarli tushuntirishlar! Ushbu darsdan so‘ng siz bo‘shliqlardan ishonch bilan foydalanasiz va: «Bu yerda qaysi bo‘shliq kerak?» degan savol tug‘dirmaysiz.
Siz quyidagilarni o‘rganasiz:
-Ichki bo‘shliqlardan (padding) foydalanish, shunda kontent blok chekkalariga yopishib qolmaydi
-Tashqi bo‘shliqlardan (margin) foydalanish, elementlarni bir-biridan ajratish uchun
-Elementlar orasida teng bo‘shliqlar yaratish uchun gap bilan ishlash
-Elementlarni markazlashtirish uchun margin-auto dan foydalanish
Hech qanday murakkab terminlar - faqat amaliyot va tushunarli tushuntirishlar! Ushbu darsdan so‘ng siz bo‘shliqlardan ishonch bilan foydalanasiz va: «Bu yerda qaysi bo‘shliq kerak?» degan savol tug‘dirmaysiz.
3 Dars
Display Flex
Ushbu darsda siz display flex imkoniyatlaridan to‘liq foydalanishni o‘rganasiz - bu verstkadagi eng muhim vositalardan biri. Biz kartalar ichidagi elementlarning joylashuvini qanday boshqarishni va sahifada o‘z kartalaringizni qanday tashkil etishni ko‘rib chiqamiz.
Siz quyidagilarni o‘rganasiz:
-Flex uchun ota va bola elementlar nima ekanligi va nega bu muhim
-Flexning barcha asosiy xossalari va ularning ishlash prinsiplari
-Adaptiv maketlar yaratish uchun flex-wrap dan qanday foydalanish
Siz quyidagilarni o‘rganasiz:
-Flex uchun ota va bola elementlar nima ekanligi va nega bu muhim
-Flexning barcha asosiy xossalari va ularning ishlash prinsiplari
-Adaptiv maketlar yaratish uchun flex-wrap dan qanday foydalanish
4 Dars
Klasslar
Ushbu darsda siz Taptopda klasslardan qanday foydalanishni o‘rganasiz - bu sizning verstkangizni tezroq va professionalroq qilishga yordam beradigan kuchli vosita.
Biz quyidagilarni ko‘rib chiqamiz:
-Lokal uslublar (local styles) nima va ularni qachon ishlatish kerak
-Elementlarga klasslarni qanday yaratish va qo‘llash
-Lokal uslublar va klasslarni birlashtirish usullari
-Bitta elementga bir nechta klasslarni qanday qo‘llash
Biz quyidagilarni ko‘rib chiqamiz:
-Lokal uslublar (local styles) nima va ularni qachon ishlatish kerak
-Elementlarga klasslarni qanday yaratish va qo‘llash
-Lokal uslublar va klasslarni birlashtirish usullari
-Bitta elementga bir nechta klasslarni qanday qo‘llash
5 Dars
Absolyut pozitsiyalash
Ushbu darsda siz verstkada absolyut pozitsiyalash qanday ishlashini o‘rganasiz va elementlarni blok chegaralaridan tashqarida joylashtirishni o‘rganasiz. Ushbu ko‘nikma sizga chiroyli kartalar, dekorativ detalllar va effektli overlaplar yaratishda yordam beradi.
Siz tushunasiz:
-Absolyut pozitsiyalash (absolute positioning) nima va uni qachon ishlatish kerak
-Position: absolute bo‘lgan element position: relative bo‘lgan ota elementni qanday topadi
-Z-index yordamida elementlarning overlapini qanday boshqarish
-Top, right, bottom, left ning manfiy qiymatlari yordamida rasmlarni blok chegaralaridan tashqariga chiqarish
Siz tushunasiz:
-Absolyut pozitsiyalash (absolute positioning) nima va uni qachon ishlatish kerak
-Position: absolute bo‘lgan element position: relative bo‘lgan ota elementni qanday topadi
-Z-index yordamida elementlarning overlapini qanday boshqarish
-Top, right, bottom, left ning manfiy qiymatlari yordamida rasmlarni blok chegaralaridan tashqariga chiqarish
6 Dars
Fiksatsiyalangan pozitsiyalash
Ushbu darsda siz sahifa scroll qilinganda ham doimo o‘z joyida qoladigan sayt headerini (shapka) yaratishni o‘rganasiz.
Siz o‘rganasiz:
-Headerni (sayt shapkasini) noldan yaratish
-Elementlarga fiksatsiyalangan pozitsiyalashni sozlash
-Headerni sahifada to‘g‘ri joylashtirish
Siz o‘rganasiz:
-Headerni (sayt shapkasini) noldan yaratish
-Elementlarga fiksatsiyalangan pozitsiyalashni sozlash
-Headerni sahifada to‘g‘ri joylashtirish
7 Dars
O‘lchov birliklari
Ushbu darsda siz px, %, auto, vw/vh kabi birliklardan to‘g‘ri foydalanishni o‘rganasiz, shunda saytlar har qanday qurilmada mukammal ko‘rinadi.
Siz o‘rganasiz:
-Pikseldan qachon foydalanish va u adaptivlikka zarar yetkazishi mumkinligini
-Nega foizlar (percent) adaptiv verstkada eng yaxshi do‘stlaringiz hisoblanadi
-Auto qanday ishlaydi va qaysi holatlarda qo‘llash kerak
-Vw/vh nima va u yordamida ekran o‘lchamiga bog‘langan elementlar yaratish
-Turli o‘lchov birliklarini min/max qiymatlar bilan qanday to‘g‘ri birlashtirish
Siz o‘rganasiz:
-Pikseldan qachon foydalanish va u adaptivlikka zarar yetkazishi mumkinligini
-Nega foizlar (percent) adaptiv verstkada eng yaxshi do‘stlaringiz hisoblanadi
-Auto qanday ishlaydi va qaysi holatlarda qo‘llash kerak
-Vw/vh nima va u yordamida ekran o‘lchamiga bog‘langan elementlar yaratish
-Turli o‘lchov birliklarini min/max qiymatlar bilan qanday to‘g‘ri birlashtirish
8 Dars
Noldan verstka: Sayt blokini yaratish va adaptatsiya qilish
Ushbu darsda biz nazariyadan amaliyotga o‘tamiz! Siz noldan chiroyli sayt blokini yaratishni va uni turli qurilmalar uchun adaptiv qilishni o‘rganasiz.
9 Dars
Qavatlar va klasslarga nom berish
Ushbu darsda siz loyihalaringizdagi qavatlar va klasslarga to‘g‘ri nom berishning nega muhimligini o‘rganasiz.
Biz BEM metodologiyasining (Block-Element-Modifier) soddalashtirilgan versiyasini ko‘rib chiqamiz, bu sizga yordam beradi:
-Loyihangizda hatto vaqt o‘tganidan keyin ham oson harakatlanish
-O‘zgartirish kiritayotganda kerakli elementlarni tez topish
-Loyihani boshqa dasturchilar uchun tushunarli qilish
Biz BEM metodologiyasining (Block-Element-Modifier) soddalashtirilgan versiyasini ko‘rib chiqamiz, bu sizga yordam beradi:
-Loyihangizda hatto vaqt o‘tganidan keyin ham oson harakatlanish
-O‘zgartirish kiritayotganda kerakli elementlarni tez topish
-Loyihani boshqa dasturchilar uchun tushunarli qilish
10 Dars
Apple Watch sayti uchun UI Kit
Bu yerda kursning ikkinchi qismi boshlanadi - biz Apple Watch uchun landing yaratamiz. Ushbu darsda siz UI Kit tushunchasi bilan tanishasiz va loyihamiz uchun uni yaratamiz.
Siz o‘rganasiz:
-UI Kit nima va nima uchun har bir verstkachi uchun kerak
-UI Kit ish jarayonini qanday tezlashtiradi va o‘zgarishlarni kiritishni qanday osonlashtiradi
-Taptopda UI Kitni noldan qanday yaratish
-UI Kit elementlarini qulay foydalanish uchun qanday strukturalash
Siz o‘rganasiz:
-UI Kit nima va nima uchun har bir verstkachi uchun kerak
-UI Kit ish jarayonini qanday tezlashtiradi va o‘zgarishlarni kiritishni qanday osonlashtiradi
-Taptopda UI Kitni noldan qanday yaratish
-UI Kit elementlarini qulay foydalanish uchun qanday strukturalash
11 Dars
Sayt headeri va Apple Watch birinchi bloki
Ushbu darsda biz Apple Watch saytini yaratishda davom etamiz. Siz birinchi bo‘limni verstkalaysiz, sayt headerini to‘playsiz va menyuni sozlaysiz. Amaliyotda auto-layoutlar nima uchun javob berishini va verstkani tezlashtirish uchun klasslardan qanday foydalanishni ko‘rasiz.
12 Dars
Apple Watch slayderi
Ushbu darsda biz ikkinchi bo‘limni verstkalaymiz va saytni yanada dinamik va jozibador qilish uchun slayder qo‘shamiz. Block List vidjeti asosida slayder yaratish jarayonini batafsil ko‘rib chiqamiz. Siz slayderning kengligini va ekranda nechta karta ko‘rinishini sozlaysiz, scroll parametrlarini va slayder boshqaruv elementlarini o‘rganasiz, shuningdek, nisbiy va absolyut pozitsiyalash bo‘yicha bilimlaringizni amalda qo‘llaysiz.
13 Dars
Apple Watch mahsulot kartalari
Ushbu darsda biz Apple Watch mahsulot kartalari bo‘limini verstkalaymiz. Siz rasm, matn va tugma elementlarini yaratib, ekran kengligini hisobga olgan holda rasm o‘lchamlarini nisbiy birliklar yordamida sozlashni o‘rganasiz. Shuningdek, buyurtma tugmalari uchun hover-effekt qo‘shib, saytga jonlilik berasiz.
14 Dars
Apple Watch aloqa formasi
Ushbu darsda biz saytga tashrif buyuruvchilar murojaat yoki xabar yuborishi mumkin bo‘lgan aloqa formasi bo‘limini verstkalaymiz. Siz fon rasmi sozlamalari bilan ishlashni o‘rganasiz, formani yaratib, uning maydonlarini sozlaysiz, shuningdek, input maydon ichida tugmani absolyut pozitsiyalash yordamida qanday joylashtirishni bilib olasiz.
15 Dars
Apple Watch sayti footeri
Ushbu darsda biz Apple Watch saytining footerini (pastki qism) verstkalaymiz. Siz footerni to‘g‘ri strukturalash va dizayn qilishni o‘rganasiz, shunda u foydalanuvchilar uchun informatsion va qulay bo‘ladi. Siz havolalar bloklarini yaratib, elementlarni sahifa burchagiga tashqi bo‘shliqlar (margin) yordamida qanday joylashtirishni bilib olasiz.
16 Dars
Apple Watch sayti uchun adaptatsiya
Ushbu darsda biz Apple Watch sayti uchun adaptatsiyani amalga oshiramiz, shunda sayt har qanday qurilmada qulay bo‘ladi. Biz Taptopdagi Desktop First prinsipini eslab, ushbu bilimlarni amaliyotda yana mustahkamlaymiz.
17 Dars
Apple Watch paydo bo‘lish animatsiyalari
Ushbu darsda siz zerikarli, statik elementlarni jonli va dinamik qilishni paydo bo‘lish animatsiyalari yordamida o‘rganasiz.
Siz o‘rganasiz:
-Ekranda paydo bo‘lish animatsiyalari qanday ishlaydi
-Masshtablash, harakatlantirish, aylantirish va boshqa effektlarni qanday sozlash
-Ketma-ket animatsiyalarni qanday yaratish
-Animatsiyalarni turli qurilmalar uchun qanday adaptatsiya qilish
-Biz paydo bo‘lish animatsiyasining mexanikasini oddiy kubiklar misolida ko‘rib chiqamiz, shunda asosiy prinsiplardan xabardor bo‘lasiz, so‘ngra bu bilimlarni amaliyotga tatbiq etib, Apple Watch saytini haqiqatan jozibador qilamiz!
Siz o‘rganasiz:
-Ekranda paydo bo‘lish animatsiyalari qanday ishlaydi
-Masshtablash, harakatlantirish, aylantirish va boshqa effektlarni qanday sozlash
-Ketma-ket animatsiyalarni qanday yaratish
-Animatsiyalarni turli qurilmalar uchun qanday adaptatsiya qilish
-Biz paydo bo‘lish animatsiyasining mexanikasini oddiy kubiklar misolida ko‘rib chiqamiz, shunda asosiy prinsiplardan xabardor bo‘lasiz, so‘ngra bu bilimlarni amaliyotga tatbiq etib, Apple Watch saytini haqiqatan jozibador qilamiz!
Qoshimcha dars
Bonus vazifa
Bu yerda sizni kursimizning ajoyib yakuniy vazifasi kutmoqda - mebel fabrikasi uchun to‘liq saytni mustaqil tarzda verstkalash. Siz oldingi darslarda olgan barcha bilimlaringizni amalda qo‘llashingiz kerak bo‘ladi.
Nima uchun minglab foydalanuvchilar o'z loyihalari uchun Tap tap-ni tanlaydilar?
Cheksiz tartib imkoniyatlari
Biz hamma narsani cheklovlarsiz sozlashimiz mumkin, interfeysda deyarli barcha CSS xususiyatlari mavjud, shuning uchun dizayn haqiqatan ham noyob va o‘ziga xos bo‘ladi.
Saytni tez yaratish va qo‘llab-quvvatlash
Professional xususiyatlar sayt yaratish, moslashtirish va o‘zgarishlarni bir necha baravar tezlashtiradi, ayniqsa, sayt bir nechta sahifalardan iborat bo‘lsa.
Saytning toza manba kodi
Manba kodi professional dasturchi tomonidan yozilgandek sifatli bo‘ladi, shuning uchun saytlar tez yuklanadi va qidiruv tizimlarida oson targ‘ib qilinadi.
Foydali sheriklik dasturi
Bizda ajoyib sheriklik dasturi mavjud: dizayner nafaqat daromad oladi, balki bizning sherikimizga aylanadi va u jalb qilgan foydalanuvchilarning barcha to‘lovlaridan umr bo‘yi 30% oladi.
O‘qituvchining fikr-mulohazalaridan misollar
Treningdan keyin nima olasiz?
Kodsiz tartiblash ko‘nikmalari
Taptop-da toza kodli saytlarni uch kun ichida dasturlash bilimisiz qanday yaratish va joylashtirishni o‘rganing.
Portfelni to'ldirish
No-code portfeliga ikkita teng loyihani qo'shasiz
Qo'shimcha daromad
Siz mustaqil ravishda veb-saytlar yaratib, ularni joylashtirish orqali buyurtmalar olishingiz yoki ish beruvchingiz yoki biznesingiz uchun saytlar yaratishingiz mumkin.
Lotereyada ishtirok etish
Siz Taptop tariflaridan biriga yillik obunani yutib olishingiz mumkin.
Kodsiz bepul kursga yoziling va dasturlashsiz veb-saytlar yaratishni o'rganing!
Qimmatli ko'nikmalarga ega bo'ling va loyihalaringizni hoziroq yaratishni boshlang
Ro'yxatdan o'tish
Tez-tez so'raladigan savollar
Menga kim dars beradi?
Sizni Taptop Akademiyasining tajribali dizaynerlari va kuratorlari - Vadim Doroshenko va Gennadiy Sidorov o‘qitadilar. Ular 400 dan ortiq uy vazifalarini tekshirgan. Siz o‘qituvchilardan video formatidagi fikr-mulohazalarni olasiz va agar biror narsa tushunarsiz bo‘lsa, ular har qanday savollaringizni hal qilishda yordam berishga tayyor.
Vadim
Doroshenko
Doroshenko
Gennadiy
Sidorov
Sidorov
Nega menga bu kurs kerak?
Ushbu kurs sizga kod yozmasdan talab qilinadigan veb-sayt yaratish ko‘nikmalarini tezda o‘zlashtirish imkonini beradi. Bir necha kun ichida siz oddiy va qulay vositalardan foydalangan holda Taptop platformasida professional veb-saytlar yaratishni o‘rganasiz. Bu veb-dizayn sohasida martaba boshlash yoki o‘z portfelingizga yangi ko‘nikmalar qo‘shishni istaganlar uchun ideal tanlovdir. O‘rgangan bilimlaringizni freelancing buyurtmalarini olish va o‘z biznesingizni rivojlantirish uchun qo‘llashingiz mumkin. Imkoniyatni boy bermang - hozir boshlang!
Kurs narxi qancha?
Bizning kursimiz mutlaqo bepul! Barcha materiallar, amaliy mashg‘ulotlar va qo‘llab-quvvatlash boshidanoq siz uchun mavjud, va siz xohlagan vaqtda o‘rganishni boshlashingiz mumkin. Sizga kerak bo‘lgan yagona narsa - o‘rganish istagi. Qo‘shiling, kechiktirmang!
Trening qancha davom etadi?
Kurs o‘rtacha o‘qish tezligida 1 hafta davom etadi. Biroq, siz o‘zingizni qulay his qilganingizda darslarga qaytib, uni o‘z ritmingiz bilan bosib o‘tishingiz mumkin. Har bir dars bilimlarni mustahkamlashga yordam beradigan nazariya va qiziqarli amaliy vazifalarni o‘z ichiga oladi. Eng yaxshi tomoni shundaki, siz har doim uy vazifangizni yuborishingiz va o‘qituvchidan har qanday savollaringizni hal qilishga yordam beradigan, shuningdek natijalaringizni qanday yaxshilashni tushuntirib beradigan fikr-mulohazalarni olishingiz mumkin.
Kuniga qancha vaqt sarflashingiz kerak?
Kursni muvaffaqiyatli yakunlash uchun materiallarni o‘rganish va amaliy vazifalarni bajarish uchun kuniga taxminan 1–2 soat vaqt ajratishingizni tavsiya qilamiz. Ammo band bo‘lgan jadvalingiz bo‘lsa, tashvishlanmang - siz o‘zingizga qulay tezlikda o‘rganishingiz mumkin.
Rahmat!
Shakl yuborildi.
Shakl yuborildi.
Nimadir noto'g'ri.
Keyinroq qayta urinib ko'ring.
Keyinroq qayta urinib ko'ring.