javascript

تعاریف اولیه در جاوااسکریپت

مقدمه :

اگر می خواهید به عنوان یک برنامه نویس خوب در دنیای وب خودتان را نشان دهید و سایت های قدرتمندی بسازید ، بدون هیچ شکی زبان قدرتمند و محبوب جاوااسکریپت یا JS میتواند به شما کمک نماید.

جاوااسکریپت بعنوان یک زبان سمت کلاینت قدرتمند توانسته است طرفداران زیادی را جذب کرده و کمک کند تا سایت های قدرتمندی با کمترین فشار و بار ترافیکی به سرورها داشته باشیم.

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

این زبان در کنار قدرت بسیار بالایی که دارد به راحتی قابل یادگیری است.

جاوااسکریپ (JavaScript) چیست؟

  • جاوااسکریپت در اصل یک زبان اسکریپت نویسی سمت کلاینت است که برای ایجاد پویایی و حالت تعاملی در سمت کلاینت و به صفحات HTML به کار میرود .
  • این زبان بسیار سبک وزن و در عین حال قدرتمند و منعطف است .
  • جاوااسکریپ محبوب ترین زبان تحت وب در تمام دنیاست و اکثر مرورگرها از آن پشتیبانی میکنند.
  • این زبان در اصل یک زبان مفسری است و نه کامپایلری.
  • از این زبان اصولا در بین کدهای HTML (بصورت Embedded) استفاده میشود .البته جاوااسکریپت قابلیت نوشته شدن در بیرون از کدهای HTML را هم دارد .
  • توانایی این زبان محدود به سمت کلاینت یا کاربر است .
  • هر شخصی میتواند بدون نیاز مجوز خاصی از این زبان قدرتمند استفاده کند .
  • این زبان دارای کتابخانه های بسیار عالی و کاربردی میباشد . از کتابخانه های معروف جاوااسکریپت میتوان به JQuery و Angular و React اشاره کرد .
  • این زبان در سال ۱۹۹۵توسط  برندان ایچ در شرکت Netscape با نام اولیه Mocha ایجاد شد. البته بعداً به LiveScript   و درنهایت به JavaScript تغییر نام پیدا کرد .
  • این زبان از دسته زبانهای شی گرای Classless یا بدون کلاس میباشد.در آینده ب این مفهوم یعنی Classless  بیشتر آشنا خواهید شد.
  • جاوااسکریپت با وجود شباهتهای ظاهری اش با زبان جاوا متفاوت است. یعنی جاوا زبان شی گرای قدرتمند جهت تولید نرم افزارهای مختلف در پلتفرم های مختلف است اما جاوااسکریپت یک زبان تحت وب است.
  • با استفاده از کدهای جاوااسکریپت میتوانیم کدهای Ajax را تولید کنیم که یک جادوگر به تمام معناست و بین کلاینت و سرور می تواند عمل کنترل داده ها را انجام دهد .
  • ویرایشگرهایی که میتوان با آنها JavaScript نوشت عبارتند از : Adobe Dreamviewer – Sublime Text-Notepad++-Php Storm , …
canvas html5

گرافیک در HTML5-آموزش کامل تگ canvas-بخش دوم

 متدهای  مربوط به کار با چهارضلعی ها در ترسیم اشکال بر روی بوم :

متد rect() :

از این متد برای ایجاد چهار ضلعی استفاده می شود.

الگوی این متد به شکل context.rect(x,y,width,height) میباشد که در این الگو بجای x باید مختصات محور ایکس از گوشه ی بالای سمت چپ را وارد کنیم. بجای y باید مختصات محور yاز گوشه ی بالای سمت چپ را وارد کنیم.بجای width پهنای چهارضلعی را برحسب واحد پیکسل وارد می کنیم و بجای height ارتفاع چهارضلعی را بر اساس واحد پیکسل وارد می کنیم. ادامه مطلب …

Units of measurement

تشریح واحدهای اندازه گیری در دنیای وب

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

ادامه مطلب …

canvas html5

گرافیک در HTML5-آموزش کامل تگ canvas-بخش اول

در HTML5 ویژه برای طراحی و ترسیم اشکال مختلف بجود آمده است گه با کشیدن اشکال بوسیله ی این دو تگ می توانیم تا حد زیادی سرعت بارگذاری صفحات خود را بالا ببریم. این دو تگ عبارتند از تگ <canvas> و تگ <svg> . 

در ادامه به شرح هرکدام از این دو تگ خواهیم پرداخت.

  ادامه مطلب …