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

🆔@IR_javascript
Download Telegram
‏JS Console Bot يك ربات تلگرامي هست كه می تواند به یک چت متصل شود. به پیام ها گوش می دهد و کد هاي javascript را اجرا کند.


🔗https://t.me/okjs_bot
🔗https://github.com/OleksiyRudenko/jsconsole-bot

#️⃣#tool
🆔@IR_javascript
👍1👎1
This media is not supported in your browser
VIEW IN TELEGRAM
سوپر ماریو تعاملی - انیمیشن Super Mario که با استفاده از SCSS و جاوا اسکریپت (بدون استفاده از three.js و يا canvas) ساخته شده است. کنترل با استفاده از صفحه کلید انجام می شود

🔗https://codepen.io/merchedev/pen/BaYqyNx

#️⃣#code
🆔@IR_javascript
استفاده از Gamepads و Joysticks در جاوا اسکریپت
گیم‌پدهای این روزها بسیار محبوب هستند، و بنابراین جای تعجب نیست که سطحی از پشتیبانی در جاوا اسکریپت برای این موضوع وجود داشته باشد. البته این موضوع بین مرورگرهای مختلف بسیار متغیر است.

window.addEventListener("gamepadconnected", (e) => {
console.log(
"Gamepad connected at index %d: %s. %d buttons, %d axes.",
e.gamepad.index,
e.gamepad.id,
e.gamepad.buttons.length,
e.gamepad.axes.length,
);
});


🔗https://beej.us/blog/data/javascript-gamepad/
🔗https://developer.mozilla.org/en-US/docs/Web/API/Gamepad

#️⃣#tip
🆔@IR_javascript
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
‏splitting.js — کتابخانه جاوااسکریپت برای تقسیم یک المان بر اساس کلمات، حروف، فرزندان و موارد دیگر


🔗https://splitting.js.org/

#️⃣#npm_module
🆔@IR_javascript
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
اشتراک NES
فیلد ورودی آدرس ایمیل سبک Super Mario با استفاده از jQuery و Splitting.js پیاده سازی شده است.

🔗https://codepen.io/cobra_winfrey/pen/OJVJJoj

#️⃣#code
🆔@IR_javascript
👍2😁1
‏Drizzle یک نوع مدرن ORM TypeScript است که می توانید در پروژه بعدی خود از آن استفاده کنید. وزن آن سبک و فقط 7.4 کیلوبایت است minified + gzipped شده است، shakeable با دقیقا 0 وابستگی است.

‏Drizzle در هر runtime اصلی جاوا اسکریپت مانند NodeJS، Bun، Deno، Cloudflare Workers، توابع Supabase، هر runtime Edge و حتی در مرورگرها کار می کند.

در ضمن عمکرد و پرفورمنس مناسب تری نسبت به prisma دارد که در لینک زیر به مقایسه این دو پرداخته است

🔗https://orm.drizzle.team/

#️⃣#npm_module
🆔@IR_javascript
دسترسی به جهت‌گیری دستگاه در جاوااسکریپت
window.addEventListener('deviceorientation', handleOrientation);

function handleOrientation(event) {
const alpha = event.alpha;
const beta = event.beta;
const gamma = event.gamma;
// Do stuff...
}


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

#️⃣#tip
🆔@IR_javascript
👍3🤯1
‏Autoprefixer —فایل CSS شما را تجزیه می کند و با استفاده از Can I Use، پیشوندهایی را به CSS اضافه می کند
توصیه شده توسط گوگل و در توییتر نیز استفاده شده است [ 1 ].
🔗https://autoprefixer.github.io/

[ 1 ] https://t.me/important_node_modules/36

#️⃣#tool
🆔@IR_javascript
👍2
متد getBattery اطلاعاتی در مورد باتری سیستم ارائه می دهد که با برخی از event ها می‌توانید نظارت بیشتری بر وضعیت باتری داشته باشید.
navigator.getBattery()
.then(function(batteryManager) {

// Get current charge in percentages.
var level = batteryManager.level * 100;

})
.catch(function(e) {
console.error(e);
});


🔗https://tutorialzine.com/2016/08/working-with-the-javascript-battery-api

#️⃣#tip
🆔@IR_javascript
👍2
‏Oxlint به طور پیش‌فرض طراحی شده است تا کدهای اشتباه یا بی‌استفاده را بدون نیاز به هیچ پیکربندی‌ای را شناسایی کند که چیزی حدود 50 - 100 برابر سریعتر از ESLint است و با تعداد هسته‌ها CPU مقیاس می‌شود.
البته این محصول در حالت GA قرار دارد و در حال بررسی نقاط ضعف و باگ های احتمالی می باشد اما باز خورد خوبی از جامعه برنامه نویسی دریافت کرده به عنوان مثال ایوان یو (خالق ویو جی اس) [+لینک]

🔗https://oxc-project.github.io/docs/guide/usage/linter.html

#️⃣#npm_module
🆔@IR_javascript
در خروجی چه خواهد بود؟
Anonymous Quiz
44%
20, 10
26%
10, 20
7%
20, error
22%
error, 10
‌‏Lightning CSS — An extremely fast CSS parser, transformer, bundler, and minifier.

‏Lightning CSS بیش از 100 برابر سریعتر از ابزارهای مشابه مبتنی بر جاوا اسکریپت است.

‏Lightning CSS با استفاده از cssparser وselectors ایجاد شده که به زبان Rust نوشته شده است.

🔗https://lightningcss.dev/

#️⃣#npm_module
🆔@IR_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
تابع min در css

یک یا چند مقدار را می گیرد که با کاما از هم جدا شده اند و کوچکترین آنها را برمی گرداند

#️⃣#tip #css
🆔@IR_javascript
1