Frontend
3.59K subscribers
412 photos
68 videos
24 files
393 links
Barchasi Frontend dasturlash haqida!

- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
#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
2πŸ”₯18πŸ‘4
This media is not supported in your browser
VIEW IN TELEGRAM
#JS #frontend


JavaScriptda kodni toza saqlash uchun 6 ta qoida

@frontend
πŸ”₯28
#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
πŸ”₯11πŸ‘10
#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
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯16πŸ‘4
#css #mem #frontend


Real-time CSS rendering

@frontend
πŸ”₯31πŸ‘7
AI haqidagi mavzular qiziqmi πŸ€”
Anonymous Poll
78%
Ha
9%
Yo'q
14%
Boshqalar yetarlicha gapirishyapdi)
πŸ”₯9πŸ‘3
#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
πŸ”₯18πŸ‘6
#ai #frontend


Anthropic CEO:

"Software Engineering Will Be Automatable in 12 Months".

yea, we’re cooked.

@frontend
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ‘12πŸ”₯9
#claude #design #frontend


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

skills.sh, repository

@frontend
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ”₯12πŸ‘4
#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
πŸ”₯9πŸ‘6
#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
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯16πŸ‘9
UzGeeks Community
UzGeeks'da Vibe Coding kuni!

πŸ“† 7-fevral, shanba kuni Toshkent shahri Raqamli texnologiyalar vazirligi binosida "UzGeeks February2026 Vibe Coding Day Meetup" bo'lib o'tadi.
Trenddagi mavzu, mutaxasislar fikri va yangiliklar, ajoyib networking muhiti. Qatnashishni tavsiya qilaman.

Boradiganlar bormi?

@frontend
πŸ‘12πŸ”₯5
#development #frontend


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

@frontend
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ”₯19πŸ‘7
Verstka qilishda dizayner sizdan buni alohida talab qiladimi?

Pixel perfect holatida ishlaysizmi?

@frontend
πŸ‘9πŸ”₯5
#startup #frontend


Oramizda o'zini startapini qurayotganlar bormi?

Nima muammoni hal qilyapsiz? Qanday texnologiyalar bilan ishlayapsiz?

@frontend
πŸ”₯12πŸ‘4
Ehtiyot bo'lamiz)

@frontend
47πŸ”₯5
Frontend
#startup #frontend Oramizda o'zini startapini qurayotganlar bormi? Nima muammoni hal qilyapsiz? Qanday texnologiyalar bilan ishlayapsiz? @frontend
#productivity #frontend


Mukammallik β€” bu qo'shadigan hech narsa qolmaganda emas, balki olib tashlaydigan hech narsa qolmaganda erishiladigan holat.

"Terre des hommes", Antoine de Saint-ExupΓ©ry

Loyihalarimizni juda funksionalliklarga boy qilib yuboramiz va shular orqali ba'zan aslida keraksiz bo'lgan chalg'ituvchi ortiqchalari bilan to'lib ketadi. Har doim soddalik va ortiqcha narsalarni olib tashlash'ni o'ylang

@frontend
πŸ”₯18
This media is not supported in your browser
VIEW IN TELEGRAM
#Claude #figma #frontend


Endi Claude Code'da yozilgan, ishlab turgan sayt yoki ilovani to'g'ridan-to'g'ri Figma'ga ko'chirib o'tkazish mumkin. Dizaynni tahrirlab qayta claude'da kodni yangilab olsangiz bo'ladi.

Buning uchun Figma MCP serverni o'rnatish kerak:
/plugin install figma@claude-plugin-directory


Batafsil: Figma blog / Claude Code MCP

@frontend
πŸ”₯12
This media is not supported in your browser
VIEW IN TELEGRAM
Sizda han bo'lib turadimi? Eng qizig'i qanday bo'lgan?

@frontend
19πŸ”₯1