Frontend
-----
Today, May 29 at 9:00 PM, the premiere of the Angular v20 developer event will take place.
YouTube: https://youtu.be/FcDamOe1qxA?si=dDfcZKQpWhbcdRrn
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Frontend
🫵 Talabamisiz?
#github #student #frontend
Agar siz talaba bo‘lsangiz — GitHub sizga ko'plab imkoniyatlar taqdim etadi! Buning uchun GitHub Students orqali o‘zingizni talaba ekanligingizni tasdiqlaysiz (student ID, .edu email yoki boshqa hujjat orqali).
- GitHub Copilot
- Domain.com, Namecheap
- JetBrains IDE
- MongoDB Atlas, DigitalOcean, Heroku
- Canva, Figma, Notion, Educative, Replit, BootstrapStudio va boshqa ko‘plab toollar bepul yoki chegirma bilan olsangiz bo'ladi!
-----
GitHub Bonuses for Students!
If you’re a student — GitHub offers you plenty of opportunities! To access them, simply verify your student status through GitHub Students (using your student ID, .edu email, or another valid document).
Once verified, you'll get access to the GitHub Student Developer Pack, which includes:
- GitHub Copilot
- Domain.com, Namecheap
- JetBrains IDE
- MongoDB Atlas, DigitalOcean, Heroku
- Canva, Figma, Notion, Educative, Replit, BootstrapStudio, and many more tools — free or at a discounted rate!
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍16
#vite #frontend
O‘zgarishlar:
Dasturchilar beta versiyani sinab ko'rib feedback'laringiz berishingizni so'rashmoqda.
-----
[email protected] has been released!
Changes:
The developers are encouraging you to try out the beta version and share your feedback.
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19
#vitest #frontend
- Annotations API – testlarni belgilash va boshqarish
- Scoped Fixtures – kontekstga xos test muhiti
- Custom Browser Locators API – brauzerlar bilan moslashtirilgan test
- Test Signal – test holatini dinamik boshqarish
- V8 Coverage – aniqlik va tezlik oshdi
Batafsil o‘qish: havola
-----
Vitest 3.2 is out!
- Annotations API – define and manage your tests with annotations
- Scoped Fixtures – context-specific test environments
- Custom Browser Locators API – browser-adapted testing
- Test Signal – dynamic control of test states
- V8 Coverage – improved accuracy and performance
Read more: link
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍13
#chromeDevTools #frontend
Endi siz console'dagi xatolik va ogohlantirishlarni tushunish uchun google qilib qidirish yoki AI'larga copy-paste qilish shart emas.
"Console Insights" orqali qanday xatolik (masalan, CORS error, TypeError, Network error) ustiga sichqoncha olib borganda “Understand this error” tugmasini ko‘rasiz. Uni bosganingizda esa Google Gemini yordamida quyidagilar chiqadi:
✔ Xatolik sababi
✔ Tavsiya etilgan yechim
✔ Stack trace tahlili
✔ Rasmiy manbalar (MDN, Google dev docs)
✔ Avtomatik kod snippet ham bor!
Kimlar uchun foydali?
✔ Junior’lar uchun — har bir xatodan o‘rganish, tezroq yechim topish
✔ Tajribali dev’lar uchun — debuggingni tezlashtirish
Docs: https://developer.chrome.com/docs/devtools/console/understand-messages
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍24
📰 Cloud-based ready-to-use backend with a convenient SDK for web and mobile applications
☁️ The cloud platform is designed to let you focus on frontend development — OneEntry takes care of backend and DevOps.
It connects to any application via SDK and doesn’t impose a fixed data structure.
✅ Key features of the SDK:
— Supports JS/TS and all modern frameworks: React, Next.js, Vue, Nuxt, Angular, React Native
— Native SDKs available for Swift and Kotlin
— Fully typed, with no unnecessary dependencies
— In-code documentation and intuitive API methods
📊 With OneEntry, you can:
— Create and manage data structures through the admin panel
— Work with a multilingual interface
— Set up roles and user dashboards
— Build forms and collect data
— Use WebSocket-based real-time collaborative editing
🛒 E-commerce features include:
— Auto-generation of product previews
— Image optimization
— Convenient handling of nested structures
— Product statuses and relationship management
— Payments, orders, email campaigns, push notifications
— Bulk uploads: Excel, XML, CSV, folders
— Visual LowCode integration editor
— Support for custom modules in Node.js, Python, PHP
🔗 Platform: https://oneentry.cloud
📘 Documentation: https://doc.oneentry.cloud
🧰 SDK: https://js-sdk.oneentry.cloud
📺 Video tutorials: https://www.youtube.com/@OneEntry-Platform
☁️ The cloud platform is designed to let you focus on frontend development — OneEntry takes care of backend and DevOps.
It connects to any application via SDK and doesn’t impose a fixed data structure.
✅ Key features of the SDK:
— Supports JS/TS and all modern frameworks: React, Next.js, Vue, Nuxt, Angular, React Native
— Native SDKs available for Swift and Kotlin
— Fully typed, with no unnecessary dependencies
— In-code documentation and intuitive API methods
📊 With OneEntry, you can:
— Create and manage data structures through the admin panel
— Work with a multilingual interface
— Set up roles and user dashboards
— Build forms and collect data
— Use WebSocket-based real-time collaborative editing
🛒 E-commerce features include:
— Auto-generation of product previews
— Image optimization
— Convenient handling of nested structures
— Product statuses and relationship management
— Payments, orders, email campaigns, push notifications
— Bulk uploads: Excel, XML, CSV, folders
— Visual LowCode integration editor
— Support for custom modules in Node.js, Python, PHP
🔗 Platform: https://oneentry.cloud
📘 Documentation: https://doc.oneentry.cloud
🧰 SDK: https://js-sdk.oneentry.cloud
📺 Video tutorials: https://www.youtube.com/@OneEntry-Platform
1🔥9 1
#chrome #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
1 13🔥8
#vite #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20 5👍3
#browser #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥18👍11
#nuxt #frontend
- 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥7
#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
🔥13👍8
This media is not supported in your browser
VIEW IN TELEGRAM
#skills #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27👍5
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 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
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
👍5🔥2
#web #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍3
Frontend
HTML, CSS, JS asoslaridan progacha
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍2
Frontend, JavaScript, Typescript, ReactJS va zamonaviy veb texnologiyalar haqida maqolalar joylanadi.
Maqsad — o‘rganayotganlar va tajriba orttirayotganlar uchun foydali manba yaratish.
🌐 Havola: https://t.iss.one/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: https://t.iss.one/CodingPack
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍2