Frontend
3.68K subscribers
406 photos
61 videos
24 files
384 links
Barchasi Frontend dasturlash haqida!

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

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
JavaScript'da console obyektining ajoyib metodlari

P.S
Siz buni bilarmidingiz 💬

🚀 Tanishlarga yuborib qo'yamiz.!

👉🏼 @Junior_Developer | #js #life_hack
🔥4
JavaScript bo'yicha amalyot qilish uchun loyiha g'oyalari.

👉🏼 @Junior_Developer | #js #project
#quiz #js

What is the output?
 const list = [1 + 2, 1 * 2, 1 / 2];
console.log(list);
#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
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 👈🏼
#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 👈🏼
Miyyani press qiladigan joyi 😁

let a = 5;
let b = a-- + ++a;
let c = a++ - --b;

console.log(a+b+c);
👉🏻 @FrontendIQ > #js
7👍1
#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
Frontend vacancy
#js #tailwindcss #vakansiya

💼 Lavozim: Frontend dasturchi
Yangi vakansiya bilan tanishib chiqishingiz mumkin 👆🏻

👉🏼 @Frontend 👈🏼
🔥4
#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
Frontend vacancy
#js #vakansiya

💼 Lavozim: JS/C++ Mentor
Rus tilini biladigan, JS bilimi kuchli bo'lganlar uchun vakansiya 👆🏻

👉🏼 @Frontend 👈🏼
🔥3
Frontend vacancy
#js #bootstrap #vakansiya

💼 Lavozim: Frontend dasturchi
JavaScript'ni yaxshi biladigan va ozrlq real loyihada qatnashganlar uchun yaxshi imkoniyat 👆🏻


👉🏼 @Frontend 👈🏼
👍5🔥1
#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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥2
#js #quiz #frontend


Console'ga nima chiqadi?

@frontend | Happy Coding
🔥10👍8
#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
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