#vue #frontend

👩‍💻 Vue.js dasturchilar uchun ajoyib imkoniyat!

Vue School tomonidan BEPUL'ga taqdim etilayotgan Free Weekend dan foydalanib, Vue.js va uning ekotizimi bo‘yicha premium kurslarni bepul o‘rganing!

Vaqt: Cheklangan muddat (48 soat)
Mavzular: Vue.js, Nuxt, Pinia, TypeScript, Component dizayni va yana ko‘plab qiziqarli kurslar!

Ro'yxatdan o'tish: vueschool.io/freeweekend

@frontend | Happy Coding

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

Brauzerni buzgan CSS funksiya

8 yildan beri frontendchiman. Ancha-muncha "bug"larni ko'rdim va hali ko'rmaganlarim qancha. Lekin ular orasida shu paytgacha ajralib turadiganlaridan biri bor. Har safar texnik suhbatlarda "siz duch kelgan eng qiziq bug haqida gapiring" deb so'rashsa, shunisini gapirib beraman.

To'liq: https://www.diyorbek.blog/blog/brauzerni-buzgan-css-funksiya

@brogrammist

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

#nextjs #react #frontend

👩‍💻 Next.js 15: Boshlang‘ichdan Professional Darajagacha!

Agar Next.js 15 ni o‘rganishni istasangiz, boshlang‘ichdan Professional darajagacha bo‘lgan eng yaxshi bepul manba bilan bo'lishmoqchiman!

- Server Components va Rendering
- App Router va Routing tizimi
- Dynamic va Static Rendering farqlari
- API Routes va Data Fetching
- Deployment bo‘yicha qo‘llanma

📷 Tutorialga havola

@frontend | Happy Coding

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

#frameworks #frontend

Frontend framework'lar , 2024-yil

1. Astro
2. SvelteKit
3. Next.js

@frontend | Happy Coding

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

❤️ Telegram JavaScript dasturchilari uchun tanlov e'lon qildi, unda Telegram Web A ilovasiga yangi funksiyani qo‘shish va mavjud qismini takomillashtirish talab etiladi.

✅ Batafsil ma'lumotlar bilan tanishish

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

Hozirda dasturchilar orasida mashhur bo'layotgan AI xizmatlar:

1. v0.dev
2. deepseek.com

Siz qandaylarini bilasiz? 💬

@frontend | Happy Coding

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

#FrontendHumor

Frontend dasturchi ChatGPT ishlamay qolgach, o'zining sevimli framework'iga murojaat qildi:

🧑‍💻 "Ey, React, meni tushunasanmi?"
👩‍💻 Men faqat state ni o'zgartiraman, seni emas 😅

Keyin u Vue ga murojaat qildi:

🧑‍💻 "Vue, sen meni qutqarasanmi?"
👩‍💻 Men reactive bo'lsam ham, bu muammoga reactive emasman!

Nihoyat, u vanilla JavaScript ga qaytdi:

