This media is not supported in your browser
VIEW IN TELEGRAM
یک کتابخانه جاوااسکریپت کوچک اما قدرتمند که برای ارائه ویژگی تازهسازی باکشیدن (pulltorefresh)برای برنامههای وب شما طراحی شده است. هیچ نشانگذاری لازم نیست، قابلیت سفارشیسازی بالا و بدون وابستگی!
🔗https://www.boxfactura.com/pulltorefresh.js/
#️⃣#npm_module
🆔@IR_javascript
🔗https://www.boxfactura.com/pulltorefresh.js/
#️⃣#npm_module
🆔@IR_javascript
اخیراً Stackblitz محصول جدیدی به نام WebContainers را عرضه کرده است که به توسعه دهندگان اجازه می دهد محیط های Node.js full stack را در داخل مرورگر ایجاد کنند که به سرعت بارگذاری می شود و همراه با VS Code، ترمینال NPM و موارد دیگر است.
وهمه این موارد در سمت کلاینت انجام میشه یعنی میشه node رو روی مرورگر نصب کرد 🤯
🔗https://webcontainers.io/guides/quickstart
#️⃣#npm_module
🆔@IR_javascript
وهمه این موارد در سمت کلاینت انجام میشه یعنی میشه node رو روی مرورگر نصب کرد 🤯
🔗https://webcontainers.io/guides/quickstart
#️⃣#npm_module
🆔@IR_javascript
PDFKit یک کتابخانه جاوااسکریپت است که برای ایجاد و ویرایش فایلهای PDF استفاده میشود. این کتابخانه به عنوان یک ابزار قدرتمند برای تولید گزارشات، فاکتورها، اسناد و ... در قالب PDF مورد استفاده قرار میگیرد. PDFKit امکانات مختلفی برای طراحی و سفارشیسازی صفحات PDF ارائه میدهد و به کاربران امکان مدیریت فایلهای PDF را با استفاده از جاوااسکریپت میدهد.
🔗https://pdfkit.org/
#️⃣#npm_module
🆔@IR_javascript
🔗https://pdfkit.org/
#️⃣#npm_module
🆔@IR_javascript
استفاده از JavaScript Web Bluetooth API برای تعامل با دستگاه های بلوتوث
Web Bluetooth API به برنامه های کاربردی وب اجازه می دهد تا از طریق مرورگر با دستگاه های بلوتوث نزدیک مانند سنسورها، مانیتورهای سلامت و چاپگرها تعامل داشته باشند
Web Bluetooth API به برنامه های کاربردی وب اجازه می دهد تا از طریق مرورگر با دستگاه های بلوتوث نزدیک مانند سنسورها، مانیتورهای سلامت و چاپگرها تعامل داشته باشند
🔗https://medium.com/@michael.brenner.software/bluetooth-with-javascript-a873607efee4
#️⃣#tip
🆔@IR_javascript
Web Bluetooth API به برنامه های کاربردی وب اجازه می دهد تا از طریق مرورگر با دستگاه های بلوتوث نزدیک مانند سنسورها، مانیتورهای سلامت و چاپگرها تعامل داشته باشند
Web Bluetooth API به برنامه های کاربردی وب اجازه می دهد تا از طریق مرورگر با دستگاه های بلوتوث نزدیک مانند سنسورها، مانیتورهای سلامت و چاپگرها تعامل داشته باشند
navigator.bluetooth.requestDevice({
filters: [{ services: ['battery_service'] }]
})
.then(device => {
console.log('دستگاه بلوتوث پیدا شد:',device.name);
})
// سپس می توانید با دستگاه تعامل داشته باشید
.catch(error => {
console.erroг('خطا هنگام جستجوی دستگاه بلوتوث:', error);
});
🔗https://medium.com/@michael.brenner.software/bluetooth-with-javascript-a873607efee4
#️⃣#tip
🆔@IR_javascript
کتابخانه ای برای تولید داده های جعلی را در مرورگر و node.js
💌 مکان ها - آدرس های معتبر، کد پستی، نام خیابان ها، ایالت ها و کشورها
⏰ داده های مبتنی بر زمان - گذشته، حال، آینده، اخیر، به زودی ... هر زمان!
🌏 محلی سازی - زبانی را برای ایجاد نام ها، آدرس ها و شماره تلفن های واقعی انتخاب کنید.
💸 امور مالی - جزئیات حساب، تراکنش ها و آدرس های رمزنگاری شده
👠 محصولات - قیمت ها، نام محصولات، صفت ها و توضیحات
👾 اصطلاحات تخصصی هکر
🧍 نام ها - انسان های مجازی با هویت کامل آنلاین و آفلاین
🔢 اعداد - اعداد و رشته های تصادفی
🔗fakerjs.dev
#️⃣#npm_module
🆔@IR_javascript
💌 مکان ها - آدرس های معتبر، کد پستی، نام خیابان ها، ایالت ها و کشورها
⏰ داده های مبتنی بر زمان - گذشته، حال، آینده، اخیر، به زودی ... هر زمان!
🌏 محلی سازی - زبانی را برای ایجاد نام ها، آدرس ها و شماره تلفن های واقعی انتخاب کنید.
💸 امور مالی - جزئیات حساب، تراکنش ها و آدرس های رمزنگاری شده
👠 محصولات - قیمت ها، نام محصولات، صفت ها و توضیحات
👾 اصطلاحات تخصصی هکر
🧍 نام ها - انسان های مجازی با هویت کامل آنلاین و آفلاین
🔢 اعداد - اعداد و رشته های تصادفی
🔗fakerjs.dev
#️⃣#npm_module
🆔@IR_javascript
کتابخانه Drag and Drop FormKit یک کتابخانه کوچک برای افزودن مرتبسازی و Drag and Drop به لیستها در برنامههای شما است. این کتابخانه ساده، انعطافپذیر، بدون وابستگی به فریم ورک و تنها ۴ کیلوبایت و فشردهشده است.
🔗drag-and-drop.formkit.com/
#️⃣#npm_module
🆔@IR_javascript
🔗drag-and-drop.formkit.com/
#️⃣#npm_module
🆔@IR_javascript
Iconify چارچوب آیکون چند منظوره
شامل بیش از 150 مجموعه آیکون با بیش از 200،000 آیکون .
🔗https://iconify.design/
#️⃣#npm_module
🆔@IR_javascript
شامل بیش از 150 مجموعه آیکون با بیش از 200،000 آیکون .
🔗https://iconify.design/
#️⃣#npm_module
🆔@IR_javascript
استفاده از JavaScript Performance API برای اندازه گیری عملکرد برنامه وب
Performance API به شما این امکان را می دهد که عملکرد برنامه های وب را اندازه گیری کنید، مانند زمان لازم برای تکمیل عملیات خاص و بارگیری منابع، که می تواند برای بهینه سازی کد مفید باشد.
#️⃣#tip
🆔@IR_javascript
Performance API به شما این امکان را می دهد که عملکرد برنامه های وب را اندازه گیری کنید، مانند زمان لازم برای تکمیل عملیات خاص و بارگیری منابع، که می تواند برای بهینه سازی کد مفید باشد.
const startTime = performance.now();
// کدی که می خواهید عملکرد آنرا اندازه گیری کنید
const endТime = performance.now();
console.log('زمان بین شروع و اتمام فرآیند:', endТime - startTime,'MC');
#️⃣#tip
🆔@IR_javascript
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
یک کتابخانه برای ایجاد تجربیات چند دستگاهی
🔗https://github.com/paulsonnentag/swip?tab=readme-ov-file
#️⃣#npm_module
🆔@IR_javascript
🔗https://github.com/paulsonnentag/swip?tab=readme-ov-file
#️⃣#npm_module
🆔@IR_javascript
استفاده از JavaScript History API برای مدیریت تاریخچه مرورگر
History API به شما این امکان را می دهد که تاریخچه مرورگر خود را با افزودن، تغییر یا حذف ورودی های تاریخ بدون بارگیری مجدد صفحه دستکاری کنید.
#️⃣#tip
🆔@IR_javascript
History API به شما این امکان را می دهد که تاریخچه مرورگر خود را با افزودن، تغییر یا حذف ورودی های تاریخ بدون بارگیری مجدد صفحه دستکاری کنید.
window.history.pushState({ page: 'newPage' }, '','new-page.html');
#️⃣#tip
🆔@IR_javascript
👍1
برنامه چک لیست Front-End ایدهآل برای وبسایتهای مدرن و توسعهدهندگان دقیق
🔗https://frontendchecklist.io/
#️⃣#tool
🆔@IR_javascript
🔗https://frontendchecklist.io/
#️⃣#tool
🆔@IR_javascript
راهی برای ارائه زیباتر نمودارهای ASCII
Mermaid به شما اجازه می دهد تا با استفاده از متن و کد، نمودار و فلوچارت ایجاد کنید.
🔗https://mermaid.js.org/
#️⃣#npm_module
🆔@IR_javascript
Mermaid به شما اجازه می دهد تا با استفاده از متن و کد، نمودار و فلوچارت ایجاد کنید.
🔗https://mermaid.js.org/
#️⃣#npm_module
🆔@IR_javascript
👍1