آموزش جاوا اسکریپت ( آموزش Javascript )

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

جاوا اسکریپت برخلاف نامش هیچ ارتباطی با زبان برنامه نویسی جاوا ندارد، هرچند دستوراتش شباهت زیادی به c++ و java دارد. این شباهت برای یادگیری آسان در نظر گرفته شده و دستورات متداول مثل دستورات شرطی و حلقه ها و … در این زبان هم موجود هستند.

به دلیل قدرتمند بودن این زبان برنامه نویسی و کاربرد گسترده آن، فریم ورک های بسیار زیادی همچون جی کوئری، NodeJS ، Angular JS و … عرضه شده است که استفاده از امکانات این زبان را آسان و گسترده تر می کند.

ویژگی های زبان جاوا اسکریپت که یادگیری آن را مهم می کند:

  • به دلیل ساختار اسکریپتی یکی از بهترین گزینه ها برای یادگیری برنامه نویسی است.
  • یادگیری ، ویرایش و عیب یابی آن ساده است.
  • یک زبان شی گرا و انعطاف پذیر است.
  • زبانی سریع، قدرتمند و قابل توسعه است.
  • دارای ابزارهای متنوع و قوی است و در عین حال با سایر ابزارهای توسعه وب سازگاری دارد.
  • در فریم ورک های زیادی مثل NodeJS و Jquery و Angular JS و… استفاده می شود.

و بسیاری ویژگی های دیگر که آن را به لیست زبان های برنامه نویسی که باید یاد بگیرید اضافه می کند.

 

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

خلاصه مطالب دوره آموزش Javascript :

بخش اول: آشنایی با تاریخچه و مقدمات کار با جاوا اسکریپت

  • تاریخچه
  • پیش نیازهای دوره
  • انواع زبان‌های برنامه نویسی تحت وب
  • زبان‌های سمت سرور و زبان‌های سمت کاربر
  • تفاوت زبان‌های کامپایلری و زبان‌های مفسری
  • مزیت و معایب جاوا اسکریپت
  • ویژگی‌های زبان جاوا اسکریپت
  • تعریف دقیق جاوا اسکریپت
  • نحوه استفاده از جاوا اسکریپت در صفحات وب
  • محل قرارگیری کدها در صفحات وب
  • پارامترهای تگ script
  • آشنایی با مفهوم DOM
  • آشنایی با مفهوم BOM
  • نرم افزارهای مورد نیاز برای تولید برنامه‌های جاوا اسکریپت
  • تکنولوژی‌ها و فریم ورک های وابسته

بخش دوم: آشنایی با مبانی برنامه نویسی جاوا اسکریپت

  • شناسه‌ها در جاوا اسکریپت
  • کلمات کلیدی در جاوا اسکریپت
  • کلمات رزرو شده در جاوا اسکریپت
  • نحوه تعریف متغیرها در جاوا اسکریپت
  • انواع داده‌های اصلی در جاوا اسکریپت
  • تعیین نوع یک متغیر با تابع typeof
  • تبدیل انواع مختلف به نوع عددی
  • تبدیل انواع مختلف به نوع رشته‌ای
  • تبدیل انواع مختلف به نوع منطقی
  • آشنایی با عملگرهای ریاضی
  • آشنایی با عملگرهای مقایسه‌ای
  • آشنایی با عملگرهای منطقی
  • آشنایی با عملگرهای انتسابی
  • آشنایی با عملگر رشته‌ای
  • آشنایی با عملگرهای بولی

بخش سوم: آشنایی با مبانی برنامه نویسی (شرط‌ها)

  • آشنایی با ساختار if
  • آشنایی با ساختار if else if
  • آشنایی با ساختار do while
  • آشنایی با ساختار while
  • آشنایی با ساختار for
  • آشنایی با ساختار switch
  • آشنایی با ساختار for-in
  • آشنایی با break-continue
  • آشنایی با ساختار with

