لود فایل بصورت ajax

  • بوسیله: جاوید خانلو
  • در 1394/12/24 - 12:20
  • نظرات (8)
ajax

لود فایل بصورت ایجکس

 

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

 

 

(بیشتر…)

ایجاد تب منوی عمودی با استفاده از Css,JQuery

  • بوسیله: جاوید خانلو
  • در 1394/10/22 - 18:49
  • نظرات (10)
تب منوی عمودی

تب منوی عمودی

 

 

با سلام خدمت تمامی کاربران سایت آپارنت ، امیدواریم  تا این لحظه که با ما همراهید موفق و برنامه نویس باشید.

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

 

(بیشتر…)

مقدمه‌ای بر 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 را ببینیم…

(بیشتر…)

آشنایی با Notification API در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/12/05 - 19:31
  • نظرات (7)
اچ تی ام ال 5 - HTML5

اچ تی ام ال 5 – HTML5

بوسیله Notification API میتوانید رویداد های رخ داده جدید مانند رسیدن یک پیام، پایان یافتن یک رویداد یا هر چیز دیگری را به کاربر اطلاع دهید. اما شاید بگویید، برای اینکار که به API احتیاج نداریم و با استفاده از جاوا اسکریپت یا حتی یک alert ساده هم میتوان اینکار را انجام داد، این جمله هم درست است، اما Notification API یک مزیت مهم دارد. آنهم این است که پیغام نمایش داده شده به کاربر خارج از صفحه وب است و توسط خود مروگر انجام میشود، به این صورت حتی اگر مرورگر در حالت فوکوس هم نباشد، باز هم پیغام به کاربر نمایش داده میشود.

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

(بیشتر…)

Web Storage در HTML5

  • بوسیله: محسن شفیعی
  • در 1392/11/26 - 18:43
  • نظرات (4)
HTML5

HTML5

برای ذخیره اطلاعات در سمت کاربر، تنها گزینه پیش روی ما استفاده از Cookie است. توسط Cookie ما میتوانیم اطلاعات را به صورت name/value ذخیره کنیم. اما Cookie دارای ضعفهایی نیز است. در Cookie تنها میتوان 4KB اطلاعات را ذخیره کرد و همچنین در هربار درخواست HTTP، اطلاعات کوکی نیز به سمت سرور فرستاده میشود. بنابراین حتی اگر محدودیت حافظه هم وجود نداشته باشد، باز هم استفاده از Cookie برای ذخیره اطلاعات در سمت کاربر کار اشتباهی است.

اما HTML5 ویژگی جدیدی به نام Web Storage را معرفی کرده است. Web Storage نیز مانند کوکی ها به صورت name/value هستند و مقدار حافظه آن‌ها به طور میانگین در مرورگهای مختلف 5MB برای هر دومین است، و همینطور اطلاعات آن‌ها به سمت سرور فرستاده نمیشود.

در ادامه این مطلب بیشتر با این ویژگی آشنا میشویم.

(بیشتر…)