سبک زندگی برنامه‌نویسی

۱۲ مطلب با کلمه‌ی کلیدی «javascript» ثبت شده است

معرفی zdog - موتور شبه سه بعدی برای canvas و svg

امروز به پروژه‌ای برخوردم که نظرم را جلب کرد. کتابخانه‌ای سبک برای جاوا اسکریپت به نام zdog که به برنامه‌نویسان جاوا اسکریپت این امکان را میدهد به سادگی چند خط کد مدلهای ۳ بعدی روی canvas یا svg بسازند و در صفحات خود استفاده کنند.

کار با این کتابخانه بسیار ساده است و مثال‌ها و افزودنی‌های زیادی هم به همراه خود دارد و از ساخت تا انیمیت کردن مدل‌ها استفاده آنها با یکدیگر را میتوانید در سایت رسمی آن بیاموزید.


پیوندهای بیشتر

۰۸ خرداد ۹۸ ، ۰۸:۳۷ ۰ نظر
چهارشنبه, ۲۸ مهر ۱۳۹۵، ۱۰:۴۹ ق.ظ
نود نسخه‌ی ۶.۹.۰ با پشتیبانی طولانی مدت

نود نسخه‌ی ۶.۹.۰ با پشتیبانی طولانی مدت

نسخه‌ی ۶.۹.۰ به عنوان خط شروعی برای نسخه‌ی با پشتیبانی طولانی مدت ( LTS ) نود‌جی‌اس با اسم رمز "Boron" منتشر شد. با انتشار این نسخه، نسخه‌ی ۶ نود به پشتیبانی طولانی مدت فعال تبدیل شد، یعنی این نسخه تا آوریل سال ۲۰۱۸ پشتیبانی می‌شود و بعد از این زمان، قبل از پایان زمان حیاتش تا آوریل سال ۲۰۱۹ همچنان نگه‌داری می‌شود.


اگر کاربر Nodejs یا حتی جاوا اسکریپت در سمت کاربر هستید، انتشار این نسخه زمان خوبی برای آپگرید به نسخه‌ی با پشتیبانی طولانی مدت از نسخه‌ی ۴ به نسخه‌ی ۶ است.


۲۸ مهر ۹۵ ، ۱۰:۴۹ ۰ نظر

JSON Server : سرور رست‌فول فیک

در حین توسعه گاهی اوقات  اتفاق میوفتد که لازم داریم سرور رستی را که هنوز کامل نشده است در سمت فرانت‌اند تست کنیم و کامل نبودن این سرور حتی تست‌های کوچک را هم ناممکن میکند.
بسته‌ی JSON Server به نوعی این مشکل را حل کرده و به شما این امکان را میدهد تا در چند ثانیه یک سرور فیک برای ای پی آی خود بسازید و امتحانش کنید.
برای نصب این بسته باید nodejs و مدیر بسته ی npm را روی سیستم خود نصب داشته باشید و با دستور زیر آن را نصب کنید :
npm install -g json-server
 و سپس در یک فایل با پسوند json اسکیم دیتابیس خود را  ( مانند db.json ) مینویسیم .مانند مثال زیر :

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}
و در آخر با دستور زیر وب‌سرور تست ای پی آی خود را اجرا میکنیم :
json-server --watch db.json
حالا سرور تست شما روی پورت ۳۰۰۰ در لوکال‌هاست دردسترس است.


۱۹ ارديبهشت ۹۵ ، ۲۱:۵۰ ۰ نظر
يكشنبه, ۴ بهمن ۱۳۹۴، ۱۰:۱۰ ب.ظ
نمایش بج و ویدیو در favicon مرورگر با favico.js

نمایش بج و ویدیو در favicon مرورگر با favico.js

favicon‌ها در وبسایت‌ها همیشه بخشی از جذابیت صفحات وب هستند و وبسایت‌هایی که شمایل مختص خود را ندارند در نگاه اول شاید جذاب به نظر نرسند. با این حال استفاده از فرم کلاسیک این شمایل‌ها شاید آنقدرها شما را به خود جذب نکند و به فکر تنوعی در آنها باشید.

کتابخانه‌ی favico.js یک کتابخانه‌ی کاربردی برای ساخت و دستکاری favicon های وب است و امکانات آن هر اهل ذوقی را به وجد می آورد. کتابخانه‌ای که بصورت آزاد روی گیتهاب منتشر شده است.

اولین امکان این کتابخانه قابلیت نمایش تعداد نوتیفیکیشن‌ها بصورت بج روی فیوآیکون اصلی شماست برای مثال فرض کنید تعداد نوتیفیکیشن‌های فیسبوکتان روی نقطه‌ای قرمز روی favicon آن صفحه نمایش داده شود و شاید یکی از بهترین کاربردهای آن مطلع سازی کاربران از اعلانات سایت بدون رفتن به تب آن سایت و تنها با مشاهده‌ی favicon آن در مرورگر باشد.

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

