آموزش جاوا اسکریپت ( آموزش 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
شما می توانید نظرات و پیشنهادات خود را از طریق دیدگاه های همین پست مطرح کنید.
سلام استاد وقت به خیر
تمام متود ها و خاصیت هایی که برای بخش های مختلف نوشتین آموزش داده شده یا هنوز مونده و تکمیل نشده؟
با تشکر