Frontend

#vscode #frontend

👩‍💻 VS Code'ni professional darajada sozlash

Video: https://youtu.be/kCwZl3wo9tY?si=nfAUxoTr7CUqLTum

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

👍13🔥6

3.33K views11:02

Frontend

#ai #chatgpt #frontend

IT mutaxassislari jamlangan eng mashhur "Stack Overflow" forumidagi savol-javoblar soni 25%ga qisqargan.

Keskin pasayish "ChatGPT" chiqqan paytdan boshlandi. Ushbu tendensiya ayniqsa "Python" va "Java Script" haqidagi muhokamalarning kamayib ketishiga kuchli ta’sir ko‘rsatdi.

Tadqiqotchilarning fikricha, bu noodatiy muammoni keltirib chiqarishi mumkin: agar forumlarda qo‘llanmalar chiqmay qo‘ysa, SI modellarini o‘qitish uchun manbalar qolmaydi.

@frontend | Happy Coding

👍9🔥7

3.65K views11:09

Frontend

0:14

This media is not supported in your browser

VIEW IN TELEGRAM

Albatta hazil 🤣

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

😁35👍5🔥4

5.89K views14:40

Frontend

#framework #frontend

✏️

Veb-sahifangizga chiroyli annotatsiyalar qo'shing!

Rough Notation - JavaScript kutubxonasi, u foydalanuvchilarga har qanday elementni chizilgan, qo‘l yozuviga o‘xshash uslublarda ifodalash imkonini beradi.

🔗 Batafsil: Veb sayt | GitHub

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

1🔥13👍5

4.89K views16:21

Frontend

#tools #frontend

🫥

CSS-Loaders

Turli xil yuklash animatsiyalari (loaders) yig‘indisiga ega bo‘lgan bepul resurs. U ko‘plab turdagi CSS animatsiyalarini taklif etadi, shuningdek, kodni ko‘chirib olib, loyihalarda osongina qo‘llashingiz mumkin.

🔗 Batafsil: css-loaders.com

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

1🔥13👍9

3.42K views19:00

Frontend

intervyu-savol | @frontend.pdf

65.8 KB

#intervyu #frontend

❓ Junior Frontend dasturchilar uchun HTML, CSS, JavaScript va boshqa shunga oid mavzular yuzasidan 100 ta savol.

Bilganingizni mustahkamlab bilmaganingizni esa ChatGPT'dan so'rab o'rgansangiz bo'ladi!

Mavzuga oid avvalgi postlar:
1 | 2 | 3 | 4

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

2🔥28👍19

8.46K views09:01

Frontend

intervyu-savol | @frontend.pdf

Qo'llab-quvvatlash ( star

⭐️

) uchun barchangizga katta rahmat! 🤝

Faoliyatimizni yanada aktiv davom ettirishimiz, sizlarga qiziqarli va noyob ma'lumotlarni ulashishimizda bizni qo'llab-quvvatlash uchun donat tizimini ishga tushirdik, reaksiya, donatlar bizga motivatsiya beradi!

Donat: https://tirikchilik.uz/frontend

Rahmat )

Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

4🔥33👍20

2.93K viewsedited 11:40

Frontend

#update #nextjs #frontend

👩‍💻

Next.js 15 versiyasi e'lon qilindi!

Ushbu versiya React 19 qo'llab-quvvatlaydi, yaxshilangan forma va Turbopack yordamida yaxshilangan performans kabi bir qator yangiliklarni o'z ichiga oladi.

To'liq ma'lumot olish uchun Next.js rasmiy blog postini ko'ring: Next.js 15.

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥15👍7

4.29K viewsedited 06:44

Frontend

#javascript #frontend

👩‍💻

JavaScript ishlash jarayoni

JavaScript kodining ishlash jarayonidagi asosiy ketma-ketliklar quyidagicha:

1. Parsing (Tahlil qilish)
2. Compilation (Kompilyatsiya qilish)
3. Execution (Bajarish)

JavaScript kodni qanday qilib ketma-ket tahlil qilinishi, kompilyatsiya qilinishi va bajarilishini quyidagi video orqali vizual bilib olsangiz bo'ladi.

YouTube video: Havola

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

👍9🔥8

2.6K views04:20

Frontend

#template #frontend

🖥

HTMLrev — bu turli xil bepul HTML shablonlarini taqdim etuvchi platforma. Bu sayt orqali siz biznes, blog, portfolio, tijorat va boshqaruv panellari uchun zamonaviy, moslashuvchan va oson sozlanadigan shablonlarni yuklab olishingiz mumkin. Shablonlar Bootstrap, Tailwind, Vue, React, Angular kabi mashhur frameworklar asosida qurilgan.

