مقدمه‌ای بر ECMAScript 6

  • بوسیله: محسن شفیعی
  • در 1393/05/13 - 20:26
  • نظرات (6)
ECMAScript 6

ECMAScript 6

زبان جاوا اسکریپت در سال 1995 توسط Brendan Eich از شرکت Netscape ایجاد و به عنوان بخشی از مرورگر Netscape Navigator 2.0 شناخته شد. به این دلیل که این زبان مورد استفاده همه مرورگرها قرار بگیرید و یک زبان استاندارد شود آن را به سازمان ECMA International که سازمان استاندارد فن آوری اطلاعات و ارتباطات و لوازم الکترونیکی است میدهند و این سازمان نام آن را ECMAScript و تحت استاندارد ECMA-262 به تصویب میرساند.

ECMAScript تنها سازنده زبان جاوا اسکریپت نیست و پایه زبان‌های دیگر مانند Jscript و ActionScript نیز است.
نسخه 6 ECMAScript در حال توسعه است و پیشبینی می‌شود که تا انتهای سال 2014، مستندسازی آن به پایان برسد. این نسخه با نام Harmony نیز شناخته میشود.

در ادامه مطلب همراه ما باشید…

(بیشتر…)

نحوه ایجاد عناصر سفارشی در HTML

  • بوسیله: محسن شفیعی
  • در 1393/02/28 - 22:18
  • نظرات (9)
Web Components

Web Components

همانطور که میدانید در HTML تگ هایی به صورت پیشفرض وجود دارند که مخصوص عملیات خاصی در مرورگر هستند مانند تگ های p و a یا هر تگ دیگری که از آن استفاده میکنیم. در HTML5 ویژگی جدیدی به نام Custom Elements اضافه شده است که بخشی از Web Component است که با استفاده از آن میتوانید خودتان عناصر جدید با نام های جدید بسازید.

این ویژگی برای استفاده از Componentها که به صورت متعدد در یک اپلیکیشن استفاده می‌شوند مناسب است.

در ادامه مطلب همراه ما باشید…

(بیشتر…)

مقدمه‌ای بر Imports در HTML

  • بوسیله: محسن شفیعی
  • در 1393/02/03 - 12:40
  • یک نظر
Html Imports

Html Imports

HTML Imports تکنولوژی جدیدی است که میتواند نحوه ساخت سایتها را به نحوی تغییر دهد. در‌ واقع با استفاده از Imports میتوانید فایل‌های HTML را درون فایلهای دیگر فراخوانی (Import) کنید. اینکار چند مزیت دارد، که شامل قابلیت ساخت مجموعه‌ای از کدهای HTML, CSS و JavaScript که میتواند بین اپلیکیشن شما در اشتراک باشد و یا حتی میتواند درون وب به اشتراک گذاشته شود.

در حالی که این امکان نیز وجود دارد که با استفاده از AJAX، عملیات Imports را در JavaScript به صورت تمیزتری انجام داد.

در ادامه این مطلب میخواهیم این ویژگی را با ویژگی Template در HTML که قبلاً معرفی کردیم ترکیب کنیم.

(بیشتر…)

آشنایی با page visibility api در HTML5

  • بوسیله: محسن شفیعی
  • در 1393/01/16 - 14:34
  • نظرات (3)
اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

با استفاده از page visibility api در HTML5 میتوان وضعیت صفحه را در مرورگر کاربر تشخیص داد. برای مثال اگر کاربر روی صفحه دیگری فوکوس کرده باشد و صفحه ما مخفی باشد با استفاده از این API میتوان اینگونه تغیییرات را مطلع شد.

این API در وضعیت Recommendation قرار دارد و میتوان با آسودگی از آن استفاده کرد.

در ادامه مطلب همراه ما باشید…

(بیشتر…)

برنامه نویسی به صورت callback در جاوا اسکریپت

  • بوسیله: محسن شفیعی
  • در 1392/12/26 - 10:16
  • نظرات (10)
جاوا اسکریپت - JavaScript

جاوا اسکریپت – JavaScript

نوع برنامه نویسی callback در زبان جاوا اسکریپت خیلی زیاد استفاده میشود. برای مثال در کتابخانه jQuery شما میتوانید یک تابع را در انتهای اجرای یک انیمیشن (تابع animate) اجرا کنید. از این نمونه‌ها در زبان و کتابخانه‌های جاوا اسکریپت بسیار زیاد دیده میشود. در این مطلب میخواهیم یادآوری دوباره ای در نحوه نوشتن برنامه یا تابع به صورت callback را داشته باشیم.

