#development #frontend

> 2022 - Student
> 2023 - Developer
> 2024 - Prompt Engineer
> 2025 - Vibe coder
> 2026 - Farmer

@frontend

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

Trenddagi mavzu, mutaxasislar fikri va yangiliklar, ajoyib networking muhiti. Qatnashishni tavsiya qilaman.

Boradiganlar bormi?

@frontend

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

#AI #engineering #frontend

Eng yaxshi dasturlar faqat yaxshi kod yozish va tezlik bilan emas, balki mayda detallarga bo'lgan e'tibor va insoniy tajriba bilan yaratiladi.

SI'lardan foydalanishda dasturchilar asosan ikki guruhga bo'lingan:

1. "Bootstrappers" (Noldan MVP'gacha): yangi loyihalarni bir necha soat ichida prototip holatiga keltirish

2. "Iterators" (Kundalik ish): kodni to'ldirish, refaktoring qilish va testlar yozish

SI tezligining yashirin narxi
Tajribali dasturchilar SI bergan kodni shunchaki ishlatib ketaverishmaydi. Ular kodni kichik modullarga bo'lishadi, edge cases qo'shishadi va arxitektura qismlarini o'zlari ko'rib, tekshirib chiqishadi. Junior dasturchilar SI bergan natijani tekshirmasdan ishlatib ketishga moyilroq.

Bilim paradoksi (The Knowledge Paradox)
SI tajribali dasturchilarga yangi o'rganuvchilarga qaraganda ko'proq foyda beradi.
Tajribalilar o'zlari bilgan narsalarni tezlashtirish uchun SI'dan foydalanishsa, juniorlar nima qilish kerakligini o'rganish uchun foydalanishadi. Natijada, juniorlar SI bergan noto'g'ri yoki eskirgan yechimlarni qabul qilib, xavfsizlik va performance tomonlama xatoliklarni bilmay qolishlari mumkin.

Fikrlar, Google Cloud AI direktori Addy Osmani'ning "The 70% problem: Hard truths about AI-assisted coding" maqolasidan.

@frontend

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

#ai #frontend

Anthropic CEO:

"Software Engineering Will Be Automatable in 12 Months".

yea, we’re cooked.

@frontend

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

#css #mem #frontend

Real-time CSS rendering

@frontend

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

#chrome #devTools #update

Chrome DevTools'ga alohida tarmoq so‘rovlarini sekinlashtirish (throttling) imkoniyati qo'shildi

Endi butun sahifanimas, faqat kerakli bitta so‘rovni (masalan, rasm, JS fayl yoki API request) sekin tarmoq sharoitida sinab ko‘rish mumkin.

Bu imkoniyat chrome 144 versiyasidan boshlab bor.

Batafsil: Maqola

@frontend

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

https://shadcnstudio.com/components

@frontend

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

#githubCopilot #chatGpt #frontend

OpenAI'ning GPT-5.2 modeli GitHub Copilot'da ishga tushdi!

Kuchli tomonlari:
- Uzun kod va matnlar bilan ishlash
- Interfeyslar (UI) yaratish

Yangi model pullik foydalanuvchilar uchun ochildi ya'ni Copilot Pro va undan yuqori ta'riflarda.

Batafsil: GitHub blog

@frontend

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

Nima deysiz, TOON JSON'ni o'rnini egallaydimi?

@frontend

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

Naming ➡️ https://www.freecodecamp.org/news/programming-naming-conventions-explained/

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

Bundan kelib chiqib o'zimiz uchun quyidagicha xulosa qilsak bo'ladi:

- TypeScript endi standart tilga aylandi.
Barcha zamonaviy frontend framework'lar (React, Vue, Angular) default TypeScript bilan ishlaydi.

- Frontend + AI = normal holat
AI-first development. AI modellarini qanday samarali ishlatishni o'rganish kerak.(API, prompt engineering)

- Arxitektura va xavfsizlik qismlarini kuchli, chuqurroq o'rganish.

@frontend

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

#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

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

Gemini Pro 1 yillik olishda birinchi bo'lib student verifikatsiya linkini yuborgan 3 kishiga verifikatsiya qilib beraman.

Linkni yuboring: *tugadi

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

#FrontendDevelopment

⚙️ Frontend dasturlashda "System Design" va "Design System" nima?

Ko'p dasturchilar bu ikki tushunchani aralashtirib yuborish ehtimolligi bor. Keling farqini tushunib olamiz:

System Design — bu texnik arxitektura.
• Komponentlar qanday bog'lanadi
• State qayerda saqlanadi
• API bilan qanday ishlash
• Performance qanday optimizatsiya qilinadi

Design System — bu vizual standartlar to'plami.
• Ranglar, shriftlar, spacing
• Tayyor UI komponentlar (Button, Input, Modal)
• Iconlar va ularni ishlatish qoidalari

@frontend

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

#claude #design #frontend

AI'larning binafsha gradientli dizayn stilidan charchaganlar uchun Claude uchun yangi "frontend-design" skill chiqdi.

skills.sh, repository

@frontend

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

#vibeCoding #frontend

Redditdagi Post mazmuni:
Claude Code juda zo'r
"Men kodlash haqida hech narsa bilmayman. UMUMAN NOLGA TENG. Lekin bir necha daqiqada to'liq ishlaydigan veb-ilova yaratdim"

deb "localhost:3000" manzilini qoldirgan, tipa ilovasiga linkni

@frontend

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

#chrome #update #frontend

🦖 Chrome 144 dagi yangiliklar

Yangi versiyadagi asosiylari:
• Sahifada qidirish (find-in-page) natijasidagi matnga(::search-text) alohida style berish imkoniyati
• <geolocation> tegi orqali lokatsiya ma’lumotlaridan foydalanish uchun ruxsat so‘rash.
• Temporal API veb uchun zamonaviy sana va vaqt API’si

Batafsil tanishish: https://developer.chrome.com/release-notes/144?hl=en

@frontend

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

#JS #frontend

JavaScriptda kodni toza saqlash uchun 6 ta qoida

@frontend

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

#cursor #ui #frontend

Cursor yangi 2.2 verisyasida vizual muharrir "Cursor Browser" qo'shdi.

Imkoniyatlar:
- Elementlarni drag-and-drop bilan joylashtirish
- React komponentlari props'larini to'g'ridan-to'g'ri tahrirlash
- Flexbox, grid, tipografiya uchun vizual kontroller
- Point-and-prompt: elementni tanlab, natural language bilan o'zgartirish

Endi design-to-code jarayoni ancha tezlashadi.

Batafsil: Cursor blog

@frontend

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

#motivation

AI'lar rivojlanib ketishini kuzatib, tushkinlikga tushish o‘rniga — AI davrida qadrli bo‘lib qolish uchun o‘z ko‘nikmalaringizni kengaytiring, yangilang.

@frontend

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

Linkedin'da bormisiz?

Linkedin'da yo'q bo'lsangiz akkaunt yaratib yuritishni boshlang, tajribali va hamkasblaringizni fikrlarini kuzatib boring.

Akkauntingiz bo'lsa aktivroq yuritishni boshlang. O'z tajribangiz bilan bo'lishing. Profilingizga havolani izohlarda qoldirsangiz bo'ladi)