بخش چهارم: آشنایی با شی Document

  • بررسی خاصیت‌هایشی document
  • بررسی متد getelementbyid
  • بررسی متد getelementbytagname
  • بررسی متد getelementbyname
  • بررسی متد createElement
  • بررسی متد createTextnode
  • بررسی متد appendChild
  • بررسی متد createAttribute
  • بررسی متد setAttribyteNode
  • بررسی متد activeElement
  • بررسی متد insertRule
  • بررسی متد focus
  • بررسی متد hasfocus
  • بررسی متد getpropertyValue
  • بررسی متد item
  • بررسی متد removeProperty
  • بررسی متد setProperty
  • بررسی Stylesheet ها
  • بررسی خاصیت disabled
  • بررسی خاصیت href
  • بررسی خاصیت cssRules
  • بررسی متد deleteRule

بخش پنجم: آشنایی با Event

  • بررسی اشاره گر this
  • بررسی خاصیت target
  • بررسی خاصیت eventphase
  • بررسی متد stoppropagation
  • بررسی متد preventDefault

بخش ششم: آشنایی با عنصر Canvas

  • بررسی متد getContext
  • بررسی خاصیت fillstyle
  • بررسی خاصیت strokeStyle
  • بررسی خاصیت lineWidth
  • بررسی متد fillrect
  • بررسی متد strokerect
  • بررسی متد clearRect
  • بررسی متد beginpath
  • بررسی متد closepath
  • بررسی متد lastpoint
  • بررسی متد moveto
  • بررسی متد lineTo
  • بررسی متد stroke
  • بررسی متد fill
  • بررسی متد drawImage
  • آشنایی با متد arc
  • آشنایی با متد quadraticCurveTo
  • آشنایی با متد bezireCurveTo
  • آشنایی با متد globalAlpha
  • آشنایی با متد createLinerGradient
  • آشنایی با متد addColorStop
  • آشنایی با متد rgb
  • آشنایی با متد hsla
  • آشنایی با متد createRadialGredient
  • آشنایی با متد fillText
  • آشنایی با متد strokeText
  • آشنایی با خاصیت font
  • آشنایی با خاصیت textalign
  • آشنایی با خاصیت textBaseLine
  • آشنایی با خاصیت shadowoffsetx
  • آشنایی با خاصیت shadowoffsety
  • آشنایی با خاصیت shadowblur
  • آشنایی با خاصیت shadowColor

بخش هفتم: مباحث تکمیلی در جاوا اسکریپت

  • بررسی متد join
  • بررسی متد push
  • بررسی متد pop
  • بررسی متد shift
  • بررسی متد unshift
  • بررسی متد sort
  • بررسی متد reverse
  • بررسی متد concat
  • بررسی متد slice
  • بررسی متد splice
  • بررسی متد indexof
  • بررسی متد lastindexof
  • بررسی متد substr
  • بررسی متد substrstring
  • بررسی متد indexof
  • بررسی متد trim
  • بررسی متد toLowerCase
  • بررسی متد toUpperCase
  • بررسی متد image

بخش هشتم: آشنایی با  XML JSON Ajax

  • آشنایی با ساختار ایکس ام آل
  • آشنایی با json
  • بررسی متد eval
  • بررسی متد parse
  • بررسی متد stingify

