FrontEnd Training

Bojalar Tanimadingmi? Toshkent Davlat Transport Universiteti Iqtisod fakulteti talqinida 😀 Albatta ko'ring. Zoor chiqibdi Kanal @jstutorial

Juda foydali bir manbaa topib oldim. Albatta bu juda ko'p dasturchilarga qiziq bo'lsa kerak deb o'yladim. Google ga ishga kirishda bo'ladigan interview savollari ushbu saytga yuklanib borar ekan. Google interview questions Kanal @jstutorial

Kuzatish uchun 22 dasturchi YouTube kanallari Dasturlash boʻyicha bilimlaringizni rivojlantirish uchun YouTubeʼda maʼlumotlar juda koʻp lekin biz sizlarga kuzatishingiz mumkin boʻlgan ajoyib YouTube kanallarni roʻyxatini taqdim etmoqchimiz ⚠️ Eslatib oʻtamiz: Barcha kanallar Ingliz tilida. Oʻzbek tilida yuritiluvchi kanallarni roʻyxatini tuzishga bizga yordam berishingiz mumkin. Buning uchun izohlarda siz YouTubeʼda kimni koʻproq kuzatishingizni yozib qoldiring 🔹Dev Ed 🔹DesignCourse 🔹TheNetNinja 🔹FreeCodeCamp 🔹ProgramWithErik 🔹Dylan Isreal 🔹Coding Garden With CJ 🔹The Coding Train 🔹FunFunFunction 🔹Stefan Mischook 🔹Academind 🔹RealToughCandy 🔹CodingPhase 🔹Chris Hawkes 🔹Joshua Fluke 🔹Caleb Curry 🔹Sentdex 🔹MMTuts 🔹CSDojo 🔹LevelUpTuts 🔹Wes Bos 🔹TheNewBoston

FEO nima? FEO - Front-end optimization. Qisqa qilib aytganda FEO yoki CO (Content Optimization) - veb-saytingizni brauzer uchun qulayroq va tezroq yuklanishi uchun nozik sozlash jarayonidir. Umuman olganda, FEO fayl o'lchamlarini kamaytirishga va ma'lum bir sahifani yuklash uchun zarur bo'lgan so'rovlar sonini kamaytirishga qaratilgan. Bu postda FEO ni yaxshilash uchun bir qancha usullarni ko'rib chiqamiz. 1. Resurslarni minimallashtirish - HTML, CSS, JS fayllardagi kodlaringizni minimallashtiring, ishlatmaydigan kodlaringizni, kommentlarni, bo'sh joylarni o'chirib tashlang. Fayllarni online compressor orqali minimallashtirib oling, bu faylning hajmini anchagina qisqartiradi, veb-sayt yuklanish jarayonida ham vaqt va resurs kamroq sarflanadi. Ko'p kutubxonalarda .min.css yoki .min.js fayllari bekordan bekorga turmaydi axir, endi bu usulni o'zingiz yozgan kodlarda ham ishlatishni boshlang. 2. Responsive rasm va WebP dan foydalaning - Ko'p veb-saytlar hajmining deyarli 50 foizi media fayl va rasmlarga to'g'ri keladi, rasmlar veb-sayt uchun moslashtirilmagan bo'lsa bu veb-saytingizni tezligiga yaxshigina tasir qiladi. Dasturlashni o'rganayotgan paytim background'ga 10MB atrofidagi rasmni qo'yganman, saytda rasm sifati muhim deb o'ylaganman 😁, buni ko'rib ustozimni mazasi qochishiga sal qolgan. Saytingizga rasmlarni qo'yishdan oldin online servislar orqali rasmni 70-80 foizgacha siqishga urinib ko'ring, keyin uni WebP formatga o'giring, bu saytingizni yuklanishini ancha tezlashtiradi. O'zimda tajribada bo'lgan holat 10-12 Megabaytlik rasmlarni 80 foizgacha siqib, WebP ko'rinishda qo'yganmiz, hajm 100-200 Kilobaytgacha qisqargan. 3. Lazy Loading - Lazy load veb-sayt ochilganda faqat kerakli resusrlarni yuklaydi, qolganini foydalanuvchiga kerak paytida yuklaydi. Masalan veb-saytni ochganingizda rasmlarning faqat bir qismi, ya'ni sizga ko'rinayotgan qismi yuklangan bo'ladi, qolgani esa scroll qilishingiz davomida yuklanib boradi. Misol uchun Google images ham shunaqa ishlaydi, siz rasm qidirsangiz sizga millionlab variantlarni taklif qiladi, lekin hammasi ham yuklanmaydi, rasmlar pastga tushishingiz davomida yuklanib boradi. Agar hammasini birdan yuklaganida balki bir necha hafta kutardingiz yoki ram yetishmasligidan kompyuteringiz qotib qolgan bo'lardi 🙂. 4. CDN tanlang - CDN lar tarmoqning kechikishi (tarmoq orqali aloqada kechikishlar) bilan bog'liq muammolarni hal qilish uchun mo'ljallangan. Bunday kechikishlar asosan veb-sayt hosting serveri va foydalanuvchi orasidagi fizik masofa bilan bog'liq. Ushbu masofani kamaytirish uchun CDN kontentning versiyasini turli geografik joylarda saqlaydi. Masalan siz saytingizga biror kutubxonani ulab qo'ydingiz, veb-sayt har safar serverning o'ziga murojaat qiladi, server USA da bo'lsa, masofa taxminan 11 km bo'lsa, javob qaytish vaqti esa taxminan 500-700 ms bo'ladi. CDN orqali ulasangiz, eng yaqin CDN 200 km uzoqlikda bo'lsin, sizning saytingiz endi CDN ga murojaat qiladi, bu ma'lumot CDN da mavjud bo'lsa sizning so'rovingiz bajariladi, taxminan 50-100 ms. CDN siz so'ragan ma'lumotni oldin o'zidan qidiradi, topa olmasa USA dagi serverga murojaat qiladi, ma'lumotni olgach sizga uzatadi, keyin uni o'zida ham saqlab qo'yadi. Keyingi safar siz so'rov yuborganingizda, endi u o'zidagi ma'lumotni sizga qaytaradi. Bunda faqat birinchi holatda ko'proq vaqt sarflanadi, keyingi safardan boshlab veb-sayt ma'lumotni CDN dan oladi. 5. Serverga so'rovlarni kamaytirish - Umuman olganda front-end dan serverga qanchalik ko'p so'rov yuborilsa, bu saytning yuklanishini shunchalik kechiktiradi. Serverga har qanday so'rovni yuborish, sayt yuklanishidan oldin to'liq aloqani talab qiladi. Buni oldini olish uchun bir qancha usullar mavjud. - CSS Sprite-dan foydalanish. - Ko'p tashqi so'rovlarni amalga oshiradigan third-party plugin'larni kamaytirish. - Ishlatilmayotgan fayllarga bo'lgan link'larni olib tashlash. Manba @saidabdulla

