array metodidan filter() bilan tanishamiz.➡️ https://telegra.ph/JS-arrayfilter-06-16 ⬅️
👉🏼 @Junior_Developer | #js #tutorial
Telegraph
JS array/filter() 🧲
filter() JavaScript array metodidir va bir arrayning elementlarini filtratsiya qilish uchun ishlatiladi. Ushbu metod, berilgan shartlarga mos keluvchi elementlarni tanlash va yangi bir array qaytaradi, filtratsiya natijasida qolgan elementlarni o'z ichiga…
👍3
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
P.S Siz buni bilarmidingiz 💬
🚀 Tanishlarga yuborib qo'yamiz.!
👉🏼 @Junior_Developer | #js #life_hack
🔥4
#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
Foydali kontent uchun OBUNA bo'ling!
👉🏼 @frontend 👈🏼
🔂 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 JavaScriptFoydali kontent uchun OBUNA bo'ling!
👉🏼 @frontend 👈🏼
⚡1👍1
#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 👈🏼
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 👈🏼
🖱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 👈🏼
let a = 5;👉🏻 @FrontendIQ > #js
let b = a-- + ++a;
let c = a++ - --b;
console.log(a+b+c);
⚡7👍1
#js
Topshiriq: Massivdagi har bir elementni sonini aniqlash.
Yechim:
Natija:
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 👈🏼
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
#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 👈🏼
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 #bootstrap #vakansiya
💼 Lavozim: Frontend dasturchi
💼 Lavozim: Frontend dasturchi
JavaScript'ni yaxshi biladigan va ozrlq real loyihada qatnashganlar uchun yaxshi imkoniyat 👆🏻
👉🏼 @Frontend 👈🏼
👉🏼 @Frontend 👈🏼
👍5🔥1
#js #leetCode #frontend
Videoga havola
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥3
#js #library #frontend
— 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
#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.
@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
Kodlar izohda
@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍5