جاوااسکریپت | JavaScript
511 subscribers
654 photos
140 videos
3 files
512 links
کانال @IR_javascript حاوی اطلاعات مفید در حوزه برنامه نویس فرانت که بصورت روزانه بروز می‌شود.
در این کانال شما به:
[1] مطالب تازه
[2] تحلیل‌های عمیق
[3] نکات آموزشی
[4] چالش
[5] ابزار و راهنمایی‌های کاربردی
دسترسی خواهید داشت.

🆔@IR_javascript
Download Telegram
Notification API

یک API مرورگر وب که به برنامه های کاربردی وب اجازه می دهد حتی زمانی که برنامه فعال نیست، اعلان ها را برای کاربر ارسال کنند.

در نظر گرفتن چه چیزی مهم است؟
✔️ کاربر باید اجازه دهد تا اعلان هایی برای وب سایت شما ارائه شود.
✔️ کاربر می تواند اعلان ها را غیرفعال کند یا نمایش آنها را در تنظیمات مرورگر محدود کند.
✔️ اعلان ها می توانند قابل کلیک باشند، به این معنی که کاربر می تواند با آنها تعامل داشته باشد. به عنوان مثال، به این صورت می توانیم به یک صفحه جدید برویم:
 notification.onclick = function() {
window.open('https://www.example.com', '_blank');
};

در نتیجه ابزاری مفید برای اطلاع رسانی به کاربران از رویدادهای مختلف، یادآوری ها و سایر پیام های مهم است.

🔗https://developer.mozilla.org/en-US/docs/Web/API/Notification

#️⃣#tip
🆔@IR_javascript
👍3🔥1
تابع attr()

یک تابع CSS که می تواند مقدار هر attribute عنصر را دریافت کند و سپس مستقیماً از این مقدار در استایل ها استفاده کند

رایج ترین موارد استفاده از این تابع ایجاد یک tooltip و همچنین نمایش مقدار ویژگی href در لینک ها هنگام پرینت صفحه است.
@media print {
a::after {
content: " [" attr(href) "]";
}
}



#️⃣#tip
🆔@IR_javascript
👍2🔥1
‌‌‏Monolith یک ابزار CLI برای ذخیره کامل صفحات وب

مونولیت نه تنها سند html مورد نظر را ذخیره می کند، بلکه دارایی های CSS، تصویر و جاوا اسکریپت را به یکباره دانلود می کند و یک سند HTML5 تولید می کند که ذخیره و اشتراک گذاری آن راحت است و صفحه ذخیره‌شده را دقیقاً به همان شکلی که در اینترنت بود ارائه می دهد، حتی زمانی که اتصال شبکه در دسترس نیست.

🔗https://crates.io/crates/monolith


#️⃣#tool
🆔@IR_javascript
Howler.js

یک کتابخانه جاوا اسکریپت مدرن برای پخش صدا که به طور پیش‌فرض از Web Audio API استفاده می‌کند و در صورت وجود نداشت، از HTML5 Audio استفاده می‌کند.

🔗https://howlerjs.com/

#️⃣#npm_module
🆔@IR_javascript
در خروجی چه خواهد بود؟
Anonymous Quiz
66%
"53" , 2
16%
"53" , "23"
16%
8 , 2
1%
8 , "23"
ناهنجاری #سر_به_جلو

خیلی از مشاغل امروز باعث میشه ما سرمون رو بدون اینکه خودمون متوجه باشیم به سمت جلو ببریم و یواش یواش دچار گردن درد، بعضی اوقات سر درد ، گرفتگی در ناحیه شانه ، فشار در ناحیه مهره های گردنی و همچنین درگیر شدن اعصابی که از مهره های گردنی به سمت شانه ها رفته و تا انگشتان دست کشیده میشه،میشوند و گاهی به سندرم تونل کارپال هم دچار میشوند [+منبع].

#️⃣#exercise
🆔@IR_javascript
GigaCode — یک دستیار هوش مصنوعی برای توسعه دهندگان است که با ارائه احتمالی ترین و مرتبط ترین پیشنهادات، فرآیند نوشتن کد را تسریع می کند.
🔗https://gigacode.ru/

#️⃣#tool
🆔@IR_javascript
👍2
Editor.js

کتابخانه ای که به شما امکان ایجاد ویرایشگرهای متنی ساده و زیبا را می دهد که بر اساس اصل ویرایش به سبک Block است. Editor.js به راحتی در پروژه شما ادغام می شود.
🔗https://editorjs.io/

#️⃣#npm_module
🆔@IR_javascript
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
حرکات اصلاحی
امروزه بی تحرکی و پشت میز نشینی یکی از معضلات جامعه کنونی است که می تواند منجر به ایجاد عارضه #سر_به_جلو و افتادگی شانه‌ها گردد.
حرکت اصلاحی بالا آوردن دست‌ها خوابیده به شکم با تقویت عضله ذوزنقه‌ای میانی و کمربند شانه‌ای به بهبود این عارضه کمک کند [+منبع].

#️⃣#exercise
🆔@IR_javascript