Instagram’ning Rossiyada bloklanishi tufayli Telegram’ga ommaviy foydalanuvchilar oqimi RKN Instagramni 10 soatdan kamroq vaqt ichida bloklashni va'da qilmoqda. Oxirgi 3 kun ichida oʻrnatuvchilar ommaviy ravishda Telegram kanallarini yaratib, oʻz auditoriyalarini u yerga oʻtkazishdi. Instagram’ni blokirovka qilish rejalari e’lon qilinganidan beri Rossiyaning Telegram kanallariga 40 milliondan ortiq yangi obuna bo‘ldi. Telegram millionlab yangi foydalanuvchilar oqimi va har kuni o'n minglab yangi kanallar yaratilishiga qaramay, yaxshi ishlamoqda va barqaror. @devmountain

Python dasturlash tilini o'rganmoqchisiz lekin telegramda o'zbekcha sifatli resource topa olmayabsizmi? 🤓Bu kanal aynan siz uchun! Python dasturlash tiliga asoslangan telegram'dagi yagona, aktiv va o'zbekcha kanal. Bu yerda ↘️ 🧿 #code hacks 🛠 #module tutorials 🪅 IT #meme 📚 Python #lessons 🍭 Va boshqalar... Faqat boshlovchilar uchun emas, anchadan beri Python'da ishlovchi va o'rganyotganlar uchun ham tavsiya qilamiz. Bizga qo'shiling 👉 https://t.me/python_dasturlash_darslari

Frontendda yangimisiz? Unda bu maqola siz uchun. Maqolada eng ko'p uchraydigan muammolarga to'xtalgan. https://teletype.in/@mohirdev/frontend-xatolar @mohirdev bilan o'zingizga qulay vaqtda, istalgan joyda, chegarasiz ta'lim oling!

Yaxshi RoadMap ekan Kanal @devmountain

Frontendchilar bormi? 🤣 Kanal @devmountain

IT haqida kanallar ko'p, lekin sifatlilari kam. Tajribali proger Bexruz akaning bu kanalida ancha muncha kanallarda yo'q videodarslar bor. Eng asosiysi - bepul! Vaqtni bekor o'tkazmasdan, o'qiydigan zamon kelayapti. Tezroq kanalga ulaning va IT-olamiga sho'ng'ing. Ba'zi darslar uchun havolalar: 📔JavaScript darslari 📗Node.js asoslari 📕Express.JS darslari 📘PostgreSQL database darslari Mohirdev platformasidagi Professional Node.js kursi Kanal manzili: 👉@bexruz_ru

Juma muborak Kanal @jstutorial

Can you change ? 😂😂 Channel @jstutorial

