#motivation #frontend

Day One ➡️ One Day

@frontend

Читать полностью…

#ts #webGpu #frontend

🎚 TypeGPU kutubxonasi yordamida yaratilgan "jelly slider" animatsiyasi

TypeGPU - bu TypeScript-ga asoslangan kutubxona, u JavaScript kodini WebGPU uchun WGSL ga aylantiradi. "use gpu" direktivasi JavaScript funksiyalarini GPU-da bajarish imkonini beradi.

const add = (a, b) => {
 "use gpu";
 return a + b;
}

Slider: Kodga havola

@frontend

Читать полностью…

💡

@frontend

Читать полностью…

#css #ux #frontend

🤖 O'sha trendga chiqayotgan NEO roboti veb saytidagi qiziqarli va ajoyib UX

⬅️ Karuselning "Next/Previous" tugmalariga odatdagidan boshqacharoq CSS orqali yechim. aria-label atributidan foydalanib, tugmalarni aniq tanlash mumkin. Bunday uslub UX'ni yaxshilaydi va a11y uchun ajoyib.

Oddiy CSS:

button[aria-label="Next slide"] {
  cursor: url(chev-right.png), auto;
}

button[aria-label="Previous slide"] {
  cursor: url(chev-left.png), auto;
}

@frontend

Читать полностью…

#trend #css #frontend

💧 Liquid slider

To'liq kod: https://codepen.io/jh3y/pen/qEbYRVg

Siz ham loyihalarda sinab ko'rdingizmi?

@frontend

Читать полностью…

#mem #developer

Avval poydevor, keyin freymvork va AI

-----

Foundation first, then the framework and AI

@frontend

Читать полностью…

Bunga amal qilyapsizlarmi?

Читать полностью…

#reactNative #mobile

👩‍💻 React Native 0.82 to‘liq yangi arxitektura’ga o'tdi

Asosiy yangiliklar:
- Hermes V1 (eksperimental): bundle yuklash tezligi real loyihalarda 3–9% gacha tezlashgan
- React 19.1.1: “owner stacks” to‘liq qo‘llab-quvvatlanadi; useDeferredValue va startTransition
- Web Performance API’lari (canary): performance.now(), PerformanceObserver
- Android debugOptimized: odatdagi debug ~20 FPS o‘rniga ~60 FPS atrofida tezlashdi
- Breaking: tutilmagan Promise rad etishlari endi console.error orqali aniq ko‘rinadi

Batafsil: React native 0.82

-----

React Native 0.82 has fully moved to the New Architecture

Key updates:
- Hermes V1 (experimental): bundle loading is 3–9% faster in real projects
- React 19.1.1: full support for “owner stacks”; useDeferredValue and startTransition
- Web Performance APIs (canary): performance.now(), PerformanceObserver
- Android debugOptimized: ~60 FPS instead of ~20 FPS in regular debug
- Breaking: uncaught Promise rejections are now clearly reported via console.error

More details: React Native 0.82

@frontend

Читать полностью…

#ai #prompt #frontend

OpenAI tomonidan, turli rollar uchun tayyor prompt to‘plamlari taqdim etildi. “ChatGPT for Engineers” paketi arxitektura vizualizatsiyasi, debugging, hujjatlashtirish va tezkor tahlillarni soddalashtiradi.

ChatGPT prompt packs: link

@frontend

Читать полностью…

Frontend System Design Mock Interview

Kandidat: Diyorbek Sadullaev (@brogrammist)

Intervyu oluvchilar:
- Umar Sadullayev (@JoshDeveloper)
- Shahzod Tursunov (@shahzodcodes)

Vaqt: 30-sentyabr, 21:00

YouTube link: https://youtube.com/live/wvonyNuhmHI

Komponent arxitekturasi, state management'dan tortib, performance optimizatsiya, scalability mavzularigacha savollar bo'ladi.

Yetakchi tech kompaniyalarda senior va lead lavozimlarida ishlab kelyotgan mutaxassislardan o'rganamiz!

