Critical Rendering Path (CRP)

Browser’da sahifamizga murojaat kelgandan boshlab, to’liq yuklanguncha bo’ladigan jarayon.

Bu jarayonni to’liq tushunib olsangiz, dastur ilk yuklanishi optimizatsiyalarni bir qismini shunchaki mantiqan o’zingiz topib qo’yasiz.

Ilk yuklanish uchun qanday optimizatsiyalarni maslahat berasiz?

Eslatma: Ilk yuklanishni optimizatsiya qilish degani, dastur yuklanishni boshlagandan boshlab ishlashga tayyor holga kelgunga qadar jarayonni tezroq qilish deganidir. Vaqtini kamaytirish esa sizning fayllaringiz hajmi, so’rovlar soni, internet tez yoki sekinligi, yozgan kodlaringizni “browser” uchun qiyinlik darajalari va hokazolarga bog’liq.

#frontend

@JoshDeveloper

Futbolinggayam, varataringgayam...

Lekin yaxshi o'ynashdi, gap yo'q.

O'yinda hal qilish kerak edi.

Afsus.

Onda-sonda ko'rib turaman. Avvalgilaridan ancha o'sish bor.

#futbol

@JoshDeveloper

UI/UX dizayner kasbi o’zi nima?

Bu kasb kimlar uchun?

Bugun shu va shu kabi ajoyib ma’lumotlarni, 19:00 da quyidagi manzilda birgalikda, jonli ravishda bilib olamiz. InshaaAlloh.

Link: https://www.youtube.com/live/Rq6psF86fMI?si=f1-OOA0OCQeZjIJF

@vector_academy_uz

2 daqiqalarda boshlaymiz. 🔥

Efir tugadi.

Kurs haqida barcha ma'lumotlar berildi.

Kimda kursga qatnashish niyati bo'lsa, @vector_academy_admin ga yozib, to'lov qilib, qo'shilishi mumkin.

#vectorAcademy

Initial Load Optimizations

Hech kim bu tepadagi CRP mavzusiga “Optimization” usullarini yozmapti, kommentda.

O’zim boshlab beraman shekilli.

Eng birinchisi,
kodlar fayllarini hajmini imkon qadar qisqartirish. Bu bo’lishi mumkin, “minification”, “compression(GZIP yoki Brotli eng mashxuri)”, “caching” yoki shunchaki keraksiz kodlarni o’chirish. :)

Ikkinchisi,
birinchi yuklanish uchun kerakli fayllarni o’zini yuklab, qolgan ikkinchi darajali keraklilarini orqa fonda asinxron yuklash.
Bu bo’lishi mumkin, “critical CSS”dan boshqa CSS kodlar, JS kodlar, ilk ko’rinishda uncha muhim bo’lmagan rasmlar, videolar va hokazolarni orqa fonga o’tkazish.

Esimga kelganlari shular. Qolgan maslahatlar, siz azizlardan.

#frontend

@JoshDeveloper

Angular kursimizni darsida “break” payti “gonka” o’ynagandik. 🏎 😂️️

Yutib “tayladim”. 🌚

*56 kamroq chiqqani bu. 🙄️️️️️️

#joke

@JoshDeveloper

Azizlar, UX/UI dizayner kasbi egasi bo’lish uchun, joylar va vaqt oz qoldi.

Fursatni boy bermay, bizga qo’shiling. 10-fevraldan darslar “start” oladi inshaaAlloh.

Bizga bog’lanish uchun: @vector_academy_admin

Unutmang, ilmga ajratilgan sarmoya, eng yaxshi sarmoyadir.

Yaqinlaringizga yuboring.

#vectorAcademy

@JoshDeveloper

Tanish-bilishlaga yuborib, ushbu guruh yig'ilishiga yordam bersangiz hursand bo'lardik.

Mentorni shaxsan taniyman. Juda yaxshi va kuchli dizayner. Kimdirni sifatli ta'lim olishiga hissa qo'shgan bo'lasiz inshaaAlloh.

#vectorAcademy

@JoshDeveloper

Yaxshi ketyaptimi? 🤔

Angular kursimizda so’rovnoma qilgandik. Kurs juda yaxshi ketyapti. Hozirda JavaScript’damiz.

UI/UX kursimiz esa 1-2 kunlarga boshlanib qoladi inshaaAlloh. Guruhda joylar bor. InshaaAlloh bu kurs ham ancha yaxshi bo’lishi kutilmoqda.

Adminga bog’lanish: @vector_academy_admin

#vectorAcademy

@JoshDeveloper

Hamma tanlaganni tanlash kerakmi?

