مقدمه‌ای بر 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 نیز شناخته میشود.

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

(بیشتر…)

آشنایی با نسخه بندی معنایی (SemVer)

  • بوسیله: محسن شفیعی
  • در 1393/04/18 - 19:30
  • نظرات (7)
Semantic Versioning

Semantic Versioning

همه کسانی که با دنیای کامپیوتر و نرم افزار به هر شکلی در ارتباط هستند کم و بیش با تغییرات نسخه های مختلف یک نرم افزار آشنایی دارند. برای مثال همه میدانند که بسته Office 2010 از Office 2007 جدیدتر است و قابلیت های بیشتری دارد یا نسخه گوگل کروم 35 از نسخه 34 آن بهتر و جدیدتر است. اما این نسخه بندی ها به چه شکلی انجام میشود. بعضی از نسخه بندی ها مانند مثال Office از نسخه بندی سال انتشار استفاده میکنند و در هر سالی که آن نرم افزار انتشار یابد، شماره نسخه نیز برابر شماره همان سال خواهد شد.

اما نسخه بندی دیگری نیز با نام نسخه بندی معنایی (Semantic Versioning) یا به اختصار SemVer نیز وجود دارد که امروزه بیشتر برنامه ها و کتابخانه ها از این نسخه بندی استفاده میکنند.

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

(بیشتر…)

ایجاد فرم تماس با ما با استفاده از لاراول – بخش اول

  • بوسیله: محسن شفیعی
  • در 1393/04/15 - 16:29
  • نظرات (8)
Laravel

Laravel

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

سناریو به این صورت است که کاربر بعد از پر کردن فرم تماس با ما آن را ارسال میکند و ما، بعد از دریافت آن، اطلاعات فرم را درون پایگاه داده ذخیره میکنیم و همچنین یک ایمیل مبنی بر دریافت پیام، به کاربر میفرستیم. همچنین قبل از ذخیره اطلاعات فرم در پایگاه داده، عملیات اعتبارسنجی یا Validation را نیز انجام میدهیم.

قبل از هر چیز جدیدترین نسخه Laravel که در زمان این مطلب 4.2.0 است را نصب میکنیم. نحوه نصب و تنظیمات اولیه را در مطلب اول و دوم سری آموزشی لاراول بخوانید.

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

(بیشتر…)

روز اول کنفرانس Google I/O 2014

  • بوسیله: محسن شفیعی
  • در 1393/04/05 - 11:41
  • دیدگاه‌ها برای روز اول کنفرانس Google I/O 2014 بسته هستند
Google I/O

Google I/O

اگر سایت های فناوری  و تکنولوژی روز رو دنبال میکنید احتمالا در جریان برگزاری کنفرانس Google I/O قرار دارید. این کنفرانس که همه ساله توسط شرکت گوگل برگزار میشود نوعی کنفرانس است که توسعه دهندگان گوگل نتیجه زحمات یکساله خودشان در اختیارمشتریان و توسعه دهندگان دیگر قرار میدهند. مانند تولیدات گوگل، این کنفرانس نیز جنبه های مختلف زیادی دارد و ما در آپارنت فقط اخبار توسعه وب رو دنبال و بررسی میکنیم.

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

(بیشتر…)

آشنایی با عنصر track در تگ video

  • بوسیله: محسن شفیعی
  • در 1393/04/02 - 22:03
  • نظرات (4)
اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

ویژگی بسیار مناسبی که به HTML5 اضافه شده است، پشتیبانی از نمایش و پخش ویدئو و صوت به صورت پیشفرض و بدون هیچ پلاگینی است که توسط تگ های video و audio امکان‌ پذیر است. در مورد نحوه استفاده از این عناصر در مطلبی با عنوان شروعی بر ویدئو در HTML5 قبلاً مورد بحث قرار دادیم.

اما در این مطلب میخواهیم با تگ track که مخصوص استفاده در داخل این عناصر است، آشنا شویم. توسط این تگ میتوانیم درون ویدئو چندین زیرنویس را تعریف کنیم و کاربر با توجه به زبان مورد نظر خود، زیرنویس مورد نظر را انتخاب کرده و به تماشای ویدئو بپردازد.

توسط این تگ میتوانیم استایل مناسب را نیز به زیرنویس ها بدهیم.

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

(بیشتر…)

طراحی به شیوه ابتدا موبایل (Mobile First)

  • بوسیله: محسن شفیعی
  • در 1393/03/14 - 23:12
  • نظرات (8)
Mobile First Web Design

Mobile First Web Design

شیوه ابتدا موبایل یا Mobile First یک نوع روش در طراحی ریسپانسیو است. ایده آن به اینصورت است که ما طراحی سایت را ابتدا تنها با یک ستون (مخصوص نمایشگرهای کوچک) شروع میکنیم. به این صورت سایت طراحی شده در همه دستگاه‌ها، رزولویشن ها و مرورگرها به خوبی نمایش داده می‌شود. مهم نیست که نمایشگر کاربر چه اندازه‌ای باشد، مهم این است که به راحتی میتواند محتوا را مشاهده کند.

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

اما فواید این روش چیست؟ در ادامه مطلب همراه ما باشید…

(بیشتر…)

آشنایی با فرمت تصویری WebP

  • بوسیله: محسن شفیعی
  • در 1393/03/12 - 19:00
  • نظرات (5)
Image Format

Image Format

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

در ادامه این مطلب میخواهیم با یک فرمت تصویری جدید با نام WebP آشنا شویم که هدف آن کاهش حجم تصاویر بدون کاهش کیفیت آن است.

(بیشتر…)