بخش نهم: بررسی دقیق مبحث Ajax

  • تعریف ایجکس
  • آشنایی با مفهوم سرور
  • نصب نرم افزار شبیه ساز سرور برای کار با ایجکس
  • آشنایی با شی XMLHttpRequest
  • آشنایی با متد open
  • آشنایی با متد send
  • آشنایی با روش‌های ارسال داده GET, POST
  • آشنایی با خاصیت responseText
  • آشنایی با خاصیت responsexml
  • آشنایی با خاصیت status
  • آشنایی با خاصیت statusText
  • آشنایی با خاصیت readystate
  • آشنایی با متد onreadystatechange
  • آشنایی با متد abort
  • ترکیب json, ajax
  • بررسی متد setRequestHeader
  • آشنایی با پی اچ پی جهت کار با ایجکس
  • بررسی مثال‌های سمت سرور با ایجکس و جاوا اسکریپت
  • بررسی مثال نمایش مجموعه‌ها و زیر مجموعه به‌صورت ایجکس
  • بررسی متد setRequestHeader
  • آشنایی با پی اچ پی جهت کار با ایجکس
  • بررسی مثال‌های سمت سرور با ایجکس
  • بررسی مثال نمایش مجموعه‌ها و زیر مجموعه به‌صورت ایجکس
  • آشنایی با شی formdata
  • آشنایی با متد append
  • ساخت فرم ورود به سایت به‌صورت ایجکس
  • آشنایی با جی کوئری برای کار با ایجکس
  • دانلود کتابخانه‌ی جی کوئری
  • آشنایی با متدها و توابع جی کوئری برای کار با ایجکس
  • آشنایی با پایگاه داده برای بررسی مثال فرم ثبت نام
  • مثال عملی ساخت فرم ثبت نام با ایجکس جی کوری پی اچ پی همراه با دیتایس
  • آشنایی با نحوه اتصال به سرور/دیتابیس با پی اچ پی
  • بررسی لازم برای کار با پی اچ پی و ایجکس به صورت عملی
  • بررسی مثال جستجو در دیتابیس به‌صورت ایجکس
  • بررسی مثال نمایش اطلاعات کاربران در جدول به‌صورت ایجکس

بخش دهم: آشنایی با Drag AND Drop

  • آشنایی با رویداد dragstart
  • آشنایی با رویداد drag
  • آشنایی با رویداد dragend
  • آشنایی با رویداد dragenter
  • آشنایی با رویداد dragover
  • آشنایی با رویداد dragleave
  • آشنایی با شی Datatransfer
  • آشنایی با متد setData
  • آشنایی با متد getData
  • مثال عملی شبیه سازی سبد خرید با ایجکس و سرور

بخش یازدهم: آشنایی با مفاهیمشی گرایی در ES6

  • بررسی نحوه تعریف اشیا در جاوا اسکریپت
  • تعریف کردن یکشی
  • بررسی نحوه ایجاد خاصیت‌ها
  • بررسی نحوه ایجاد متدها
  • بررسی نحوه مقدار دهی به خاصیت‌ها
  • بررسی نحوه استفاده از اشیا
  • بررسی نحوه استفاده از متدها و خاصیت‌ها
  • آشنایی با خاصیت this
  • بررسی متد apply
  • بررسی متد call
  • بررسی مثال عملی car
  • بررسی نحوه تعریف اشیا در جاوا اسکریپت
  • تعریف کردن یکشی
  • بررسی نحوه ایجاد خاصیت‌ها
  • بررسی نحوه ایجاد متدها
  • بررسی نحوه مقداردهی به خاصیت‌ها
  • بررسی نحوه استفاده از اشیا
  • بررسی نحوه استفاده از متدها و خاصیت‌ها
  • آشنایی با خاصیت this
  • بررسی متد apply
  • بررسی متد call
  • بررسی مثال عملی car
  • استفاده از کلمه‌ی کلیدی class  برای تعریف کلاس
  • استفاده از متد سازنده  constructor در داخل کلاس
  • آشنایی با متد getter
  • آشنایی با متد setter
  • آشنایی با مفهوم وراثت در کلاس
  • تشریح مفهوم کلاس والد و کلاس فرزند
  • نحوه استفاده از متدها و خاصیت‌های کلاس والد در کلاس فرزند
  • آشنایی با متد super
  • مثال عملی کلاس Person

 

 

شما می توانید نظرات و پیشنهادات خود را از طریق دیدگاه های همین پست مطرح کنید.