Frontend

JavaScript'da console obyektining ajoyib metodlari

P.S Siz buni bilarmidingiz 💬

🚀 Tanishlarga yuborib qo'yamiz.!

👉🏼 @Junior_Developer | #js #life_hack

🔥4

250 views07:18

Frontend

JavaScript bo'yicha amalyot qilish uchun loyiha g'oyalari.

👉🏼 @Junior_Developer | #js #project

274 viewsedited 08:52

Frontend

#js #github

🔂 JavaScriptni organish uchun 5 GitHub reposi.

1. Murakkab JavaScript savollarining uzun roʻyxati va ularning tushuntirishlari

2. 🛁 JavaScript uchun Clean Code

3. Udemydagi JS kursining barcha bo'limlari va loyihalar uchun kodlar

4. Zamonaviy JavaScript qo'llanma

5. Boshlangich JavaScript

Foydali kontent uchun OBUNA bo'ling!
👉🏼 @frontend 👈🏼

⚡1👍1

768 viewsedited 19:22

Frontend

#quiz #js

What is the output?

 const list = [1 + 2, 1 * 2, 1 / 2];
 console.log(list);

408 views20:26

Frontend

#vue #js

Vue'da "v-if" va "v-show" orasidagi farq 📌

🟢 "v-if" - o'zgaruvchining qiymati "true" bo'lsa, elementni DOM-da yaratadi, "false" bo'lsa, elementni DOM-dan o'chiradi va uni yashiradi.

🟢 "v-show" - o'zgaruvchining qiymati "false" bo'lsa, DOM elementini CSS "display" stilini "none" qilib o'zgartiradi. Buning natijasida, DOM elementi sahifada qoladi, ammo ko'rinmaydi.

👉🏼 @frontend 👈🏼

👍4

407 views05:16

Frontend

This media is not supported in your browser

VIEW IN TELEGRAM

#js #kutubxona

🖱Parallax-img-scroll

Veb-sayt yuqoriga yoki pastga aylantirilganda tasvirlarni (yoki boshqa turdagi HTML-kontentni) suzuvchi va harakatlantirish uchun parallaks effekt JavaScript kutubxonasi.

📔 githubga havola

🌐 veb sayt

👉🏼 @frontend 👈🏼

623 viewsedited 17:15

Frontend

#js #quiz

let a = 3;
let b = new Number(3);
let c = 3;

console.log(a == b);
console.log(a === b);
console.log(b === c);

👉🏼 @FrontEnd 👈🏼

689 views12:22

Frontend

Miyyani press qiladigan joyi 😁

let a = 5;
let b = a-- + ++a;
let c = a++ - --b;
            
console.log(a+b+c);

👉🏻 @FrontendIQ > #js

⚡7👍1

647 viewsedited 13:59

Frontend

#js
Topshiriq: Massivdagi har bir elementni sonini aniqlash.

Yechim:

function countElements(arr) {
  return arr.reduce((acc, element) => {
    acc[element] = (acc[element] || 0) + 1;
    return acc;
  }, {});
}

// Misol uchun
const tags = ["#javascript", "#react", "#patterns", "#css", "#interview", "#javascript", "#css"]
console.log(countElements(tags));

Natija:

{
  "#javascript": 2,
  "#react": 1,
  "#patterns": 1,
  "#css": 2,
  "#interview": 1
}

Bu JavaScript funktsiyasi berilgan massivdagi har bir elementni sanaydi va natijani obyekt (object) ko'rinishida qaytaradi. Funksiyada reduce metodidan foydalanilgan. reduce metodi massivdagi har bir elementni bitta qiymatga o'zlashtirish imkonini beradi.

Sizda qanday yechim bor, izohlarda yozib qoldiring 💬

Do'stlarga ulashing 🚀

Bizga qo'shiling 👉🏼 @Frontend 👈🏼

👍3🔥2

632 viewsedited 04:30

Frontend

Frontend vacancy

#js #tailwindcss #vakansiya

💼 Lavozim: Frontend dasturchi

Yangi vakansiya bilan tanishib chiqishingiz mumkin 👆🏻

👉🏼 @Frontend 👈🏼

🔥4

638 views08:32

Frontend

#js #github

JavaScriptni o'rganish uchun kerakli Github omborlari

JS o'rganayotgan do'stlarimizga ushbu Github omborlari juda yordam beradi.

