تابع min در css

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

#️⃣#tip #css
🆔@IR_javascript

متد groupBy در جاوا اسکریپت

شاید جای خالی این متد همیشه توی جاوااسکریپت حس میشد. با متد groupBy می‌تونیم اعضای یک آرایه رو بر اساس یک پراپرتی مشترک بین اعضا گروه‌بندی کنیم. نکته‌ای که groupBy داره اینه که برعکس متدهای بالا، این متد به‌صورت استاتیک و از آبجکت گلوبال Object در دسترس هست.

🔗https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy

🔗https://ditty.ir/posts/es14-javascript-features/nY8r5

#️⃣#tip
🆔@IR_javascript

شجره نامه زبان های برنامه نویسی

#️⃣#tip
🆔@IR_javascript

کجا یک نقشه راه ایجاد کنیم: 10 سرویس برتر

خدماتی که برای ایجاد نقشه شغلی و موارد دیگر مناسب هستند.

🔗https://xmind.app/
🔗https://proglib.io/p/gde-sostavit-dorozhnuyu-kartu-top-10-servisov-2024-03-05

#️⃣#tool
🆔@IR_javascript

مدیریت Caps Lock در جاوا اسکریپت

به عقیده برخی Caps Lock بی فایده ترین کلید است؟ علاوه بر این، ممکن است آنرا در نامناسب ترین لحظه ها مثلاً هنگام وارد کردن رمز عبور فشار دهید و متوجه نشوید.
می توان قطعه کدی را به اپ اضافه کرد تا به کاربر در مورد فشار دادن Caps Lock هشدار دهد.

برای ردیابی اینکه آیا Caps Lock فعال است، از روش getModifierState استفاده می کنیم

document.querySelector('input[type=password]').addEventListener('keyup', function (keyboardEvent) {
    const capsLockOn = keyboardEvent.getModifierState('CapsLock');
    if (capsLockOn) {
        // در مورد فشار دادن Caps Lock هشدار می دهید؟
    }
});

#️⃣#tip
🆔@IR_javascript

کار با WebSockets

این کد نحوه برقراری اتصال WebSockets به سرور و ارسال و دریافت پیام‌ها را بصورت real time نشان می‌دهد. WebSocket ها به طور گسترده برای ایجاد برنامه های کاربردی وب تعاملی و real time استفاده می شوند.

const socket = new WebSocket('wss://example.com');
socket.onopen = () => {
    console.log('اتصال برقرار شد');
    socket.send('سلام سرور');
};

socket.onmessage = (event) =>  {
console.log('پیام دریافت شد:', event.data);
};
socket.onclose=() => {
console.log('اتصال بسته شد');
};

#️⃣#tip
🆔@IR_javascript

تبدیل گفتار فارسی به متن با جاوا اسکریپت
کد زیر را در مرورگر وارد کرده و صحبت کنید

const GetSpeech = () => {
  console.log("clicked microphone");
  const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
  let recognition = new SpeechRecognition();
  recognition.lang = 'fa-IR'
  recognition.continuous = true;
  recognition.interimResults = true;
  recognition.onstart = () => {
    console.log("starting listening");
  }
  recognition.onspeechend = () => {
    console.log("stopped listening");
    recognition.stop();
  }
  recognition.onresult = (result) => {
    for (var i = event.resultIndex; i < event.results.length; ++i) {
      console.log(result.results[i][0].transcript);
      if (event.results[i].isFinal) {
        console.log(result.results[i][0].transcript);
      }}}
  recognition.start();
}
GetSpeech()

دمو در لینک زیر
🔗https://codepen.io/Aghaie/pen/EzgdEo
🔗https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/interimResults

#️⃣#tip
🆔@IR_javascript

پلاگین برای بهینه سازی کدهای کند در VSCode.
افزونه نکاتی را برای بهینه سازی کد شما ارائه می دهد.

#️⃣#tool
🆔@IR_javascript

پین کد صفحه قفل موبایل

پین کد قفل صفحه گوشی موبایل. با استفاده از CSS و جاوا اسکریپت پیاده سازی شده است.
🔗https://codepen.io/codesuey/pen/LZwbxz

#️⃣#code
🆔@IR_javascript

مخزن جاوا اسکریپت تمیز .

این مخزن دستورالعمل هایی را برای نوشتن کدهای جاوا اسکریپت قابل خواندن و قابل استفاده مجدد ارائه می دهد.

بر اساس کتاب رابرت مارتین "کد تمیز" گرفته شده است.

می توانید از نسخه فارسی آن هم استفاده کنید
🔗https://github.com/hamettio/clean-code-javascript

#️⃣#learning
🆔@IR_javascript

پروکسی در جاوا اسکریپت

یک شی پراکسی برای بسته بندی یک شی دیگر (شیء هدف)استفاده می شود و اجازه می دهد تا رفتار آن رهگیری و اصلاح شود . این ابزار قدرتمندی است که به شما امکان می دهد کارهای مختلفی از جمله:

1. تبدیل داده ها : می توانید داده ها را قبل از ارسال به یک متد یا پس از دریافت آن از یک متد تغییر دهید.

2. اعتبارسنجی داده ها : می توانید از پروکسی برای اعتبارسنجی داده ها قبل از تنظیم یا خواندن از یک شی استفاده کنید.

3. پیاده سازی الگوی پروکسی : می تواند منطق اضافی را قبل یا بعد از فراخوانی متدها روی شی مورد نظر انجام دهد.

این فقط یک مثال ساده از استفاده از پروکسی در جاوا اسکریپت است. که نشان می دهد چگونه می توانید دسترسی به پروپرتی های یک شی را قطع کنید و منطق را قبل یا بعد از آن دسترسی اضافه کنید. برای ایجاد یک شیء Proxy، از تابع new Proxy استفاده کنید.



#️⃣#tip
🆔@IR_javascript

‏document.designMode همه عناصر موجود در صفحه قابل ویرایش می شوند.

اگر در پرینت نیاز به تغییر متن، حذف یک تصویر، تغییر عنوان و دیدن اینکه چگونه در صفحه به نظر می رسد دارید این ویژگی مناسب است.

#️⃣#tip
🆔@IR_javascript

nth Child of Selectors in CSS

#️⃣#tip #css
🆔@IR_javascript

استفاده از Promise.allSettled برای اجرای وعده هایی با نتایج متفاوت

‏Promise.allSettled به شما امکان می دهد بدون توجه به نتیجه، تمام وعده ها را اجرا کنید و در مورد هر یک از آنها اطلاعات کسب کنید.
🔗https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled

#️⃣#tip
🆔@IR_javascript

Services Card
انیمیشن زیبا با استفاده از CSS

🔗https://codepen.io/Gogh/pen/poqaPOM

#️⃣#code
🆔@IR_javascript

‏annyang— یک کتابخانه کوچک جاوا اسکریپت تشخیص گفتار که به کاربران شما امکان می دهد سایت شما را با دستورات صوتی کنترل کنند.

🔗https://github.com/TalAter/annyang

#️⃣#npm_module
🆔@IR_javascript