Frontend tizim dizayni kursiga qo'shiling: https://42.uz/course/frontend-tizim-dizayni

Читать полностью…

#interview #frontend

Suhbatga tayyorlanish uchun qo'llanma.

@frontend

Читать полностью…

#mem

Sizda ham shundaymi?

@frontend

Читать полностью…

#nuxt #upgrade #frontend

👩‍💻 Nuxt 4.1 chiqdi!

Qisqacha yangiliklar:
- Build qilish jarayoni tezlashdi
- Hash/chunk yaxshilandi → 404’lar kamayadi
- Rolldown bilan tezroq bundling
- Nuxt 3.19 ham shu yangiliklarning ko‘pini oldi

---

Nuxt 4.1 is out!

Brief updates:
- The build process has been accelerated
- Hash/chunk has been improved → 404s will decrease
- Faster bundling with Rolldown
- Nuxt 3.19 also received most of these updates

Read more: https://nuxt.com/blog/v4-1

@frontend

Читать полностью…

#mem

Al agent tegni yopib berishini kutayotgan men 🤦‍♂️

@frontend

Читать полностью…

#gemini #copilot #frontend

👩‍💻 Gemini 2.5 Pro Copilotga qo'shildi

-----

Gemini 2.5 Pro added to Copilot

@frontend

Читать полностью…

ChatGPT va Claude'da limitingiz qolmagan bo'lsa Kimi K2'ni ham sinab ko'rsangiz bo'ladi. Ko'rsatkichilari chatgpt, claude bilan bemalol raqobatlashmoqda, ba'zi tomonlari yaxshiroq ham.

@frontend

Читать полностью…

#update #nuxt #frontend

👩‍💻 Nuxt Image v2 chiqdi

- TS'ni to'liq qo'llab-quvvatlash($img, useImage())
- IPX v3 - ishlash tezligi yaxshilandi
- Server tomonida ishlatish - useImage()
- Yangi Shopify va GitHub provayderlari

Nuxt Image v2 versiyasi 3.1 va undan yuqori versiyalarda ishlaydi.

Batafsil: Nuxt image v2

@frontend

Читать полностью…

#debugging #frontend

No comment

@frontend

Читать полностью…

#VsCode #update #frontend

👩‍💻 VS Code'ga yangi "Plan" xususiyati qo'shildi

