Asynforge Documentation - asynforge.site

Platforma Haqida

Bizning platformamiz zamonaviy veb-dasturlashni har kim uchun qulay va tushunarli qilish uchun yaratilgan. Kod yozishni bilmasdan ham professional darajadagi veb-saytlar yaratish imkonini beradi.

Asosiy maqsadlar:

  • Dasturlashni bilmasdan ham sayt yaratish: Vizual editor yordamida kod yozish shart emas.
  • Tezkor va qulay: Soatlab kod yozish o'rniga bir necha daqiqada dizayn yarating.
  • Hamkorlikda ishlash: Do'stlaringiz bilan birgalikda loyihalar ustida ishlash imkoniyati.
  • Cloud saqlash: Barcha loyihalaringiz xavfsiz saqlanadi va istalgan qurilmadan kirish mumkin.
  • Eksport qilish: Tayyor loyihalaringizni HTML/CSS/JS kod sifatida yuklab oling.

Qulayliklar:

  • Drag-and-drop interfeysi: elementlarni sichqoncha bilan surib joylashtiring.
  • Responsive dizayn: barcha qurilmalarda chiroyli ko'rinadi.
  • Xavfsizlik: barcha ma'lumotlar shifrlangan holda saqlanadi.
  • Ijtimoiy tarmoq: boshqa foydalanuvchilar bilan bog'laning, loyihalaringizni baham ko'ring.
  • Shablonlar: tayyor andozalardan foydalaning yoki o'zingiz yarating.

Bu platforma sizga g'oyalaringizni haqiqatga aylantirishda yordam beradi. Kod yozishni o'rganish uchun yillar sarflash o'rniga, darhol yaratishni boshlang!

Main Menu

Bu asynforge bosh sahifasi

Yuqoridagi Sign in tugmasi orqali siz tizimga kirishingiz mumkin

Yuqoridagi Search maydoni orqali platformadagi istalgan foydalanuvchini qidirishingiz va uni profiliga tashrif buyurishingiz mumkin

Siz pastdagi Get Started tugmasi orqali dashboardga o'tasiz yoki Documentation tugmasi orqali siz ushbu ko'rib turgan sahifangizga o'tasiz, u yerdan barcha o'zingizga kerakli ma'lumotlarni topishingiz mumkin!

Kirish

Siz bosh menudagi Sign in tugmasini ezganinginzdan keyin ushbu oynani korasiz va toggler orqali ro'yxatdan o'tishingiz yoki tizimga kirishingiz mumkin.

  • Ro'yxatdan o'tish: Siz email, username, password ma'lumotlaringizni kiritasiz va sizni emailingizni tasdiqlash uchun emailingizga 6 xonali kod yuboriladi. Siz o'shani kiritish orqali tizmda ro'yxatdan o'tasiz.
  • Login qilish: Siz ro'yxatdan o'tyotganingizda tayinlagan email yoki usernameni kiritasiz va parolni ham kiritasiz va siz hisobingizga boshqa qurilmadan yoki boshqa vaqtda kirishingiz mumkin bo'ladi. Barcha ma'lumotlaringiz shifrlangan holda uzatiladi va qabul qilinadi!
  • Siz tizimga kiryotganingizda tanlagan usernameingiz bilan ommaga chiqasiz. Sizni odamlar usernamingiz orqali qidirishadi va topishadi va profilingizga ham shu orqali tashrif buyurishadi!
Profile
  • Siz profil yaratganingizdan keyin siz uchun alohida rout ochiladi asynforge.site/profile/yourusername tarzda va siz u yerda followerlaringizni ko'rishingiz, kimlarni following qilayotganingizni ko'rishingiz, u odamni yoki o'zingizni public projectlarini ko'rishingiz mumkin va Edit tugmasi orqali settings tabini ochib u yerda profilingizni tahrirlashingiz mumkin!
  • Agar siz kimnidir profilini ochib unga obuna bo'lsangiz uni obunachilari yani followerlari ko'payadi va u sizga qaytarib follow bo'lsa sizda ham followerlar ko'payadi va unda following ham ko'payadi (Instagramni eslatadi). Siz pastdagi Message tugmasi orqali u bilan chat ochsangiz bo'ladi!
  • Pastroqda public projectlar ro'yxati bo'lib u yerda siz foydalanuvchining u o'zi ruxsat bergan yani public qilgan projectlarni siz viewer sahifasida to'liq ko'rishingiz mumkin ammo uni o'zgartira olmaysiz.
  • Siz u foydalanuvchini ommaviy ma'lumotlarini ko'raolasiz jumladan: username, photo, bio, public projects, followers, followings.
