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

آموزش جاوا اسکریپت ( آموزش 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

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