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

🆔@IR_javascript
Download Telegram
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
This media is not supported in your browser
VIEW IN TELEGRAM
Safe alignment flexbox

‏safe alignment — باعث می شود که مرورگر همیشه عناصر را در دسترس کاربر قرار دهد و هیچ محتوایی در حالت ریسپانسیو از بین نمی رود.

.container {
display: flex;
flex-direction: column;
align-items: center;
width: 48%;
}

//وضعیت محتوا در مناسب نیست و وقتی به ابتدا آن اسکرول می کنید بخشی از اطلاعات از دست رفته است


.container {
display: flex;
flex-direction: column;
align-items: safe center;
width: 50%;
}

//در این حالت وقتی به ابتدا آن اسکرول می کنید همه محتوا در دسترس است



🔗https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/

#️⃣#tip #css
🆔@IR_javascript
Number() vS parseInt()

برای تبدیل رشته ها به اعداد استفاده می شود، اما در رفتار و نحوه تجزیه داده های ورودی متفاوت است


تابع Number() برای تبدیل انواع ورودی به اعداد، از جمله اعداد دارای ممیز شناور، تطبیق پذیرتر است و در مورد قالب رشته ورودی دقیق تر است.
تابع parseInt () برای خواندن اعداد صحیح از رشته هایی که ممکن است دارای کاراکترهای دیگری باشند، مناسب تر است و اجازه می دهد تا کنترل بهتری داشته باشید.
این توابع مقادیری مانند تهی، بولین و رشته های خالی را متفاوت مدیریت می کنند، بنابراین در انتخاب خود دقت کنید.

#️⃣#tip
🆔@IR_javascript
👍1
تمرینات جامع اصلاحی برای اصلا وضعیت #سر_به_جلو [+منبع].

#️⃣#exercise
🆔@IR_javascript
😱1