جاوااسکریپت | JavaScript

0:05

Liquid masking

🔗https://codepen.io/ksenia-k/pen/dyaeGgO

#️⃣#code
🆔@IR_javascript

331 views_, 07:30

منابع مفید برای یادگیری جاوا اسکریپت

Airbnb JavaScript Style Guide:
دارای یه سری راهنمایی ها و کانونشن ها برای نوشتن کد های جاوااسکریپت
🔗https://github.com/airbnb/javascript?tab=readme-ov-file

30secondsofcode:
مجموعه شامل طیف گسترده ای از توابع کمکی ES6 که راهنمایی هایی برای برخورد با داده های primitive، آرایه‌ها و اشیا، و همچنین الگوریتم‌ها، توابع دستکاری DOM و ابزارهای Node.js است.
🔗https://www.30secondsofcode.org/js/p/1/

javascript-algorithms:
این مخزن شامل نمونه های مبتنی بر جاوا اسکریپت از بسیاری از الگوریتم ها و ساختارهای داده محبوب است. هر الگوریتم و ساختار داده دارای README جداگانه خود با توضیحات و پیوندهای مرتبط برای خواندن بیشتر (از جمله به ویدیوهای YouTube) است.
🔗https://github.com/trekhleb/javascript-algorithms

#️⃣#learning
🆔@IR_javascript

345 views_, edited 15:31

طاعات و عباداتتون مقبول درگاه خداوند و عیدتون مبارک

#️⃣#event
🆔@IR_javascript

🎉9👎2😢1

172 views_, edited 18:45

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

439 views_, 23:30

0:06

Sliding Image Track

🔗https://codepen.io/Hyperplexed/details/MWXBRBp

#️⃣#code
🆔@IR_javascript

166 views_, 07:30

تابع attr()

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

رایج ترین موارد استفاده از این تابع ایجاد یک tooltip و همچنین نمایش مقدار ویژگی href در لینک ها هنگام پرینت صفحه است.

@media print {
  a::after {
    content: " [" attr(href) "]";
  }
}

#️⃣#tip
🆔@IR_javascript

👍2🔥1

318 views_, 15:30

‌‌‏Monolith یک ابزار CLI برای ذخیره کامل صفحات وب

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

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

#️⃣#tool
🆔@IR_javascript

271 views_, 00:30

Howler.js

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

🔗https://howlerjs.com/

#️⃣#npm_module
🆔@IR_javascript

286 views_, 08:30

0:05

Electric strings

🔗https://codepen.io/Mertl/pen/dybBPWx

#️⃣#code
🆔@IR_javascript

👍3

264 views_, 16:31

#️⃣#challenge
🆔@IR_javascript

318 views_, 00:30

در خروجی چه خواهد بود؟

Anonymous Quiz

85 voters340 views_, 00:30

0:52

0:55

0:56

ناهنجاری #سر_به_جلو

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

#️⃣#exercise
🆔@IR_javascript

314 views_, 03:30

0:14