1500+ bepul HTML shablonlar

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

👍17🔥8

3.1K views04:50

Frontend

#library #javascript #frontend

🎈

balloons-js: Saytingiz uchun animatsion sharlar effekti

Kutubxonaga havola

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥8👍7

7.77K views17:22

Frontend

#tailwindCSS #nextJs #frontend

🔠

Zamonaviy va optimallashtirilgan input'lar to'plami!

Next.js va TailwindCSS bilan yaratilgan 50 dan ortiq input komponentlaridan iborat to'plam. Loyihangizda osongina copy qilib ishlatishingiz mumkin.

Havola

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥16👍8

3.9K viewsedited 07:03

Frontend

#vue #library #frontend

📊

Vue Data UI — Vue 3 uchun maxsus ishlab chiqilgan, ma'lumotlarni vizual tarzda ifodalash uchun qulay komponentlar kutubxonasi. Chartlar, mini-chartlar, jadvallar va ko'plab boshqa imkoniyatlarni o'z ichiga oladi.

GitHub | Veb sayt

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

👍9🔥9

3.06K views19:45

Frontend

#update #nuxt #frontend

👩‍💻 Nuxt 3.14 chiqdi - yangi rspack builder, umumiy papka va ishlash unumdorligini oshirish bilan!

Batafsil: Nuxt blog

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥12👍8

2.88K views10:00

Frontend

#ui #frontend

🤩

Loyihalaringizni jonlantiruvchi trenddagi animatsion UI kutubxonalar

1. MagicUI
2. Aceternity UI
3. UI Layout
4. Cult UI
5. Eldora UI
6. Syntax UI
7. Hover.Dev
8. Svelte Animation Components
9. LunarUI
10. Animata
11. InspiraUI

*Do'stlaringizga ham ulashing!

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥12👍3

3.93K views18:23

Frontend

#css #frontend

👩‍💻

CSS-da yangilangan media-query sintaksisi — "Range Syntax"

Range Syntax orqali media queries’ga kiritiladigan qiymatlarning diapazonini an’anaviy min-width va max-width qiymatlaridan ko‘ra qisqaroq va osonroq ifodalash imkoniyatini beradi.

min-width va max-width ➡️ <, >, <=, >=

Brauzerlar qo‘llab-quvvatlashi 91.9%

Misollar:

@media (width >= 80rem) {
    /* kenglik kamida 80rem bo'lganda */
}

/* Oraliq belgilash */
@media (80rem <= width <= 120rem) {
    /* kenglik 80rem va 120rem oralig'ida bo'lganda */
}

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

👍29🔥9

3.68K viewsedited 19:40

Frontend

#plugin #css #frontend

🗓

CSS Peek

HTML kodingizda class yoki id'larni tahlil qilib, ularning CSS kodini tezda topishni xohlaysizmi? CSS Peek yordamida bir necha soniyada to'g'ridan-to'g'ri CSS'ga o'tishingiz mumkin.

🔗

CSS Peek

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

👍15🔥10

2.58K views17:01

Frontend

#chart #react #frontend

📊

Recharts — React uchun grafiklar kutubxonasi!

Imkoniyatlari:
- Animatsiyali grafiklar
- Responsive, Har xil ekran o‘lchamlariga moslashuvchan
- Interaktiv elementlar (masalan, tooltiplar)
- SVG asosida yengil va tezkor

GitHub | Veb sayt

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥8👍6

2.91K views05:00

Frontend

#frontend

👩‍💻 Ushbu havola orqali barcha asosiy frontend texnologiyalar va ularni o'rganish bo'yicha zarur ko'nikmalarni interaktiv tarzda o'rganishingiz mumkin:

✔️ Texnologiyalar xaritasi
✔️ Asosiy tushunchalar
✔️ O'rganish uchun tavsiyalar

Havola: web-skills

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

1🔥15👍8

2.66K views07:20

Frontend

0:22

This media is not supported in your browser

VIEW IN TELEGRAM

#css #frontend

Faqat CSS orqali magnit havola effekti

😁


li:has(a:is(:hover, :focus-visible)) {anchor-name: --a;}
ul::before {
  left: anchor(--a left);
  width: anchor-size(--a width);
}

CSS anchor position funksiyasidan foydalanib, indikator uchun hoverda anchor positionni belgilash

CSS Anchor Positioning — bu CSS-ning yangi imkoniyatlaridan biri bo‘lib, elementlarning joylashuvini boshqa elementlarga bog‘lashga yordam beradi.

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥14👍8

2.47K viewsedited 15:00

About

Blog

Apps

Platform