🧑‍💻 "JavaScript, sen meni tushunasanmi?"
👩‍💻 console.error('Men ham tushunmayapman, lekin hech bo'lmaganda undefined qaytaramiz!

🧑‍💻 Frontend dasturchi: "Xo'sh, endi nima qilamiz?"
👩‍💻 Kodni qayta yozamiz, lekin bu safar TypeScript bilan! 😄

not so funny

@frontend | Happy Coding

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

#beginner #frontend

Web-Dev-For-Beginners — Microsoft tomonidan yangi boshlovchi dasturchilar uchun tayyorlangan bepul o'quv kurs!

24 ta dars, 12 hafta davomida: HTML, CSS va JavaScript asoslarini o'rganing.

Litsenziya: MIT — foydalanish bepul va ochiq manbali.

👩‍💻 Havola

@frontend | Happy Coding

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

#sotiladi

🍏 MacBook Air M3 – 2024

Display: 13.6 inch
RAM: 8 GB
SSD: 256GB
Rang: Midnight
Chip: Apple M3 – tezkor va quvvatni tejovchi.
Akkumulyator: 59 sikl, 100% yomkost
Ishlash davomiyligi: 15 - 18 soat

Qo‘shimcha ma’lumotlar:
- Hech qanday nosozlik va nuqson yo‘q.
- Original qutisi va quvvatlagichi mavjud.
- Frontend, UI/UX ishlarida foydalanilgan va sinovdan o'tgan.
- Bir qo'l ishlatilgan.
- Shoshilinch sotiladi, naxtga.
- Toshkent shahar

Narx: 870$ (oxirgi narx)
Aloqa: #sotildi

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

#html #frontend

👩‍💻 Html <a> tagidagi rel="noopener noreferrer" atributi nima uchun kerak?

Web sahifadagi <a> havolasi orqali yangi sahifani (target="_blank") ochishda rel="noopener noreferrer" atributi xavfsizlikni ta'minlash uchun ishlatiladi.

✋ noopener nima qiladi?
- Yangi oynani ochganda eski sahifani window.opener orqali boshqarishdan himoya qiladi. Bu esa saytlarni phishing yoki zararli skriptlar orqali nazorat qilishdan saqlaydi.

👁 noreferrer nima qiladi?
- Havola bosilganda yo'naltiruvchi URL ma'lumotini yashiradi. Ya'ni, qaysi sahifadan o'tilganligi haqida ma'lumot uzatilmaydi.

Qachon ishlatiladi?

Agar siz tashqi saytga havola bersangiz va "_blank" orqali ochsangiz, xavfsizlikni oshirish uchun rel="noopener noreferrer" atributini qo'shish tavsiya etiladi.

@frontend | Happy Coding

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

#yilSarhisobi #frontend

YANGI YILDA YANGI YUTUQLAR!

2024-yilda @frontend kanali yutuqlari bilan bo'lishamiz!

2024 - yilda kanalimiz:
➕ 2,526 obunachiga yetdi!
👀 0.5+ millon ko‘rishlar!
⭐️ Eng mashhur post: 359 ta ulashish!
🔝 Umumiy 8.7k marta ulashishlar!

Bu yutuqlarni qo‘lga kiritishda siz obunachilarning hissangiz katta 😀

🎄 Yangi yil muborak, Frontendchilar! Kodlaringiz faqat "success" bo‘lsin! ☕️

Hammangizga rahmat!

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

#alert #frontend

🗯 Top JavaScript bildirishnoma kutubxonalari

1. SweetAlert
2. React-Toastify
3. Toastr
4. Essential JS 2
5. chakra-ui/alert
6. Vue Toastification
7. Sonner
8. Awesome Notifications

Siz qaysi biridan ko'proq foydalanasiz?

@frontend | Happy Coding

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

#github #frontend

👨‍💻 GitHub'dagi yillik faoliyatingizni qiziqarli tarzda tahlil qilib, ko'rishga arziydigan hisobot shaklida taqdim etuvchi bepul vosita.

Siz ham sinab ko'rib, 2024-yildagi holatingizni izohlarda qoldiring )

Havola: https://git-wrapped.com

@frontend | Happy Coding

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

Yaxshigina ustoz bo'la oladi 😎, qizig'i o'zbek tilida!

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

#animation #js #css #frontend

📝 JavaScript orqali, har bir harfni alohida animatsiyalash va sekinlik bilan paydo bo'lish effektini yaratish mumkin.

Kodlar izohda 💬

@frontend | Happy Coding

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

#linkedin #frontend

📱 LinkedIn – Dasturchilar uchun muhim!

Bugungi kunda texnologiya sohasida ish yuritish juda ham raqobatli bo'lib qoldi. Shunday sharoitda o'zimizni rivojlantirib borish va professional networking imkoniyatlaridan foydalanish — muvaffaqiyatga erishishning kaliti hisoblanadi.

LinkedIn esa ana shu yo'ldosh vazifasini bajaradi!

Nega LinkedIn muhim?

1️⃣ Professional tarmoq : Dunyo miqyosidagi kompaniyalar, rekruтерlar va mutaxassislar bilan bog'lanish uchun ajoyib platforma.

2️⃣ Portfolio va tajriba : O'zingiz haqingizdagi ma'lumotlarni to'g'ri taqdim etib, tajribangiz va loyihalaringiz haqida dunyo bilan baham ko'rishingiz mumkin.

3️⃣ Yangiliklardan xabardor bo'lish : Texnologiya dunyosidagi so'nggi yangiliklar, trendlar va fikrlash usullari haqida doimiy ma'lumot olishingiz mumkin.

4️⃣ Ish imkoniyatlari : Ko'plab kompaniyalar bugun mutaxassislarni LinkedIn orqali izlaydi. To'g'ri profil — bu sizning virtual CV-ingiz!

Qanday qilib profilni optimallashtiramiz?

- To'liq va aniq profil : Ismingiz, lavozimingiz va mahoratingiz haqida aniqroq ma'lumot bering. "Frontend Developer" kabi aniqlik kerak.

- Kalit so'zlardan foydalaning : Rekruтерlar sizni topishi uchun "JavaScript", "React", "Vue", "Angular" kabi so'zlardan foydalaning.

- Loyihalaringizni ko'rsating : Ishlagan loyihalaringiz, yechgan muammolaringiz va natijalaringiz haqida yozing.

- Rezyume va portfoliongiz havolasini joylang : GitHub, Behance yoki boshqa manbalarga havolalar bilan o'zingizni yanada ko'proq tanishtiring.

- Faollik saqlang : Postlar yozing, sheriklaringizga izohlar qoldiring, guruhlarga qo'shiling. Bu sizni faol va qiziqarli shaxs sifatida namoyon qiladi.

@frontend | Happy Coding

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

#motiv #frontend

👨‍💻 Xatolar muhim, ular orqali o‘samiz!

@frontend | Happy Coding

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

#vuejs #frontend

👩‍💻 Awesome vue - Vue.js ekotizimiga oid eng foydali resurslar, kutubxonalar, komponentlar, tutoriallar va boshqa ko‘plab foydali ma'lumotlarni o‘z ichiga olgan GitHub reposi.

Havola: Awesome Vue GitHub

@frontend | Happy Coding

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

#tailwindcss #update

👩‍💻 Tailwind CSS v4.0

Tailwind CSS ning yangi versiyasi v4.0 chiqdi.

Asosiy yangiliklar:
- Yangi engine
- Konfiguratsiya soddalashdi
- Dynamic classlar
- Yangi utilitylar

Batafsil ma'lumot: tailwindcss.com

@frontend | Happy Coding

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

#freelance #frontend

💰 Faqat HTML va CSS bilan qanday qilib pul topsa bo‘ladi?

Siz HTML va CSS bilsangiz ham, shablonlar tayyorlab daromad topishingiz mumkin!

Tayyorlagan mahsulotingizni sotish uchun eng yaxshi marketplace’lar:

1. ThemeForest – eng katta platforma
2. TemplateMonster - yangilar uchun
3. Creative Market - minimalistik dizaynlar uchun

*Shabloningiz sotilmasa ham, siz hech narsa yo‘qotmaysiz – aksincha, tajriba va bilim olasiz.

Shablonlar sotib ishlab ko'rganlar bormi? 💬

@frontend | Happy Coding

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

#Rivojlanish #DasturchilarHayoti #IlmVaTexnologiya

💻 Dasturchilar uchun!!!

🌐 GitHub – Loyihalaringizni saqlang va boshqalar bilan ulashing.
🔗 LinkedIn – Professional aloqalar o‘rnating va yangi ish imkoniyatlarini toping.
🚀 Upwork – Mijozlar bilan ishlash orqali tajribangizni oshiring.
🎨 Behance – Dizayn va kreativ ishlaringizni namoyish qiling.

uzbekdevs.uz / @uzbekdevs

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

#FrontendHumor

CSS va JS o‘rtasida janjal chiqibdi:

CSS:
— Men saytni chiroyli qilib ko‘rsataman, hammaga yoqtiraman!

JS:
— Ha, lekin men ishlamasam, sening chiroying hech narsaga yaramaydi!

HTML kelib:
— Bola-chaqalarim, ortiqcha bahslashmanglar. Asosiy ishni men qilaman, sizlar shunchaki mening libosim va qobiliyatim!

Joke by: chatgpt

@frontend | Happy Coding

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

#react #pdf #frontend

👀 React uchun 4 ta eng yaxshi PDF Viewer

Ilovalaringizda PDF hujjatlarni ko‘rish funksiyasini qo'shmoqchi bo'lsangiz, quyidagilardan foydalanashingiz mumkin:

1. React-PDF
2. PDFKit
3. pdfme
4. Nutrient

@frontend | Happy Coding

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

#htmx #frontend

HTMX: Frontend framework’larga alternativ

HTMX — bu HTML uchun kutubxona bo'lib, u veb-ilovalar uchun interaktiv va dinamik imkoniyatlar qo'shishga yordam beradi.

HTMX yordamida JavaScript kodini minimal darajada ishlatib, "SPA" (Single Page Application) uslubidagi ilovalarni yaratish mumkin. HTMX sizga HTML atributlari orqali server bilan bog'lanishni, AJAX so'rovlarini, WebSocket-larni va boshqalarni amalga oshirish imkonini beradi.

HTMX’ning asosiy imkoniyatlari:

🟡 AJAX so‘rovlari: HTML elementlariga maxsus atributlar yordamida serverga ma’lumot jo‘natish va natijani qaytarish.

🟡 Partial Update: Butun sahifani yangilamasdan faqat sahifaning ma'lum bir qismini yangilash.

🟡 WebSocket qo‘llab-quvvatlashi: Veb-sahifani real vaqtda yangilash imkoniyati.

🟡 Server tomonidan boshqarish: Ma'lumotni qabul qilgan server tomonidan tegishli javobni HTML shaklida qaytarish.

HTMX’ning aktualligi (dolzarbligi)

1. Monolit arxitekturaga qaytish tendensiyasi: Ko‘p yirik loyihalar va kichik startaplar "monolit+" arxitekturaga qaytmoqda, ya'ni front-end va back-end bir-biriga yaqinroq bo‘lgan arxitektura.

2. HTMX — "Server Side Rendering" (SSR) va AJAX integratsiyasini sodda qilib beradi

3. Yangi backend framework’lari bilan yaxshi moslashishi: HTMX Django, Flask, Spring Boot, Laravel kabi backend framework'lari , Node.js, FastAPI texnologiyalar bilan oson integratsiya bo‘ladi.

Misol:

<div id="natija"></div>

Foydali manbalar:
docs / video / HTMX for Beginners

@frontend | Happy Coding

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

#react #frontend

⚡️ React Bits — React uchun animatsiyali komponentlar kutubxonasi

Havola: https://www.reactbits.dev

@frontend | Happy Coding

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

#update #nuxt #frontend

👩‍💻 Nuxt 3.15 chiqdi!

👩‍💻 Vite 6 integratsiya:
Yangilanish Vite 6 bilan ishlaydi, bu esa server muhitini yaxshilashga yordam beradi.

🌐 Chromium devtools yaxshilanishlari:
Endi brauzer devtools'ida nuxt hook vaqtlarini ko'rish mumkin.

🗺 callOnce uchun navigatsiya rejimi:
Kodni har bir navigatsiyada bir marta ishlatish uchun yangi 'navigation' opsiyasi qo'shildi.

🥵 Shablonlar, sahifalar va sahifa metama'lumotlari uchun HMR

📄 Sahifa meta yaxshilanishlari:
definePageMeta ichida lokal funksiyalarni qo'llab-quvvatlash qo'shildi.

🔥 Ishlash samaradorligi oshirilgan:
Brauzer ilova manifestini oldindan yuklaydi va vue-router'ning hash rejimi tarixini paketdan chiqarib tashlaydi.

Yangilash uchun:

npx nuxi@latest upgrade --force

Batafsil o'qish: Nuxt blog

@frontend | Happy Coding

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

#css #flexbox #frontend

🔢 Flexbox Labs - Praise ismli dasturchi tomonidan yaratilgan, animatsiyalar bilan Flexbox Playground. Loyiha CSS Flexbox yordamida maketlar yaratishingizga yordam beradigan vizual vositadir

React, TypeScript, Sass va Framer Motion texnologiyalari orqali ishlab chiqilgan.

Havola: demo

@frontend | Happy Coding

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

#vsCode #frontend

GitHub Copilot'dan bepul foydalanish imkoniyati quyidagilarni taqdim etadi:

- Oyiga 2 000 ta kodni to'ldirish
- Oyiga 50 ta chat xabari
- Claude 3.5 Sonnet yoki GPT-4o kabi modellardan foydalanish

@frontend | Happy Coding

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

#ai #vscode #frontend

👩‍💻 GitHub Copilot endi bepul!

GitHub Copilot endi Visual Studio va Visual Studio Code foydalanuvchilari uchun BEPUL taqdim etiladi.

Qanday foydalanishni boshlayman?
1. VS Code yoki Visual Studio’ni yangilang.
2. GitHub akkauntingizni ulang.
3. Gazini bosing ☕️

Batafsil: GitHub Copilot blog posti

@frontend | Happy Coding

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

#report #frontend

📊 JetBrains 2024-yilgi dasturchilar ekotizimi hisobotini chiqardi.

23 000 dan ortiq dasturchilar ishtirok etgan ushbu tadqiqotda JavaScript eng ko'p qo'llaniladigan dasturlash tili sifatida qayd etildi. Shu bilan birga, TypeScriptning ommaviyligi 2017-yildagi 12% dan 2024-yilda 35% gacha oshdi.

Boshqa qiziq ma'lumotlar:

- Sun'iy intellektning dasturlashdagi o'rni oshmoqda: Dasturchilarning 18% o'z mahsulotlariga sun'iy intellekt integratsiyasini amalga oshirmoqda.

- AI vositalaridan foydalanish: Dasturchilarning 69% ChatGPT, 40% esa GitHub Copilot kabi AI vositalarini sinab ko'rgan; mos ravishda 49% va 26% muntazam foydalanadi.

- Ishlash platformalari: Dasturchilarning 58% brauzer, 53% ish stoli, 30% esa mobil platformalar uchun dasturlar ishlab chiqadi.

- Ma'lumotlar bazalari: MySQL, PostgreSQL, MongoDB, SQLite va Redis eng ommabop bo'lib qolmoqda.

- Rust tili: So'nggi besh yilda Rust foydalanuvchilari soni barqaror o'sib, C++ o'rnini egallashga intilmoqda.

- Go va Rust: Dasturchilar orasida eng ko'p o'zlashtirilayotgan tillar sifatida Go va Rust ajralib turadi.

- Ishlash muhiti: Dasturchilarning 8% VR qurilmalarda kod yozishni sinab ko'rgan, 50% esa bunga qiziqish bildirgan.

Batafsil o'qib chiqish.

@frontend | Happy Coding

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