​​🎮 CSSni o'yin o'ynab o'rganing Qiziqarli o'yin bilan bilimlar oson o'zlashtiriladi! Tasavur qiling miriqib o'yin o'ynaysiz va CSSni o'rganib olasiz. Internetda bu masalada sizga yordam beruvchi ba'zi saytlar mavjud. - Grid Garden CSS Grid'ni o'rganishga ko'maklashadi. Bog'ni tartibga soling va o'yinda g'olib bo'ling. Shu bilan birga CSS Grid bo'yicha bilimlaringizni mustahkamlab olasiz - Grid Critters O’yin sizga CSS Grid'ni o’zlashtirishga ko’maklashadi. Siz kosmik kemani boshqarasiz va Grideros sayyorasi aholisini Grid yordamida himoya qilasiz. - Flexbox froggy CSS Flexbox'dan foydalanib qurbaqalarni o'z o'rniga qaytarishga yordam bering. O'yin 24 ta bosqichdan iborat bo'lib barchasi juda qiziqarli. Oxirgi bosqichdan siz ham o'ta olasizmi buni hoziroq tekshiring - Flexbox Zombie CSS Flexbox'ni epchillik bilan o'rganing. Buni zombilarga qarshi ishlating. O'yin 12 bosqichdan iborat. Buning uchun saytda ro’yxatdan o’tish kerak bo’ladi. - CSS Diner CSS ni ham o’zlashtirishga, ham sahifalashning tayanch qoidalarni eslashga yordam beradi. Mahsulotlarni joylashtiring va dasturxonni to’g’ri buyruqlar orqali bezating, o'yin esa ko’rsatmalar bilan yordam beradi. Oson tuyulishi mumkin, ammo bo’shashmang – bu yerda 32 ta bosqich, har biridan so’ng vazifalar murakkablashib boradi.

Hamma kutgan Versatile Translator Bot @versatiletranslatorallbot ishga tushdi. Bot Python (Aiogram frameworkida) yozilgan. Botdan foydalanish uchun kanalga majburiy a'zo bo'lish funksiyasi ham qo'shilgan. Ushbu bot kodlarini github sahifamdan https://github.com/xodiyevlutfulloxonuz/python-multitranslatorbot yuklab olishingiz mumkin. Kanal @pythontutorialuz

Kanal @devmountain

Livegram boti foydalanuvchilari diqqatiga! 🤖 Telegram kanal adminlari tomonidan anonim suhbat va fikrlar uchun eng ko'p foydalaniladigan @LivegramBot boti ma'lumotlar bazasi internetda tarqalib ketibdi! 🧑‍💻 Hozirda Telegram jamoasi tomonidan @LivegramBot bilan yaratilgan botlarni himoya qilish uchun u bilan bog'langan barcha botlar tokeni bekor qilinmoqda. — Agar siz @LivegramBot'da yaratilgan bot egasi bo'lsangiz va botingiz ishlashda davom etishini xohlasangiz, @BotFather'ga o'ting va @LivegramBot bilan bog'langan barcha botlaringiz tokenini yangilang. Keyin esa @Livegrambot'ga o'tib yangi tokenlarni unga yuboring. Aks holda botingiz ishlamasligi mumkin! Kanal @devmountain

JavaScript ,TypeScript, React, Vue, Angular Agar ushbu texnologiyalardan intervyu ga tayyorgarlik ko'rayotgan bo'lsangiz ushbu manbaa lar aynan siz uchun. Javascript Interview questions https://github.com/sudheerj/javascript-interview-questions TypeScript Interview questions https://www.interviewbit.com/typescript-interview-questions/ ECMASCRIPT Features (Full Information) https://github.com/sudheerj/ECMAScript-features React Interview questions https://github.com/sudheerj/reactjs-interview-questions Vue Interview questions https://github.com/sudheerj/vuejs-interview-questions Angular Interview questions https://github.com/sudheerj/angular-interview-questions Kanal t.me/jstutorial

Kanalimiz @devmountain

Sizlarga tavsiya qilayotgan kanalimda quyidagilar mavjud: 👉 C++, Kotlin dasturlash tillari bo'yicha misollar va ularning ishlanish dasturlari 👉 Java dasturlash tili bo'yicha noldan boshlangan videodarsliklar. 👉 Viktorina botimizda Java, Kotlin dasturlash tillari bo'yicha misollar va ularning ishlanish dasturlari 👉 C++ dasturlash tili bo'yicha videodarsliklar. 👉 Dev-Cpp, Codeblocks, Eclipse, Intellij Idea, Git, Android-studio, Activator programmalari 👉 Cisco Packet Tracer (CPT) dasturining videodarsliklari. 👉 Web dasturlash (HTML, CSS, JavaScript, PHP) bo'yicha videodarsliklar va materiallar (yozilgan dastur kodlari va dastur fayllari) 👉 C++, Python, HTML, CSS, C#, JavaScript, jQuery, Andriod. Shu dasturlarning ingliz, rus, o'zbek tillaridagi kitoblari, qo'llanmalari Telegram | Viktorina bot | YouTube