Projects Tab

Va nihoyat loyihaning eng muhim qismlaridan biri - Projects

  • Siz projects sahifasida o'zingiz yaratgan loyihalarni ko'rasiz.
  • New Project tugmasi orqali yangi project yaratasiz. Sizdan projects nomi va tavsifi so'raladi, siz ularni kiritasiz va sizda yangi project tayyor.
  • Pastdagi Edit tugmasi orqali siz projectsingizni editor sahifasida ochib uni tahrirlashingiz mumkin!
  • Siz 3 nuqta (hamburger) orqali loyiha nomi va tavsifini o'zgartirsangiz bo'ladi, duplicate (nusxa) qilsangiz va delete qilsangiz bo'ladi! Jumladan u loyihani public yoki private project qilsangiz bo'ladi! Public projectlar profil sahifasida ommaga ko'rinadi!
  • Group projectlari alohida dizayn bilan ajralib turadi.
Editor Sahifasi
Muhim: Bu eng muhim qism! Siz biron veb-sayt yasashni xohlaysiz ammo dasturlashni bilmaysiz? Siz yangi project yaratib uni editor sahifasida ochasiz! Siz katta oq qog'oz (viewport)ni ko'rasiz - u yer veb-sahifa canvasiga to'g'ri keladi.

Chap Panel - Editor sahifasi

Elementlar paneli: Bu yerda static HTMLda bor bo'lgan elementlar yani teglar bor. Siz ularni cursor yordamida surib viewportga chiqarasiz va xohlagan joyingizga qo'yasiz.
Layers paneli: Bu yerda siz loyihangizda foydalangan elementlar ko'rinadi va siz ularni bir-birining ustiga olib chiqishingiz va shu yerda ularni topishingiz, tanlashingiz mumkin!

O'ng Panel - Editor Sahifasi

Bu yerda style xossalari bo'lib siz viewportda tanlangan elementga style bersangiz bo'ladi. Siz toolni tanlaysiz va keyin pastroqda uni sozlaysiz.

