{"id":5650,"date":"2023-05-02T06:28:57","date_gmt":"2023-05-02T06:28:57","guid":{"rendered":"https:\/\/texnokun.uz\/?p=5650"},"modified":"2023-05-02T06:29:01","modified_gmt":"2023-05-02T06:29:01","slug":"butunlay-openai-tomonidan-yozilgan-veb-sayt","status":"publish","type":"post","link":"https:\/\/texnokun.uz\/?p=5650","title":{"rendered":"Butunlay OpenAI tomonidan yozilgan Veb-sayt"},"content":{"rendered":"\n

Dastlabki fikr<\/strong><\/h2>\n\n\n\n

Ha, bu neyrotarmoq haqida hozir hamma joyda aytilayabti va ko\u2019p duch kelayabmiz, u qanday qilib qo’shiq matnini yozayotgani, imtihonlardan o’tishda yordam berayotgani va dasturlash kodi bo’laklarini yoza olishini bilamiz. Ammo meni bir savol qiziqtirdi, u mening rahbarligim ostida loyihani mustaqil yakka o\u2019zi to’liq yakunlay oladimi?<\/p>\n\n\n\n

Dastlab, men unga shunchaki g’oyani taklif qilmoqchi edim va to’laqonli mahsulot yaratilishini tomosha qilmoqchi edim, ammo men o\u2019ylaganimdan biroz murakkabroq bo\u2019lib chiqdi. Jarayon meni aralashuvimni va yo\u2019nalish ko\u2019rsatishimni tez tez talab qildi. Ammo unga yo\u2019nalish ko\u2019rsatish davomida menga keyingi ishlarimda as qotadigan bir nechta foydali xususiyatlarni kashf qildim.<\/p>\n\n\n\n

Loyiha mavzusi<\/strong><\/h3>\n\n\n\n

Men, neyrotarmoq mavzuni o\u2019zi mustaqil ishlab chiqishini xohlardim, lekin uning g’oyalari juda noaniq edi va men ularni unga qanday taqdim etishni tushunmadim va mening urinishlarim muvaffaqiyatsiz bo’ldi. Shu sababli men oddiygina xayoliy o\u2019ylab topilgan odam portfoliosi bilan ishlashga qaror qildim. Lekin u mening yo\u2019naltirishlarim orqali muvaffaqiyatli yaratgan hayoliy odamni eslab qola olmadi.<\/p>\n\n\n\n

Ishning boshlanishi<\/strong><\/p>\n\n\n\n

\"\"
Men undan portfolio da nima bo’lishi kerakligi haqida o\u2019zidan so’rashga qaror qildim<\/figcaption><\/figure>\n\n\n\n

Avvaliga barcha ma’lumotlarga ega statik HTML faylini yaratishga qaror qildim. Mening ingliz tilim hali unchalik ham yaxshi emas, shuning uchun men tarjimondan foydalanaman.<\/p>\n\n\n\n

Dastlab, men shaxs yaratishga harakat qildim, lekin men undan kod yozishni so’raganimda, u o’zi yaratgan shaxsni unutib, tasodifiy ma’lumotlar bilan to’ldirishni boshladi, shuning uchun men unga o’zim haqimda ma’lumot berib bordim. Ammo men imkon qadar kam ma’lumot berishga va kontekstni talab qiladigan ko’proq vazifalarni berishga harakat qildim. Neyrotarmoq ko\u2019dni yozish davomida men haqimda va mening faoliyatim to\u2019g\u2019risida ko\u2019proq eslatib o\u2019tishi kerak.<\/p>\n\n\n\n

\"\"
Natija kamchliklarsiz bo\u2019lmadi<\/figcaption><\/figure>\n\n\n\n

Bu yerda biz katta va uzun kod yozish jarayonida birinchi muammoga duch kelamiz, ba’zida u hech qanday sababsiz to\u2019xtab qolardi va hech narsa yozmas edi. Shuning uchun men undan kodni yozishni davom ettirishini so’radim, va u yozishni davom ettirdi ammo …<\/p>\n\n\n\n

\"\"
… bir masala bor edi.<\/figcaption><\/figure>\n\n\n\n

Kichik xulosa, negadur rus tilida “kodni davom ettiring” deb yozilsa, u anniq kodni yozishni davom ettirish imkoniyati <\/strong>yuqoriroq, ammo ingliz tilida yozilsa u kodni buzadi va dasturlash tilida emas balki oddiy matnda yozadi. (yoki shunchaki mening holatimda shunday bo\u2019ldi, natijani har doim ham oldindan aytib bo\u2019lmas edi)<\/em><\/p>\n\n\n\n

Loyihani React-da qayta yozamiz<\/strong><\/h3>\n\n\n\n

Men undan HTML ko\u2019dini yaratishni so’rash qiziq bo’lmasligiga qaror qildim (u buni juda yaxshi bajardi), shuning uchun men hamma narsani freymvorkda qayta yozishga qaror qildim. Avvaliga men Vue.js<\/strong> ni tanladim, lekin unda u ko\u2019p xatolar bilan yozdi va juda g\u2019alati yondashuvlar bilan ishladi, hatto u tanlagan yo\u2019llarni men google da ham qidirib topaolmadim. Shuning uchun men React<\/strong> ga o’tdim . Va darhol undan barcha kodni o’zi mustaqil qayta yozishini so’radim. (oldiniga men undan React<\/strong> va TypeScript <\/strong>da loyihani qanday yaratish kerakligini ko\u2019rsatib berishini so’radim, shu bois u loyihani yaratish uchun ham javobgar bo\u2019ladi degan maqsadda, men esa shunchaki ko’rsatmalarga amal qildim, uni fayllarga ajratdim va hokazo.)<\/p>\n\n\n\n

\"\"
Undan biror narsani qayta yozishni so’rang va u buni darhol bajaradi<\/figcaption><\/figure>\n\n\n\n

Sizning ruxsatingiz bilan men barcha skrinshotlarni maqolaga kiritmayman, React – dagi butun tuzilmani qayta yozish uchun 5-6 ta uzun skrinshotlar olingan, ammo quyida qiziqarli fikrlarni ko’rsataman.<\/p>\n\n\n\n

\"\"
U state<\/strong> dagi barcha ma’lumotlarni olib chiqdi , va bu juda yaxshi bajarildi<\/figcaption><\/figure>\n\n\n\n
\"\"
Dastlab, barcha kodlar bitta faylga joylashtirilgan – App.tsx<\/strong><\/figcaption><\/figure>\n\n\n\n

Ba’zi sabablarga ko’ra u kodni tarkibiy qismlarga ajratmadi va hamma narsani bitta faylga aylantirdi, bu HTML-dan React ga o’tishni har qanday ma’nosini yo\u2019qotdi, lekin men birinchi natijaga erishdim!<\/p>\n\n\n\n

\"\"
Loyixa foydalanish uchun topshirishga tayyor<\/figcaption><\/figure>\n\n\n\n

Uzoq va og’riqli jarayonning boshlanishi<\/strong><\/h3>\n\n\n\n

Mening oldimda (yoki uni oldiga) fayllarni tarkibiy qismlarga bo’lish vazifasi qo\u2019yilgan edi, va umuman olganda u mening iltimosimni tushundi. Lekin jarayon davomida biroz to\u2019xtab qoldi yoki ba’zi tafsilotlarni unutdi va o’zi yozgan ma’lumotlarni o\u2019chirdi. Misol uchun, bu erda u state dagi ma’lumotlarni o’chirib tashladi va kod xato hisoblanib ishga tushmadi:<\/p>\n\n\n\n

\"\"
 Negadir u ma’lumotlarni o’rniga sharhlarni qoldirdi<\/figcaption><\/figure>\n\n\n\n

Men xatoni to’liq nusxalashga va unga nima qilishni tushuntirmasdan berishga qaror qildim va ajablanarlisi, u muammo nimada ekanligini tushundi va uni tuzatishni boshladi.<\/p>\n\n\n\n

\"\"
U ob’ektni tuzatdi, lekin ma’lumotlarni haqida unutdi<\/figcaption><\/figure>\n\n\n\n

Endi undan yana bo’sh ma’lumotlarni to’ldirishini so\u2019rash kerak<\/p>\n\n\n\n

\"\"
Qoyil! Ma’lumotlar tiklandi.<\/figcaption><\/figure>\n\n\n\n

Umuman olganda, u qandaydir tarzda katta qiyinchiliklar bilan, u kodni o’zi nom bergan bir nechta fayllarga ajratdi:<\/p>\n\n\n\n

    \n
  • App.tsx<\/li>\n\n\n\n
  • AboutMe.tsx<\/li>\n\n\n\n
  • Projects.tsx<\/li>\n\n\n\n
  • Resume.tsx<\/li>\n\n\n\n
  • Reviews.tsx<\/li>\n\n\n\n
  • Contact.tsx<\/li>\n<\/ul>\n\n\n\n

    Ba’zi sabablarga ko’ra u Heade<\/strong>r va Footer<\/strong> ni alohida fayllarga o’tkazishdan bosh tortdi. Endi men u uslublarni o\u2019zi mustaqil yoza olish yoki yoza olmasligini tekshirmoqchi bo\u2019ldim.<\/p>\n\n\n\n

    Avvaliga men unga faqatgina birgina maslahat berdim:<\/p>\n\n\n

    \n
    \"\"
    U BEM nima ekanligini tushunadi<\/figcaption><\/figure>\n<\/div>\n\n\n

    Ba’zi sabablarga ko’ra u boshqa fayllar borligini unutdi va deyarli har bir blok uchun shunga o’xshash kod yozishi va ular uchun uslublar fayllarini yaratishi kerak edi. Ba’zilarida u class larni yozdi, lekin CSS-ni yozmadi, shuning uchun topilmagan class lar tufayli xatolar kelib chiqdi. Hozircha men bunga e’tibor bermadim va davom etdim. Men undan faqat class lar emas, balki anniq CSS yozishini istar edim.<\/p>\n\n\n\n

    Ulanmagan App.module.css<\/strong> fayliga global uslublarni qo’ydi. Va undan fayllarni qo’shishni so’radim ( add styles connection to the App) , u xederu<\/strong>, navbaru<\/strong> va futeru<\/strong><\/em> class larini qo’shdi . Xullas menda u CSS ni yozib berishi uchun so\u2019raladigan to\u2019g\u2019ri so\u2019rovlar g\u2019oyasi qolmadi. Men u sahifaga uslub berishini va bo’sh class larni yaratmasligini xohlardim va birdan u quyidagi so’rovga juda yaxshi javob berdi:<\/p>\n\n\n\n

    \"\"
    .nav_link da  u SCSS ni yozishga qaror qildi, shunday yo\u2019l bilan borilsa ham bo\u2019ladi to\u2019g\u2019rimi?<\/figcaption><\/figure>\n\n\n\n

    U barcha bloklarda padding larni yozishga tushdi, qayerlardadur satrlarni ranga bo\u2019yadi va boshqa hech nima qilmadi. Men ham uni qiynoqga solishni to’xtatishga qaror qildim. Keling, qariyb ikki soat ichida neyrotarmog’imiz nimani yozishga muvaffaq bo’lganini ko’rib chiqamiz:<\/p>\n\n\n\n

    \"\"
    Foydalanishga tayyor!<\/figcaption><\/figure>\n\n\n\n

    Natijalar<\/strong><\/h3>\n\n\n\n

    Albatta, neyron tarmoq yordamida haqiqiy loyihani yaratish mumkin emas (hozircha), lekin urunib ko\u2019rsa bo\u2019ladi. Menga uning ba’zi yechimlari juda yoqdi. U statik ma’lumotlarni qanday yaratishi va ular bilan ishlashi meni hayratlantrirdi, men shaxsiy maqsadlarim uchun bir nechta JSON fayllarini yaratganman. U orqali oddiy avtotestlar yaratdim, ba\u2019zi kamchiliklarini to\u2019g\u2019irlasa foydalanishga tayyor maxxsulot. Uning eslab qolish qobilyati va bir oz oldin qilgan ishlanmalari meni lol qoldirdi.<\/p>\n\n\n\n

    Ammo bu dasturchilarni to’liq almashtirishdan yiroq bo\u2019lsa-da, oddiy vazifalarni hal qilish bilan dasturchining hayotini osonlashtirishi mumkin (va bu juda zo’r!)<\/p>\n","protected":false},"excerpt":{"rendered":"

    Neyrotarmoq haqida hozir hamma joyda aytilayabti va ko\u2019p duch kelayabmiz, u qanday qilib qo’shiq matnini yozayotgani, imtihonlardan o’tishda yordam berayotgani va dasturlash kodi bo’laklarini yoza olishini bilamiz. Ammo bir savol qiziq, u loyihani mustaqil yakka o\u2019zi to’liq yakunlay oladimi?<\/p>\n","protected":false},"author":16,"featured_media":5690,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"footnotes":""},"categories":[23],"tags":[214,11,108],"class_list":["post-5650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-chatgpt","tag-dasturlash","tag-python"],"_links":{"self":[{"href":"https:\/\/texnokun.uz\/index.php?rest_route=\/wp\/v2\/posts\/5650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/texnokun.uz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/texnokun.uz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/texnokun.uz\/index.php?rest_route=\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/texnokun.uz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5650"}],"version-history":[{"count":3,"href":"https:\/\/texnokun.uz\/index.php?rest_route=\/wp\/v2\/posts\/5650\/revisions"}],"predecessor-version":[{"id":6822,"href":"https:\/\/texnokun.uz\/index.php?rest_route=\/wp\/v2\/posts\/5650\/revisions\/6822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/texnokun.uz\/index.php?rest_route=\/wp\/v2\/media\/5690"}],"wp:attachment":[{"href":"https:\/\/texnokun.uz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/texnokun.uz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/texnokun.uz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}