Forwarded from AyTi Arena
Yaxshilangan chaqiruvlar, yangi oΚ»chirish animatsiyasi va botlar uchun yirik yangilanish
β’ 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.
β’ 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.
β’ 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
Please open Telegram to view this post
VIEW IN TELEGRAM
β
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
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
#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
βοΈ 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
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
π 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
Composition API
ππΌ @frontend
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
ππΌ @frontend
β 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 ππΌ
JavaScript intervyuga tayyorlanayotgan yoki o'z bilimini oshirish, mustahkamlash istagida bo'lganlar uchun savollar to'plami.
ππΌ SAVOLLARNI KO'RISH
ππΌ @frontend ππΌ
π2π₯1
#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
#freelance
π Top 5 freelance saytlar:
1. UpWork
2. TopTal
3. Fiverr
4. PeoplePerHour
5. Hired
ππΌ @frontend ππΌ
π 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 ππΌ
ππΌ @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 ππΌ
π±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 ππΌ