Move Tool: Viewportdagi elementni istalgan joyga surish imkonini beradi.
Resize Tool: Elementning hajmini boshqarish - kengaytirish yoki kichraytirish.
Rotate Tool: Elementni istalgan burchakka burish (rotate qilish).
Border Radius: Elementning burchaklarini istalgan tomonini silliqlash, yumaloqlashtirish.
Opacity: Elementni istalgan darajada shaffof qilish.
Shadow: Elementga istalgan rangda, istalgan tarzda, hajmlar bilan soya (shadow) berish.
Border: Elementning chegarasini (border) ranglarini o'zgartirish, qalinligini va stilini (solid, dashed...) sozlash.
Color: Agar elementda matn bo'lsa, textlarning ranglarini istalgan ranga o'zgartirishingiz mumkin.
Background (Bg): Elementning fonini (background) transparent qilishingiz yoki istalgan ranga o'zgartirishingiz mumkin. Albatta gradient ham qo'llashingiz va backgroundga rasm ham qo'yishingiz va uni stillarini o'zgartirishingiz mumkin!
Font: Agar elementda matn bo'lsa, textlarning shriftlari, shakli, stili, familyasini o'zgartirsangiz bo'ladi!
Spacing: Tanlangan elementga margin, padding va shunga o'xshagan xossalarlarni bersangiz bo'ladi. Bu uncha muhim emas chunki siz o'zingiz elementni qayerda qo'ymoqchi bo'lsangiz o'sha yerga surib borasiz.
Filters: Tanlangan elementga filterlar va effektlar berishingiz mumkin. Masalan: siz uni shishadek qilishingiz, backgroundni xiralashtirishingiz, uni biroz chetlarini sochib yuborishingiz va ko'plab boshqa effektlar!
Flex: Elementga xohlagancha elementlarni biron joyga tekislashingiz yoki tartibga solsangiz bo'ladi. Bu uncha muhim emas chunki siz o'zingiz elementni joylashtirasiz!
Transform: Tanlangan element (masalan div)ga turli xil shakllar berishingiz mumkin - jumladan pentagon, uchburchak, dumaloq va boshqacha shakllarni yaratishingiz mumkin!
All Tools: Bu tugmani bosganingizda hamma toollar birdaniga tanlanadi va xohlagancha tepada sanab o'tgan toollardan foydalanasiz. Bu biroz noqulay bo'lishi mumkin!
Content: Bu bo'limda siz content tanlaysiz. Agar siz rasm elementini viewportda tanlagan bo'lsangiz, content bo'limida rasm sozlamalari chiqadi - siz u yerdan rasm qo'yasiz yoki uni shakllari, hajmi kabi sozlamalarini o'zgartirasiz. Agar text tanlab content bo'limiga o'tsangiz unda sizda matn qo'shish, matn yozish, stillari va matn sozlamalari chiqadi! Agar link tanlasangiz link sozlamalari chiqadi!

Tahrir Jarayoni

Siz har bir toolni visual tarzda yani uni ko'rib, gizmolar bilan boshqarish orqali tahrirlaysiz! Bu esa haddan tashqari qulay!

Navigatsiya - Editor sahifasi

Siz yuqori navigatsiya tabida Save, Export va Run tugmalarini ko'rasiz:

  • Save: Loyihangiz ma'lumotlar bazasiga saqlanadi va hech qachon yo'qolib ketmaydi. Siz boshqa qurilma bilan login qilsangiz ham o'sha akkountingizga kirsangiz va projects bo'limdan shu loyihaga kirsangiz, loyihangiz siz bergan stillar va elementlar bilan aniq saqlangan bo'ladi!
  • Run: O'zingizning yasagan saytingizni vaqtinchalik ko'rish uchun uni chiqarasiz va kamchiliklarni ko'rsangiz bo'ladi!
  • Export: O'zingiz yasagan saytni kodini (HTML/CSS/JS) olsangiz bo'ladi!
Groups Tab
  • Siz yaratgan projectingingizni do'stingiz bilan birgalikda ishlamoqchisiz? Sizga groups yordamga keladi!
  • Siz groups bo'limida New Group orqali groupga nom va tavsif berib group yaratasiz.
  • Groupni ustidan bosgan holda menyu ochiladi. U menyuda siz groupga 20 tagacha loyiha qo'shsangiz bo'ladi va Invite bo'limi orqali esa do'stingizni loyihaga taklif qilsangiz bo'ladi.
  • Do'stingizni loyihaga taklif qilganingizdan so'ng u messages tabidagi invitations contacti ichida Accept yoki Decline tugmalari orqali sizni so'rovingizni boshqaradi. Agar u accept qilsa u groupga qo'shiladi va uning projects bo'limida siz groupga ulagan projectlar ham chiqib turadi.
  • Siz group a'zolarini huquqlarini o'zgartira olasiz: Member, Admin, Editor. Agar member deb biron group a'zosini tanlab qo'ysangiz u loyihani faqat ko'ra oladi, tahrirlay olmaydi! Agar uni editor qilib tayinlasangiz u loyihaga xohlagancha o'zgartirishlar kirita oladi! Agar admin qilsangiz u ham a'zolarni huquqlarini tahrirlaydi, projectlar qo'shadi, bog'laydi - xuddi sizdek, ammo owner undan ham ustunroq!

Misol:

David har kuni bitta loyihani tahrirlaydi, u qo'shimchalar qo'shadi. Ammo u loyihani topshirish uchun 2 kun muddat qolgan bo'lsada loyiha hali 50% ham bitmadi. David Mosa do'stiga messages bo'limi orqali yozdi: "Menga loyiha tahrirlashda yordam ber". Mosa rozi bo'ldi. David yangi group yaratdi va o'sha groupga tahrirlayotgan, hali 50% bo'lgan loyihani link qilib bog'ladi! Invite menyusi orqali Mosaga groupga qo'shilish so'rovini yubordi. Mosa messages bo'limida invitations contactiga kirdi va Accept tugmasini bosdi! Endi Mosa va David ikkalasi o'sha groupdagi projectni tahrirlay oladi chunki Mosaning ham projects bo'limida Davidning groupga ulagan loyihasi chiqib turardi.

Messages Tab

Qarabsizki siz do'stingizga xabar yozmoqchisiz ammo endi sizga boshqa 3chi tomon messengerlari yani tashqi ilovalar kerak emas!

  • Siz messages bo'limida chap tomondagi New Chat tugmasini bosgan holda do'stingizni usernamesini kiritasiz va unga xabar yozasiz, u o'qiydi va yana sizga javob yozadi!
  • Sizga kimdir xabar yozsa ham siz uni ko'rasiz va javob beraolasiz
  • Siz avval yozishgan odamlar chap panelda Telegram list shaklida chiqib turadi!
Fallow & View public

Followers & Fallowings system

Fallowing - Siz kimlarni kuzatyotganignizni ko'rsatatdi sonini ham

Fallower - Sizni kimlar kuzatyotganini ko'rsatadi va sonini ham

Siz istalgan odamning profiliga kirib unga obuna bo'lsangiz uni followers tabiga siz qo'shilasiz yani uni obunachilari bittaga ko'payadi! Agar u ham sizga obuna bo'lsa uni followings tabida siz qo'shilasiz (Agar Instagram tarmoqini ishlatib ko'rgan bo'lsangiz siz albatta tushundingiz!)

Public projects va Viewer system

Agar biron foydalanuvchi projects tabida o'z loyihasini public qilgan bo'lsa siz uni profiliga kirib uni o'sha public projectini ko'rasiz va uni ustidan bosasiz va siz uni viewer bo'lib u loyihani ko'rasiz! Goyoki editordagi run tugmasi bosilgandek!

Siz istagan loyhangizni yani yasagan saytingizni ommaga taqdim etmoqchi bo'lsangiz siz loyhangizni public qilib qo'yishingiz kerak. Public qilish uchun projects tabida biron project ning tagidagi private va public tugmalari orqali qilinadi!

Agar siz loyhangizni public qilsangiz uni istagan odam profilingiz orqali ko'ra oladi!

Eslatma: Siz public qilgan loyhalarni o'zingizdan yoki ruxsat bergan odamdan boshqa hech kim tahrirlay olmaydi. Ular faqat ko'ra oladi va izohlab baholay oladi!
Settings Tab

Siz settings tabi orqali profilingizni, xavfsizligingizni va themani o'zgartira olasiz:

  • Profilingizni o'zgartirish: Rasmingizni, descriptioningizni o'zgartirasiz. Username va emailni hech qachon o'zgartirib bo'lmaydi.
  • Xavfsizlik: 2 bosqichli parol yoki parolni yangilashingiz mumkin. Agar siz Google orqali ro'yxatdan o'tgan bo'lsangiz sizdan joriy parol so'ralmaydi. Siz yangi parolni kiritasiz va o'sha parol bilan login sahifasida xohlagan payt login qilishingiz mumkin!
  • Tema: Tungi rejim yoki kunduzgi rejimga ranglarni o'zgartirsangiz bo'ladi.
Templates Tab

Siz bu tab orqali shablonlar (andozalar)ni topishingiz mumkin va Edit tugmasi orqali ularni o'zingizga moslashtirsangiz bo'ladi! Shuningdek siz yangi andozalarni ham yaratasiz va ommaga taqdim etsangiz bo'ladi!