Frontend
3.46K subscribers
383 photos
53 videos
23 files
364 links
Barchasi Frontend dasturlash haqida!

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

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @jaydariX
Download Telegram
Dasturchi va oddiy odamlarni farqi πŸ˜…

❀ @junior_developer | #memes
Please open Telegram to view this post
VIEW IN TELEGRAM
😁7
Forwarded from AyTi Arena
βœ‰οΈ Telegram 10.5 versiyaga yangilandi

Yaxshilangan chaqiruvlar, yangi oΚ»chirish animatsiyasi va botlar uchun yirik yangilanish

πŸ“ž Yaxshilangan chaqiruvlar
β€’ Qo'ng'iroqlar ko'rinishi butunlay o'zgartirildi, yangi animatsiyalar va rangli fonlar qo'shildi.
β€’ Fon rangi qoβ€˜ngβ€˜iroq bosqichiga qarab oβ€˜zgaradi: qoβ€˜ngβ€˜iroq paytida, qoβ€˜ngβ€˜iroq paytida va u tugaganidan keyin.
β€’ Yangilangan interfeys kamroq resurslarni sarflaydi, bu batareya quvvatini tejaydi va eski qurilmalarda yaxshi ishlaydi.
β€’ Yuzlab tuzatishlar kiritildi va aloqa sifati yaxshilandi.

πŸ™ˆ Xabarlarni o'chirishda yangi animatsiya
β€’ Ta'sirchan (va energiyani tejaydigan) erituvchi animatsiya endi iOS va Androidda har qanday xabarlarni o'chirishda mavjud.
β€’ Qurilmangizda animatsiya yoqilganligini Sozlamalar > Energiyani tejash orqali tekshirishingiz mumkin.

πŸ€– Misli koΚ»rilmagan botlar yangilanishi: reaksiyalar va boshqalar
β€’ Bot platformasi Telegram tarixidagi eng yirik yangilanishni oldi.
β€’ Endi siz xabarlarga reaktsiyalar yuborishingiz, reaktsiyalar va havolalarni boshqarishingiz, boshqa chatlarga javob berishingiz va boshqa ko'p narsalarni amalga oshirishingiz mumkin.
β€’ Kanallarda administrator huquqiga ega bo'lgan botlar endi sovrinlar o'yinlari va foydalanuvchilar ovozlari haqida ma'lumot olishlari mumkin.
β€’ Bot ishlab chiquvchilari bu yerda barcha yangi funksiyalarni tekshirishlari mumkin

Bu yangilanish haqida batafsil:
πŸ‘‰πŸ» MAQOLA

πŸ“± PlayMarket  | πŸ“± AppStore

✈️@TexnogramUz | #telegram
Please open Telegram to view this post
VIEW IN TELEGRAM
AnimatedSticker.tgs
19.7 KB
πŸ‘2😱1
βœ… Codier.io - Frontend dasturlash bo'yicha tajribangizni oshiring

Codier.io veb saytida ko'pgina qiziqarli vazifalar berib o'tilgan va vazifalar oson darajadan murakkab darajagacha mavjud. Bu vazifalar orqali HTML, CSS, JavaScript bo'yicha vazifalarni bajarish orqali tajribangizni yaxshigina oshirsangiz bo'ladi.

🌐 Veb saytiga o'tish β€” https://codier.io/

πŸ‘‰πŸ» @junior_developer
This media is not supported in your browser
VIEW IN TELEGRAM
Aralash tipografiya animatsiyasi πŸ”‘

🌐 Veb sayti β€” tympanus.net

πŸ‘‰πŸ» @junior_developer
#webapps #dev_tools #scroll

↕️ CSS Scrollbars uchun onlayn muharrir

Scrollbar.app - loyiha CSS scrollbarlarini yaratish uchun onlayn editor hisoblanadi. Ushbu loyihada scrollbar stilini, rangini, kengligini, uslubini va boshqa xususiyatlarni o'zgartirish uchun oson va intuitiv imkoniyatlar mavjud. Foydalanuvchi horizontal yoki vertikal scrollbar tanlashi va uning joylashuvi va uzunligini sozlashi mumkin.

Loyiha Vue 3 bilan qurilgan va ochiq manba kodi mavjud.

πŸ‘‰πŸ» @junior_developer
This media is not supported in your browser
VIEW IN TELEGRAM
DevTools-da yangilanish

DevTools v.122 yangilanishlari: rasmiy yozib olish kengaytmasi, yangi xronologiya funksiyasi, cookie-fayllar bilan yaxshilangan ishlash va boshqalar.

https://developer.chrome.com/blog/new-in-devtools-122?hl=en

πŸ‘‰πŸΌ @frontend
JavaScript-da JSON-ni o'qish va yozish

🌐 O'qish uchun link: https://blog.openreplay.com/how-to-read-and-write-json-in-javascript/

πŸ‘‰πŸΌ @frontend
✌️ Vue Options API dan Composition API migratsiyasi


Script / Options API
<script lang="ts">
export default {
data() {
return {
showHeaderMenu: false,
}
},
methods() {
toggleHeaderMenu() {
this.showHeaderMenu =
!this.showHeaderMenu;
},
}
}
</script>


Composition API
<script setup lang="ts">

const showHeaderMenu = ref(false);

const toggleHeaderMenu = () => {
showHeaderMenu.value =
!showHeaderMenu.value;
};

</script>


πŸ‘‰πŸΌ @frontend
TypeScript qaysi kompaniya tomonidan ishlab chiqilgan ?
Anonymous Quiz
38%
Google
5%
Tesla
48%
Microsoft
9%
ChatGPT
This media is not supported in your browser
VIEW IN TELEGRAM
#css

β€” Matn tanlashdagi user-select xususiyati orqali barcha matnni belgilash yoki tanlashni o'chirib qo'yish.

/* Birmarta bosish orqali barcha matnni tanlash */
p {
user-select: all;
}

/* Matn tanlashni o'chirib qo'yish */
p {
user-select: none;
}



πŸ‘‰πŸΌ @frontend
πŸ”₯3
#interview

JavaScript intervyuga tayyorlanayotgan yoki o'z bilimini oshirish, mustahkamlash istagida bo'lganlar uchun savollar to'plami.

πŸ‘‰πŸΌ SAVOLLARNI KO'RISH

πŸ‘‰πŸΌ @frontend πŸ‘ˆπŸΌ
πŸ‘2πŸ”₯1
⚑1πŸ‘1
πŸ˜‚

πŸ‘‰πŸΌ @frontend πŸ‘ˆπŸΌ
😁4
#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
#freelance

🌐 Top 5 freelance saytlar:

1. UpWork
2. TopTal
3. Fiverr
4. PeoplePerHour
5. Hired

πŸ‘‰πŸΌ @frontend πŸ‘ˆπŸΌ
This media is not supported in your browser
VIEW IN TELEGRAM
Html, Css ni o'zi bilan FrontEnd dasturchi bo'laman deb o'ylaganingizda 🀣

πŸ‘‰πŸΌ @frontend πŸ‘ˆπŸΌ
😁6
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 πŸ‘ˆπŸΌ