Endi murakkab vazifalarni (masalan, autentifikatsiya qo'shish yoki testlar yozish) AI yordamida avval rejalashtirib olasiz. U loyihangizni tahlil qiladi, qadamlarga bo'ladi va "to-do" ro'yxatini avto yangilaydi. Natijada kod sifati oshadi, xatolar kamayadi va ishlash samaradorligingiz tezlashadi.

Hozircha VS Code Insiders'da qo'shilgan. Tez orada barcha versiyalarda ko'rinadi.

EN

New "Plan" Feature Added to VS Code

Now you can plan complex tasks (like adding authentication or writing tests) in advance with AI assistance. It analyzes your project, breaks it down into steps, and automatically updates the "to-do" list. As a result, code quality improves, errors decrease, and your productivity speeds up.
Currently added to VS Code Insiders. It will appear in all versions soon.

@frontend

Читать полностью…

#update #nuxt #vueJS

👩‍💻 Nuxt 4.2 chiqdi!

Asosiy yangilanishlar:

- Abort control: useAsyncData/useFetch da AbortController bilan so'rovlarni bekor qilish
- Dev error pages: xatoliklar sahifasi va texnik debug paneli
- Async data extraction: JS bundle 39% ga kichrayadi (statik saytlar uchun)
- TS Plugin (eksperim.): VS Code'da komponent va import navigatsiyasi yaxshilandi
- Vite API, Nitro refactor, performance boost

Batafsil: https://nuxt.com/blog/v4-2

EN

Nuxt 4.2 is out!

Main updates:

- Abort control: Cancel requests with AbortController in useAsyncData/useFetch
- Dev error pages: Error pages and technical debug panel
- Async data extraction: JS bundle shrinks by 39% (for static sites)
- TS Plugin (exp.): Improved component and import navigation in VS Code
- Vite API, Nitro refactor, performance boost

Details: https://nuxt.com/blog/v4-2

@frontend

Читать полностью…

#update #nuxtUI #vueJS

👩‍💻 Nuxt UI v4.1 chiqdi!

- Yangi Empty komponent
- Katta datasetlar uchun virtualizatsiya
- Komponentlarni avto aniqlash va CSS ni aqlli bog'lash

-----

Nuxt UI v4.1 is out!

- New Empty component
- Virtualization for large datasets
- Auto-detect components and smart CSS bundling

Details: https://github.com/nuxt/ui/releases/tag/v4.1.0

@frontend

Читать полностью…

#openAI #browser

OpenAI yangi AI brauzer chiqardi: ChatGPT Atlas!

macOS uchun yuklab olish mumkin (chatgpt.com/atlas), Windows va mobil versiyalar tez orada chiqarilar ekan.

Batafsil ma'lumot / Yuklab olish

@frontend

Читать полностью…

#react #update #frontend

👩‍💻 React 19.2 chiqdi

<Activity/>, useEffectEvent, cacheSignal (RSC), Partial Pre-rendering, DevTools Performance Tracks, SSR’da Suspense batching + Web Streams, useId → _r_

Batafsil: react.dev

@frontend

Читать полностью…

Bu suhbat orqali soha mutaxasislaridan o'zingiz uchun yangi bilimlar olasiz degan umiddaman)

Читать полностью…

#typeScript #frontend

This is JS

@frontend

Читать полностью…

#mem

Dasturlash evolyutsiyasi

-----

The evolution of programming

@frontend

Читать полностью…

#css #tools #frontend

🖌 PatternCraft

150+ bepul, zamonaviy fon patternlari va gradientlar to'plami bor ajoyib resurs. “live preview” va bitta click'da CSS/Tailwind kodini nusxalab olsangiz bo'ladi. Hero va card'lar uchun juda qulay.

-----

An awesome resource with a collection of 150+ free, modern background patterns and gradients. It offers a “live preview,” and you can copy the CSS/Tailwind code with one click. Super handy for hero sections and cards.

Link: https://patterncraft.fun

@frontend

Читать полностью…

#nuxt #css #frontend

Nuxt 4 bilan yaratilgan loyihalarda dasturchilar orasida kichik muammo ya'ni style(css) fayllarni ulashda muammoga duch kelishmoqda. Yangiliklarni kuzatib bormagani uchunmi yoki AI'ga bog'lanib qolib docs/google search qilmaslik natijasida muammoni hal qilishlari uchun ko'p vaqt sarflab qo'yishmoqda.

Endi esa muammoga yechimcha berib ketsam.

Styles fayllarini noto‘g‘ri joyga joylashtirish va noto‘g‘ri yo‘l bilan import qilish orqali css'laringiz ishlamayotgan.

- Style fayllarni app/assets/ ichida saqlang
- nuxt.config.ts → css: ['~/assets/scss/main.scss']

Nuxt 4 da kodlaringiz “app/” papkasida bo'lishi kerak. Ya’ni barcha UI bilan bog‘liq papkalar: assets, components, composables, layouts, middleware, pages, plugins, utils — endi app/ ichida yozing.

“~” alias endi app/ ni ko'rsatadi

Batafsil docs: havola

@frontend

Читать полностью…

HR: Sizga tez orada a'loqaga chiqamiz

Shu vaqt Resumeyingiz)

Eng yaxshi Frontend vakansiyalar:
💼 @frontendVacancy 👈

Читать полностью…

👀

Bunday veb-saytlar qanday yaratiladi?

-----

How are such websites created?

@frontend

Читать полностью…