در ادامه مطلب همراه ما باشید…

(بیشتر…)

آشنایی با impress.js

  • بوسیله: محسن شفیعی
  • در 1392/12/14 - 11:35
  • نظرات (12)
impress.js

impress.js

همه ما حداقل یکبار ارائه داشته‌ایم و اطلاعات و دانش خودمان را برای دیگران روی پرده در ویدئو پروژکتور ارائه کردیم. خب از چه نرم افزاری برای ایجاد ارائه تصویری استفاده کردیم؟ مایکروسافت پاورپوینت؟ یا لایبر آفیس؟ اگر شما یک وب دولوپر مشتاق باشید، حتماً میخواهید ارائه تان را نیز بر پایه وب درست کنید و داخل مرورگر به دیگران نمایش دهید.

اینکار مزایای خودش را دارد. اول اینکه در تمام سیستم عامل ها و محیط های مختلف به درستی نمایش داده می‌شود و همچنین مشکلاتی مانند نصب نبودن فونت‌ها یا رزولویشن ندارید.

اما برای ایجاد ارائه بر پایه وب از چه چیزی استفاده کنیم؟! خوشبختانه impress.js برای همین کار است.

impress.js از تکنیک های 3D Transform برای زیبا‌تر کردن ارائه استفاده میکند.

میتوانید یک نمونه زیبا را در اینجا، و همچنین مجموعه‌ای از آن‌ها در اینجا ببینید.

در ادامه مطلب همراه ما باشید تا نحوه درست کردن یک ارائه با impress.js را ببینیم…

(بیشتر…)

تغییر در کلاس‌ها با استفاده از جاوا اسکریپت

  • بوسیله: محسن شفیعی
  • در 1392/10/24 - 10:02
  • نظرات (3)
جاوا اسکریپت - JavaScript

جاوا اسکریپت – JavaScript

در بیشتر پروژه ها، front-end developerها احتیاج دارند که تغییری در کلاس‌های یک عنصر با استفاده از جاوا اسکریپت ایجاد کنند، که بیشتر هم اینکار را با استفاده از کتابخانه jQuery انجام میدهند، که البته وجود متد toggleClass این نیاز را بیشتر کرده است.

خود جاوا اسکریپت در ابتدا لیست کلاس‌ها را به صورت یک رشته میداد که برای اضافه یا حذف کردن کلاس از درون آن باید، با توابعی مانند indexOf یا توابعی دیگر که مربوط به رشته هستند با کلاس کار کرد. اما حالا دیگر نیازی به کتابخانه jQuery نداریم، زیرا جاوا اسکریپت دست به کار شده و شیئی به نام classList را ایجاد کرده است، که انتظارات همه را برآورده میکند.

در ادامه مطلب همراه ما باشید

(بیشتر…)

وب زیباتر با Canvas

  • بوسیله: محسن شفیعی
  • در 1392/10/20 - 0:01
  • نظرات (4)
Canvas

Canvas

روزهای پنچشنبه و جمعه اگر روز کاری یا درسی نباشند، بهترین روز برای پرورش ایده‌ها و فکرهای تازه است. خب بهترین بخش برای کار کردن با HTML5 کدام است؟ مطمئناً Canvas یکی از جواب‌های شما است.

با ما در ادامه مطلب همراه باشید

(بیشتر…)

نکته سریع: خطایابی بهتر جاوا اسکریپت با console.table

  • بوسیله: محسن شفیعی
  • در 1392/09/14 - 10:08
  • نظرات (2)
جاوا اسکریپت - JavaScript

جاوا اسکریپت – JavaScript

قبلاً در آپارنت در مطلب بررسی کارایی کدهای جاوا اسکرپت یکی از متدهای console به نام time را بررسی کردیم. اما در این مطلب میخواهیم متد دیگری به نام table را معرفی کنیم.

در ادامه مطلب همراه ما باشید…

(بیشتر…)

راهنمایی مقدماتی در استفاده از three.js

  • بوسیله: محسن شفیعی
  • در 1392/06/19 - 20:59
  • نظرات (2)
threeJs Demo

threeJs Demo

اگر مطالب آپارنت را دنبال کرده باشید در مطلب “مروری سریع بر WebGL” با WebGL و کتابخانه threejs اندکی آشنا شدیم. در این مطلب با استفاده از کتابخانه three.js میخواهیم مدلهای سه بعدی که میسازیم را روی مرورگر نشان دهیم.

مشاهده دمو

منبع: teamtreehouse.com

در ادامه همراه ما باشید…

(بیشتر…)

  • صفحه 1 از 2
  • 1
  • 2
  • <