frontend | Unsorted

Telegram-канал frontend - Frontend

3572

Barchasi Frontend dasturlash haqida! - So'nggi yangiliklar - Eng yaxshi resurslar - Intervyu savol - javoblar Vakansiyalar: @frontendVacancy Reklama va hamkorlik: @chapaniDev

Subscribe to a channel

Frontend

#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

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

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

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

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

Frontend

#interview #frontend


Suhbatga tayyorlanish uchun qo'llanma.

@frontend

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

Frontend

#mem


Sizda ham shundaymi?

@frontend

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

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

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

Frontend

#mem


Al agent tegni yopib berishini kutayotgan men 🤦‍♂️

@frontend

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

Frontend

#gemini #copilot #frontend


👩‍💻 Gemini 2.5 Pro Copilotga qo'shildi

-----

Gemini 2.5 Pro added to Copilot

@frontend

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

Frontend

#gpt5 #copilot #frontend


👩‍💻 GPT-5 GitHub Copilot’ga qo'shildi!

OpenAI’ning eng kuchli modeli GPT-5 Copilot’da ommaviy testda.

-----

GPT-5 has been added to GitHub Copilot!

OpenAI's most powerful model, GPT-5, is now in public preview on Copilot.

@frontend

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

Frontend

🔔 Web development bo‘yicha yangi blog ishga tushirildi.
Frontend, JavaScript, Typescript, ReactJS va zamonaviy veb texnologiyalar haqida maqolalar joylanadi.

Maqsad — o‘rganayotganlar va tajriba orttirayotganlar uchun foydali manba yaratish.

🌐 Havola: /channel/CodingPack
Tez orada yangiliklar qo‘shiladi. Kuzatib boring.

-----

🚀 New web development blog is live.
Topics include: Frontend development, React, JavaScript, Typescript and modern web practices.

Articles are coming soon — stay tuned.
👉 Visit: /channel/CodingPack

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

Frontend

#web #frontend


🕸 Web dasturchilar uchun top manba!

Google'ning "Chrome developers" jamoasi tomonidan ishlab chiqilgan web.dev sayti web saytlar yaratish va optimallashtirish bo‘yicha bepul va ishonchli qo‘llanma.

- HTML, CSS, JS asoslaridan progacha
- Sayt tezligini oshirish yo‘llari
- SEO, accessibility, security bo‘yicha ko‘plab maslahatlar

Havola: web.dev

-----

A top resource for web developers!

Developed by Google’s Chrome Developers team, web.dev is a free and reliable guide to building and optimizing websites.

- From HTML, CSS, and JS basics to advanced topics
- Tips to improve website performance
- Plenty of advice on SEO, accessibility, and security

Link: web.dev

@frontend

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

Frontend

#skills #frontend


👂 Overstatement of skills - ko‘nikmalarni bo‘rttirib ko‘rsatish

LinkedIn yoki CV/resume’da texnologiya va ko‘nikmalarni belgilashda oddiy, samimiy yondashuvni tanlang. Faqat o‘zlashtirgan va amaliyotda qo‘llay oladigan texnologiyalaringizni belgilang. Eng muxim va trenddagilarini yozing(5-10), ularni real loyihalaringiz orqali bilishingizni tasdiqlang. Oxiriga tez o‘rganuvchan va moslasha olishingizni yozib, bildirib keting.

*Texnologiya va skillarni to'g'ri belgilash me'yorlari haqida tajribali dasturchilar, dunyo standartlari asosida ma'lumot berishimni hohlaysizmi? (🔥)

-----

Choose a simple yet sincere approach when listing technologies and skills on LinkedIn or your CV/resume. Include only the technologies you have mastered and can apply in practice. List the most important and trending ones (5-10), and confirm your knowledge of them through real projects. At the end, add that you are quick to learn and adaptable, making it clear to others.

*Would you like me to provide information about the criteria for properly listing technologies and skills, based on world standards, from the perspective of experienced developers? (🔥)

@frontend

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

Frontend

#nuxt #frontend


👩‍💻 Nuxt 4.0 chiqdi!

- Kodni tartibli saqlash uchun yangi app/ direktoriyasi
- useAsyncData va useFetch da aqlli keshlash
- Tezroq CLI va socket aloqasi
- TypeScript uchun yaxshilangan integratsiya

-----

Nuxt 4.0 is out!

- New app/ directory for organized code
- Smart caching with useAsyncData and useFetch
- Faster CLI with socket communication
- Improved TypeScript integration

Upgrade guide and detailed overview

@frontend

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

Frontend

Developer 😭

@frontend

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

Frontend

#chrome #frontend


🌐 Chrome 138 – Frontendchilar uchun yangi imkoniyatlar!

🤖 Brauzer ichidagi AI API'lar:
Endi siz brauzerni o'zida, foydalanuvchi qurilmasida quyidagi AI funksiyalarini ishlatishingiz mumkin:

- Translator API: veb-ilovalarga real vaqtda tarjima qo‘shish.
- Language Detector API: matn qaysi tilda yozilganini aniqlash
- Summarizer API: maqola, chat yoki sharhlar uchun qisqa xulosalar

🎨 CSS funksiyalar:
- abs() va sign(): sonning modulini va ishorasini hisoblaydi
- progress(): qiymatlar orasidagi pozitsiyani hisoblash.
- sibling-index() & sibling-count(): elementlarni o‘z o‘rniga qarab stillashtirish.

🖥 Foldable qurilmalar uchun:
Endi Viewport Segments API yordamida bukiladigan (foldable) qurilmalar uchun sayt layout’ini moslashtirish mumkin.

Batafsil: Chrome 138

@frontend

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

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

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

Frontend

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

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

Frontend

#typeScript #frontend


This is JS

@frontend

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

Frontend

#mem


Dasturlash evolyutsiyasi

-----

The evolution of programming

@frontend

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

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

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

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

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

Frontend

HR: Sizga tez orada a'loqaga chiqamiz

Shu vaqt Resumeyingiz)

Eng yaxshi Frontend vakansiyalar:
💼 @frontendVacancy 👈

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

Frontend

👀

Bunday veb-saytlar qanday yaratiladi?

-----

How are such websites created?

@frontend

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

Frontend

GPT-5 👨‍💻

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

Frontend

👉 https://web.dev/learn

@frontend

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

Frontend

🚀 Three.js'da 3D website yaratmoqchimisiz?
Endi o‘zbek tilida, tushunarli va to‘liq 3D Web dasturlash kursi tayyor!
20ta video dars, har biri amaliy loyihaga asoslangan. 👨‍💻
Boshlovchilar uchun ideal — Html, css , Javascript bilimlari talab qilinadi!

🧠 Siz bu kurs orqali o‘rganasiz:
✅ Three.js da 3D website tayyorlash
✅ 3D sahna, kamera, yorug‘lik va obyektlar
✅ Fizika, materiallar, model yuklash
✅ Real loyiha kodlarini yozish
✅ Boshlang‘ich va yakuniy kodlar bilan ishlash

🎁 Kurs ichida sizni kutadi:
🔹 To‘liq 20ta video dars (o‘zbek tilida)
🔹 Har bir darsga alohida kodlar (boshlanish va tugash)
🔹 Eng kerakli texnika va tavsiyalar
🔹 Web uchun tayyor real loyiha!

💸 Narxi:
🟢 Standart tarif — 283,000 so‘m
🔵 Premium tarif — 583,000 so‘m (Threejs Master Sertifikati + 5 yil kirish + 3D resurslar bonusi)

⏳ Chegirma faqat 10-avgustgacha!
🛒 Joyingizni hoziroq band qiling va 3D olamda o‘z loyihangizni boshlang!

📩 To‘liq ma’lumot uchun menga yozing:
👉 @threejs_uzb

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

Frontend

#VueJS #OpenSource #Frontend


Vue Bits - Vue.js uchun 60+ bepul, animatsiyali va moslashuvchan UI komponentlar to‘plami!

-----

Vue Bits - A collection of 60+ free, animated, and flexible UI components for Vue.js!

Link: https://vue-bits.dev

@frontend

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

Frontend

#browser #frontend


🥼 Loyihangiz Safari’da yaxshi ishlasa, demak deyarli barcha joyda mukammal ishlaydi.

Safari ko‘pincha yangi CSS va JavaScript imkoniyatlarini kechroq qo‘llab-quvvatlaydi yoki o‘ziga xos "bug"lar bo‘ladi. Shu sababli, har qanday responsiv dizayn yoki yangi texnologiyalarni Safari’da alohida sinovdan o‘tkazish zarur.

-----

If your project works well on Safari, it will likely perform flawlessly almost everywhere.

Safari often lags behind in supporting new CSS and JavaScript features or has its own unique bugs. Therefore, it’s essential to test any responsive design or new technologies separately on Safari.

@frontend

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

Frontend

#vite #frontend


👩‍💻 Vite 7.0 chiqdi!

Vite 7 chiqarildi! Endi u haftasiga 31 milliondan ortiq yuklab olinmoqda va yangilanish bilan quyidagi o‘zgarishlar kiritildi:

- Yangi Rust-bundler – Rolldown: Vite endi yanada tezroq build bo'ladi!
- Yangi default target – baseline-widely-available: Ko‘proq brauzerlar uchun yaxshilangan qo‘llab-quvvatlash.
- Node.js 20.19+ talab etiladi (Node 18 qo‘llab-quvvatlanmaydi).
- Vitest 3.2 bilan to‘liq mos
- Vite DevTools: NuxtLabs bilan hamkorlikda chuqur tahlil va debug imkoniyati.

Batafsil: https://vite.dev/blog/announcing-vite7.html

@frontend

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

Frontend

👨‍💻

@frontend

Читать полностью…
Subscribe to a channel