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

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

در این دوره چه مباحثی آموزش داده شده است؟

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

– در فصل اول این دوره به کاربردهای اصلی زبان JavaScript، تاریخچه و استاندارد آن اشاره می شود. نحوه اضافه کردن JavaScript به صفحه توضیح داده می شود و در انتهای این فصل اولین برنامه JavaScript را نوشته و اجرا می شود.

– فصل دوم به ساختارهای کنترلی و توابع می پردازد و نحوه نوشتن برنامه در زبان JavaScript  را فرا خواهید گرفت.

– در فصل سوم با آرایه های یک بعدی و چند بعدی و همچنین اشیا و برنامه نویسی شی گرا در JavaScript آشنا خواهید شد.

– فصل چهارم مربوط به مسائل پیشرفته تر و سایر نکات مربوط به زبان JavaScript می شود. در این فصل توابع و اشیا را به صورت دقیق تر بررسی می کنیم، با اشیای Math و Date آشنا می شوید و همچنین تایمرها و مفهموم بسیار مهم callback را می بینید. چهار فصل اول این آموزش مربوط به هسته اصلی زبان JavaScript می شود و در سمت مرورگر و هم در سمت سرور (Node.js) یکسان است.

– از فصل پنجم وارد برنامه نویسی سمت فرانت اند می شویم و در این فصل با Browser Object Model آشنا می شویم و با اشیای مختلف BOM یعنی history، navigator، location و screen کار خواهیم کرد.

– فصل ششم به Document Object Model یا به اختصار DOM اختصاص داده شده است. در این فصل ابتدا با مفهوم Node و ساختار درختی صفحه آشنا می شوید. حرکت بین این نودها را فرا می گیرید. نحوه دسترسی به المان های html را می بینید و می توانید با JavaScript المان جدید بسازید، المان های موجود صفحه را ویرایش کنید و یا آن ها را حذف کنید. بعد از آن به سراغ Event ها می رویم و انواع و نحوه مدیریت آنها را با استفاده از Event Handler ها می بینیم. سپس کار با فرم ها و نحوه اعتبارسنجی آن ها را فرا خواهید گرفت. در این فصل به drag & drop در html5 هم پرداخته می شود تا مباحث گفته شده کامل تر شود.

– در فصل هفتم به سراغ ارسال درخواست های Ajax می رویم. ابتدا با JSON و نحوه کار با آن آشنا می شوید سپس طراحی Restful را می بینید و با استفاده از Node.js یک سرور راه اندازی می کنید. بعد از آن نحوه ارسال درخواست های Ajax به وسیله  XMLHttpRequest را فرا خواهید گرفت. اما این فصل به همین جا ختم نمی شود و شما نحوه ارسال درخواست با کتابخانه بسیار محبوب axios و همچنین مفهوم promise را فرا می گیرید.

– در فصل هشتم به سایر مباحث مهم مربوط به برنامه نویسی کلاینت یعنی Cookie، Local Storage، Media و همچنین Canvas اشاره می شود. و در فصل آخر یعنی فصل نه بازی شکستن آجرها را به صورت مرحله به مرحله پیاده سازی می کنیم.

سرفصل های دوره آموزش پایه جاوا اسکریپت Javascript

فصل1: مقدمات

• چرا JavaScript؟
• تاریخچه و استاندارد
• ES5 و ES6
• کاربردهای اصلی JavaScript
• فراهم آوردن محیط توسعه
• اولین برنامه JavaScript
• قرار دادن JavaScript در فایل خارجی
• console
• document.write
• نحوه پردازش صفحه توسط مرورگر
• توضیحات

فصل2: ساختارهای کنترلی و توابع

• مقدمه
• متغیرها
• انواع داده
• دریافت ورودی از کاربر
• عملگرهای محاسباتی
• الحاق رشته ها و کاراکترهای خاص
• برنامه جمع دو عدد
• دستور if و عملگر تساوی
• دستور else if و سایر عملگرهای منطقی
• دستور switch
• بهبود مثال حاصل جمع
• حلقه while و مثال جمع اعداد
• Chrome Debugger و استفاده از debugger در کد
• حلقه do while و مثال دریافت سن
• حلقه for
• دستورات break و continue
• توابع
• توابع تبدیل دما
• Scope
• ارسال توابع به عنوان آرگومان ورودی

فصل 3: آرایه ها و اشیا

• مقدمه
• تعریف آرایه و دسترسی به عناصر آن
• خصیصه های آرایه
• آرایه های چند بعدی
• برنامه نویسی شی گرا و تعریف شی در JavaScript
• Function Constructors

فصل 4: مباحث تکمیلی زبان جاوا اسکریپت

• متدهای آرایه ها
• متد forEach()
• متدهای رشته ها
• نگاهی دوباره به اشیا
• حلقه for in
• شی Math و ایجاد اعداد تصادفی
• نگاهی دوباره به توابع
• عملگر شرطی با سه عملوند
• شی Date
• تایمرها و مفهوم callback

فصل 5: Browser Object Model

• معرفی BOM
• شی window
• شی history
• شی location
• شی navigator و تشخیص نوع مرورگر
• تشخیص موقعیت مکانی کاربر
• شی screen

فصل 6: Document Object Model

• معرفی DOM
• انواع مختلف Node
• دسترسی به المان های صفحه
• InnerHTML و InnerText
• تغییر استایل یک المان
• حرکت بر روی Node ها (Traversing the DOM)
• ایجاد المان جدید و اضافه کردن آن به صفحه
• حذف المان از صفحه
• معنی Event و Event Handler
• خصیصه های HTML مربوط به Event
• تغییر رفتار پیش فرض Event
• اضافه کردن Event Handler به المان با JavaScript
• شی Event
• انتشار  Event
• Drag & Drop
• فرم ها
• دسترسی به مقادیر فیلدهای فرم
• اعتبارسنجی فرم
• Event های صفحه کلید

فصل 7: Ajax

• معرفی Ajax
• JSON
• طراحی Restful
• راه اندازی سرور با استفاده از Node.js
• آشنایی با Postman
• Header درخواست HTTP و کدهای پاسخ
• XMLHttpRequest
• ارسال درخواست با axios
• مثال ثبت کاربر جدید

فصل 8: مباحث تکمیلی مرورگر

• Cookies
• Web Storage
• Media
• Canvas
• معرفی بازی
• ترسیم اشکال ساده بازی
• ترسیم آجرها
• حرکت دادن دستگیره
• حرکت دادن توپ
• برخورد توپ با آجرها

حاصل دوره

شما پس از گذراندن این دوره با تمامی مباحث مهم در زبان JavaScript و همچنین برنامه نویسی سمت کلاینت آشنا می شید و هر آنچه را که برای انجام پروژه های واقعی نیاز دارید فراخواهید گرفت. این دوره اولین قدم شما برای ورود به بازار کار به عنوان یک برنامه نویس JavaScript است.