و امکان خوب دیگری که این کتابخانه ارایه میدهد قابلیت نمایش تصویر کاربرتان از طریق وبکم کامپیوتر او بجای favicon سایت شماست. این قابلیت با استفاده‌ از قابلیت‌های webrtc روی مرورگرهای مدرن پیاده‌سازی شده است.

اگر فکر میکنید که این امکانات به سایت شما جذابیت میبخشد آنها را در صفحه رسمی پروژه امتحان کنید.

۰۴ بهمن ۹۴ ، ۲۲:۱۰ ۰ نظر
دوشنبه, ۲۸ دی ۱۳۹۴، ۰۲:۰۰ ب.ظ
وب‌تورنت، بیت‌تورنت روی webRTC

وب‌تورنت، بیت‌تورنت روی webRTC

شبکه‌های همتا به همتا در سالیان گذشته رشد زیادی به خود دیده‌اند. از همه‌گیر شدن تورنت تا استانداردهایی آزاد برای وب مانند webRTC و استفاده‌ی مداوم آنها در ابزارهای مدرن همه نشان از رشد دنیای ارتباطی به این سمت و سو دارد. شبکه‌های همتا به همتا ( peer-to-peer ) به شبکه‌هایی میگویند که بجای تبادل داده‌ با استفاده‌از یک سرور مرکزی، افراد مستقیما به همدیگر متصل شده و عملیات تبادل داده را انجام میدهند.

فروس ابوخدیجه، یکی از پرکارترین برنامه‌نویسان این روزهای دنیای جاوااسکریپت، مدتهاست که روی یک کلاینت وب برای بیت‌تورنت کار میکند به نام وب‌توررنت که با استفاده از مرورگر و البته قدرت webRTC میتوانید از تورنت استفاده کنید.

این کلاینت به زبان جاوااسکریپت نوشته شده و تحت مجوز MIT منتشر شده است و به راحتی میتوانید آن را درپروژه‌های آتی خود استفاده کنید.  وبسایت رسمی این پروژه هم مثال خوبی از قدرت این ابزار  را درصفحه‌ی ابتدایی خود نمایش میدهد. با ورود به این وبسایت در دریافت و ارسال انیمیشن سینتل مشارکت میکنید و همزمان وبسایت اقدام به استریم و پخش این انیمیشن روی تورنت میکند.


۲۸ دی ۹۴ ، ۱۴:۰۰ ۱ نظر
يكشنبه, ۲۷ دی ۱۳۹۴، ۱۰:۲۰ ب.ظ
بررسی ویژگی‌های مرورگرها با Feature.js

بررسی ویژگی‌های مرورگرها با Feature.js

دنیای استانداردهای وب با سرعت در حال رشد و پیشرفت است و هرروز مباحث زیادی در کنسرسیوم وب جهانی از داوطلبان و مهندسان در نقاط مختلف دنیا برای اضافه کردن ویژگی‌های جدید برای ساختن آینده‌ی وب برگزار می‌شود. بسیاری از استانداردها در مرورگرهای مدرن پیاده‌سازی شده‌اند و البته همیشه افرادی هستند که مرورگرشان در آخرین نسخه‌ها نباشد و البته مرورگرها هم همیشه درمورد همه‌ی استانداردها توافق ندارند و پیاده‌سازی ویژگی‌های جدید را به تاخیر می‌اندازند.


از طرفی این مسائل برای برنامه‌سازان و طراحان سیستم مشکلات زیادی را ایجاد میکند و در طراحی برنامه‌هایی که از استانداردهای جدید مانند webGL، webRTC و ... استفاده میکنند برنامه‌نویسان همواره باید بررسی کنند که مرورگر مورد استفاده‌ی کاربر از آن ویژگی‌ها بخوبی پشتیبانی میکند یا نه.


کتابخانه‌ی Feature.js یک کتابخانه‌ی ساده و سبک ( ۱kb ) برای بررسی پشتیبانی مرورگرها از تکنولوژی‌ها و استانداردهای مختلف وب در مرورگر است. با استفاده ازین کتابخانه نیازی نیست بنا به شرایط مرورگرهای مختلف کدهای زیاد و پیچیده ( به همت جاوااسکریپت! ) بنویسید و کار این بررسی‌ها را برای شما ساده میکند و البته هیچ نیازمندی هم خاصی ندارد.

۲۷ دی ۹۴ ، ۲۲:۲۰ ۰ نظر