Frontend
3.46K subscribers
382 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
#css


CSS inset xususiyati

Pozitsionlangan elementlarning top, right, bottom, va left xususiyatlariga mos keladigan qisqartma xususiyatidir. Elementning ota elementiga nisbatan barcha tomonlardagi masofani bir vaqtning o’zida belgilash imkonini beradi.

Bu css xususiyatini qo'llab-quvvatlash hozirda 98.36% tashkil etadi.

@frontend
16πŸ”₯4❀2
#css


πŸ‘©β€πŸ’» Tailscan - Tailwind CSS Developer Tools

TailwindCSS yordamida ishlab chiqilgan sahifalarni brauzerni o'zida debug qilish uchun foydali instrument. O’zgarishlarni real vaqt rejimida ko’rishingiz mumkin.

Havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯33❀1
This media is not supported in your browser
VIEW IN TELEGRAM
#css #codepen


πŸ—‚ Veb-saytda mijozlar uchun mahsulotlarni taqdim etishning qiziqarli usuli. Loyihani amalga oshirish uchun muallif CSS va GSAP.js kutubxonasidan foydalangan.

Kodga havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
❀53πŸ”₯2
Vohid Karimov va Azimjon Pulatovning Google'gacha bo'lgan yo'li va tajribalari haqida foydali video bo'libdi.

Bo'sh vaqtingizda ko'rishni tavsiya qilinadi.
πŸ“Ή https://www.youtube.com/live/9d2YAnpX6HI?si=NQTIRqmKzbvkziFs
Please open Telegram to view this post
VIEW IN TELEGRAM
4❀2πŸ”₯1
#javascript

alert(
{
valueof: function () {
return 2
},
} == 2
)


Natija qanday bo'ladi ❓
Please open Telegram to view this post
VIEW IN TELEGRAM
4πŸ”₯3😱3πŸ˜‡1
#api


βš™οΈ 5 ta eng yaxshi API test qilish vositalari

1. Keploy
2. Postman
3. SoapUI
4. Rapid API
5. REST-assured

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯8⚑11
Assalomu aleykum!

@FrontEnd jamoasi barchani Ramazon hayiti bilan chin yurakdan tabriklaydi 🌜
Please open Telegram to view this post
VIEW IN TELEGRAM
14❀103πŸ”₯1
This media is not supported in your browser
VIEW IN TELEGRAM
#react


βš™οΈ React bilan PDF yaratish

Yaqinda Onedoc dasturchilari React Print deb nomlangan UI to'plamini ishlab chiqishdi. U React va TypeScript yordamida PDF-fayllarni yaratish uchun mo'ljallangan. Uning yordami turli hujjatlar uchun shablonlarni tayyorlashingiz mumkin.

βš™οΈ GitHub

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯1143
This media is not supported in your browser
VIEW IN TELEGRAM
#react


React Three Fiber bilan interaktiv 3D Bulge matn effektini yaratish.

Saytingizni yanada qiziqarli ko'rsatadi

πŸ•Έ Demo βš™οΈ Code

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯10πŸ’―22
#javascript


let sum = 0;
for (let i = 0; i < 3; i++, sum++) {
sum *= i
}

console.log(sum);


Natija qanday bo'ladi ❓
Please open Telegram to view this post
VIEW IN TELEGRAM
😱9πŸ”₯22
Frontend
Natija qanday bo'ladi ❓
To'g'ti javobni tanlang!
Anonymous Quiz
24%
4
37%
0
17%
5
22%
ERROR
😱64πŸ‘2
#vscode


Babel JavaScript Visual Studio Code kengaytmasi, VSCode uchun JavaScript sintaksisini ajratib ko’rsatadi.

πŸ—“ Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯543❀1
#font


πŸ”€πŸ”€πŸ”€πŸ”€ Font of Web

Veb-saytlarning qanday shriftlardan foydalanganligini aniqlash va ularni yuklab olish uchun ishlatiladigan veb-saytdir.

Qaysi saytni font ma'lumotlarini bilmoqchi, foydalanmoqchi bo'lsangiz ushbu saytning url manzilini kiritsangiz yetarli.

πŸ”— https://fontofweb.com

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
5πŸ”₯22
This media is not supported in your browser
VIEW IN TELEGRAM
#hazil


Bu ko'pchilikni boshidan o'tkan bo'lsa kerak a?

@frontend
😁22πŸ’―22
#tutorial


⭐️ Frontend dasturlash bo'yicha Top 6 ta O'zbekzabon YouTube kanallar

1. Ulugbek Samigjonov
2. Samar Badriddinov
3. Muhammadjavohir Suratov
4. Saidbek Arislonov
5. Webbrain Academy
6. Akhror Web

*Siz ham o'zingiz bilgan eng yaxshilarini izohlarda yozib qoldiring

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
19πŸ”₯74
This media is not supported in the widget
VIEW IN TELEGRAM
😁174😱3❀2
#tools


β˜‘οΈ Front-End Checklist

Frontend dasturchilar uchun saytingizni optimallashtirish uchun resurs.

πŸ•Έ Saytga o'tish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯43πŸ‘11
#javascript #github


πŸ‘©β€πŸ’» Har bir Frontend dasturchi bilishi kerak bo'lgan 33 ta JavaScript tushuncha.

πŸš€ 2018 - yilda GitHub tomonidan eng zo'r opensource loyihalardan biri deb tan olingan.

βš™οΈ GitHubga havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
7πŸ”₯11
This media is not supported in the widget
VIEW IN TELEGRAM
😁1713⚑4πŸ‘2πŸ”₯1
This media is not supported in your browser
VIEW IN TELEGRAM
#javascript


πŸ“Ά navigator.onLine JavaScript API’si brauzerda internetga ulanish holatini tekshirish uchun ishlatiladi. Agar brauzer internetga ulangan bo’lsa, bu API true qiymatini qaytaradi, aks holda false qiymatini qaytaradi.

<div id="state">
<div id='ofline'>No internet Connection!</div>
</div>
<script>
function isOnline() {
return navigator.onLine;
}
if (isOnline()) {
state.innerHTML = "<div id='online'>Onlaynsiz βœ…</div>"
} else {
state.innerHTML = "<div id='ofline'>Intrnetga ulanmagansiz ❌</div>"
}
</script>


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
πŸ”₯1374