▫️JavaScript qo'llanma - havola
▫️JS Clean Code - havola
▫️JavaScript bo'yicha kitoblar - havola
▫️JavaScript algoritmlar - havola
▫️JS Dasturchilar bilishi kerak bo'lgan 33 tushuncha - havola
▫️JS savol , javob - havola

👉🏼 @Frontend 👈🏼

👍7🔥3

1.41K views14:59

Frontend

Frontend vacancy

#js #vakansiya

💼 Lavozim: JS/C++ Mentor

Rus tilini biladigan, JS bilimi kuchli bo'lganlar uchun vakansiya 👆🏻

👉🏼 @Frontend 👈🏼

🔥3

687 views15:33

Frontend

Frontend vacancy

#js #bootstrap #vakansiya

💼 Lavozim: Frontend dasturchi

JavaScript'ni yaxshi biladigan va ozrlq real loyihada qatnashganlar uchun yaxshi imkoniyat 👆🏻

👉🏼 @Frontend 👈🏼

👍5🔥1

811 views22:53

Frontend

Frontend vacancy

👩‍💻 #js #vakansiya

👤 Lavozim: Frontend dasturchi

Frontend Mentor, vakansiya 👆🏻

🔥4

935 views05:24

Frontend

#js #leetCode #frontend

⚙️ JavaScript va Leetcode'da masala ishlash bo'yicha o'zbek tilida bepul darslar

Videoga havola

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍6🔥3

1.56K viewsedited 19:31

Frontend

#js #library #frontend

🔔

Top JavaScript bildirishnoma kutubxonalari

— SweetAlert
— React-Toastify
— Toastr
— Essential JS 2
— chakra-ui/alert
— Vue Toastification
— Sonner
— Awesome Notifications

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍7🔥2

1.53K views06:03

Frontend

#js #quiz #frontend

Console'ga nima chiqadi?

@frontend | Happy Coding

🔥10👍8

3.02K views02:00

Frontend

#tools #js #frontend

es-toolkit — bu JavaScript uchun yengil va yuqori samarali utilit kutubxona. U lodash ga o‘xshash funksiyalarni taqdim etadi, lekin 97% kichikroq hajmga ega va 2-3 marta tezroq ishlaydi. es-toolkit zamonaviy frontend ilovalarda ma'lumotlar bilan ishlashni soddalashtiradi.

🔗 Batafsil: Veb sayt | GitHub

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

👍11🔥6

3.55K views13:00

Frontend

0:14

This media is not supported in your browser

VIEW IN TELEGRAM

#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

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥17👍5

2.14K viewsedited 09:33

Frontend

#js #pdf #frontend

2025-yildagi eng yaxshi 4 ta bepul JavaScript PDF Viewer

Agar siz web-ilovangizga PDF ko‘ruvchi integratsiya qilmoqchi bo‘lsangiz, to‘g‘ri JavaScript kutubxonasini tanlash juda muhim.

1️⃣

PDF.js (Mozilla)

- Mozilla tomonidan ishlab chiqilgan va muntazam yangilanadi
- Brauzerda to‘g‘ridan-to‘g‘ri ishlaydi, yengil va tezkor
- Vanilla JS hamda React, Vue, Angular bilan ishlaydi

👩‍💻 GitHub: https://github.com/mozilla/pdf.js

2️⃣

PDF-LIB

- Yaratish, o‘zgartirish va ko‘rish imkoniyati bor
- Client-side) ishlaydi
- Dinamik PDF o‘zgartirish uchun juda qulay

👩‍💻 GitHub: https://github.com/Hopding/pdf-lib

3️⃣

React-PDF

- React ilovalari uchun eng ommabop
- PDF.js aosida ishlaydi va React komponent sifatida foydalanish mumkin
- Sahifalar bo‘ylab harakatlanish, zoom va boshqa funksiyalarni qo‘llab-quvvatlaydi

👩‍💻 GitHub: https://github.com/Hopding/pdf-lib

4️⃣

ng2-pdf-viewer

- Angular uchun eng yaxshi variantlardan
- Zoom, aylantirish, va boshqa funksiyalarga ega
- PDF.js asosida ishlaydi

👩‍💻 GitHub: https://github.com/VadimDez/ng2-pdf-viewer

*Umumiy maqsadlar uchun PDF viewer, PDF.js yaxshi

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥10👍4

3.99K viewsedited 12:30

About

Blog

Apps

Platform