Dasturchilar uchun Linkedin'ning ahamiyati va imkoniyatlari haqida maqola: havola

@frontend

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

#mem #naming #frontend

Qaysi uslubdan foydalanasiz?

- Jamoa standartlariga amal qiling
- Linter va formatter ishlating (ESLint + Prettier)
- API bilan ishlashda naming bo'yicha oldindan kelishib oling

@frontend

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

#statistics #github #developers

📊 GitHub Octoverse 2025 hisobotining eng muhim qismlari

Asosiy o'sish ko'rsatkichlari:
- Har soniyada 1 ta yangi dasturchi: 36 milliondan ko'p akkaunt ochilgan, umumiy dasturchilar soni 180+ mln.
- Oylik 43,2 million pull request birlashtirilgan (+23% o'tgan yilga nisbatan)
- 986 million commit yuborilgan
- Daqiqasiga 230 yangi repository yaratilmoqda

AI odatiy ish rejimiga aylandi
- Yangi dasturchilarning 80% i birinchi haftadayoq GitHub Copilot-dan foydalanishni boshlashgan
- 1,1 million ochiq repository LLM SDK-dan foydalanadi
- AI loyihalariga hiss qo'shadiganlar soni 200 minggacha yetdi

Dasturlash tillarida inqilob
- TypeScript 2025 avgustda birinchi marta Python va JavaScript-dan o'tib ketdi GitHub-da eng keng tarqalgan til bo'ldi (~2,6 million dasturchi)
- TypeScript 1 milliondan ortiq yangi dasturchi jalb etdi

Global rivojlanish: Hindiston yetakchi
- Hindistondan 2025-yilda 5,2 million dasturchi qo'shilgan
- 2030-yilga qadar 57,5 million dasturchiga erishish prognozi - har uch yangi dasturchidan biri hindistonlik bo'ladi

Manba: GitHub Octoverse 2025

@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

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