Angular o’rganishni boshlaganimda, atrofimda Angularchi tanishim ham yo’q edi. Kimdan so’rasam, “nima qilasan Angular o’rganib”, “Qiyinku, o’rganolmaysan”, “Hech kim o’rganmayaptiku axir.” degan ma’noda ko’p gapirishgan.
Lekin, baribir davom etgandim. Alhamdulillah. Shu yo’nalishda yo’limni topdim, Alloh izni bilan.

Bizni odamlarni katta qismiga, hamma tanlagan soha bo’lsa o’rganadi. Hamma o’rganayotgan narsada esa tabiiyki raqobat to’lib ketadi va u yo’l ham “yopiladi”.

Juda kamchilik odamlarni ko'rdim, “qiyinchilik”ni tanlagan. Ya’ni, mashaqqatli yo’lni tanlagan. Tabiiyki mashaqqatli yo’lni tanlovchilar ham kam. Raqobat ham kam. Faqat boshiga chidab bera olish kerak.

Hozirgi “UI/UX” kursida ham shunga o’xshash holatni ko’rdim. Ko’p odamlar bu kursni nomini o’zidan “qo’rqib” ketishadi. Kamchilik qo’shildi. Aslida esa, bu yo’lni ichiga kirsangiz u qadar birnecha yillab ishsiz doimiy o’rganish bo’lmaydi. 1 yilda ham bemalol ishga kirsangiz bo’ladi, Alloh xohlasa, to’g’ri o’rgana olsangiz. Lekin, tanlovchilar kamroq. Nega? Qiyin ko’rinadida, tanish emas, hamma tanlayotgani yo’q. Biz uchun esa birinchi hamma tanlashi, sinab ko’rib, ta’mini bilishi kerak. So’ng biz boramiz. Qarabmizki atrofimizda bizdagilardan fit-fillionta bo’ladi.

Ertadan kursga “start” berish arafasidamiz. Shu yo’lni tanlayman deganlar, marhamat.
Admin: @vector_academy_admin

#thoughts #vectorAcademy

@JoshDeveloper

Ichimdagi gaplarni yozgan ekan kim bo’lsa ham.

#thoughts

@JoshDeveloper

Udemy'ga ko'pchilikni qiziqtirgan savol bilan murojaat qilgandim.

Savolim mazmuni: "Do'stimga udemy'dan sotib olgan kursimni ulashsam bo'ladimi ? (Ya'ni bir akkountdan ikkimiz kirsak bo'ladimi?)"

Javob rasmda.

Qisqacha: "Kurslarni shaxsiy yoki tijoriy maqsadda tarqatilishi mumkin emas!" deyilgan ekan.

Buni bilmaganlarga tarqating.

@JoshDeveloper

“Mock interview”lardan shaxsan o’zimga kelmoqchi bo’lganlar uchrab turibdi. Afsuski Junior va Middle uchun uncha vaqtim bo’lmayapti.
Ammo, Umumiy Frontend yoki Angular yo’nalishidan Senior darajaga intervyu so’raydiganlar bo’lsa, vaqt ajrata olaman inshaaAlloh.

Chunki, o’zimga ham foydaliroq. Bilim almashish sessiyasi ham bo’ladi o’zim uchun.

Yozilish uchun: Mockint.uz

#mockint

@JoshDeveloper

“Aka, unaqa katta darajadagi bilimga qayerdan ham chiqar edik. Senior intervyularga qatnashish bizga emas.” deydiganlar uchun tavsiya. ⬇️

Frontint.uz kursi, ancha muncha mavzularni yoritgan. Nafaqat intervyularga tayyorgarlik, balki chuqur bilimlar ham ulashilgan. Shuni olib, o’qib kelsangiz, Senior intervyuda gaplashaveramiz. inshaaAlloh.
😃️️️️

Batafsil: Frontint.uz

#frontint

@JoshDeveloper

‘Lighthouse” orqali olingan o’lchovlar. Frontint.uz sayti uchun. Juda unaqa katta sayt emas. Ammo, tahminan 70-80 atrofida bo’lgan natijalar.

Shu Frontint.uz kursini o’zida ko’rsatib berilgan bilimlar orqali ko’targanmiz. Bir qismini kursda ham ko’rsatilgan. Oson bo’lsa ham ko’pchilik bilmaydi.

#yeslicho :D

@JoshDeveloper

Ayni damda dasturlashga oid qanday kitob o’qiyapsiz yoki tugatdingiz?

#programming #books

@JoshDeveloper

Otabek O'zbek hamjamiyati uchun DevOps bo'yicha bepul ta'lim platformasi yuritib kelayotgan ekan. O'rganmoqchi bo'lganlarga maslahat beraman, o'z bilimini ulashish niyatida bo'lganlar bemalol githubda contribute qilishi mumkin.

Link: devops-journey.uz
Github: https://github.com/ismoilovdevml/devops-journey.git

Keyingi kursimiz nima yo’nalishda bo’lishini kutyapsiz?

#sorovnoma

👉 @vector_academy_uz