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

• مبانی جاوااسکریپت: درک کامل سینتکس، نحوه تعریف متغیرها (با استفاده از let و const)، انواع داده (مانند String, Number, Boolean, Array, Object)، و عملگرهای مختلف (ریاضی، مقایسه‌ای، منطقی).
• ساختارهای کنترلی و حلقه‌ها: استفاده از if/else, switch برای پیاده‌سازی منطق شرطی و for, while برای تکرار عملیات و پردازش مجموعه‌ای از داده‌ها.
• توابع (Functions): یادگیری نحوه تعریف، فراخوانی و استفاده از توابع برای سازماندهی کد، افزایش قابلیت استفاده مجدد و معرفی توابع پیکانی (Arrow Functions) از ES6.
• آرایه‌ها و اشیاء: مدیریت مجموعه‌ای از داده‌ها با آرایه‌ها و نمایش داده‌های پیچیده‌تر با اشیاء، همراه با متدهای پرکاربرد آرایه‌ها مانند map, filter, forEach.
• دستکاری DOM (Document Object Model): نحوه تعامل جاوااسکریپت با HTML و CSS برای تغییر محتوا، استایل و ساختار صفحات وب به صورت پویا. یاد می‌گیرید چگونه عناصر را انتخاب کنید، محتوای آن‌ها را تغییر دهید و کلاس‌های CSS را مدیریت کنید.
• مدیریت رویدادها (Event Handling): پاسخ به تعاملات کاربر مانند کلیک‌ها، ورودی‌های صفحه کلید، و تغییرات فرم‌ها تا وب‌سایت‌های شما کاملاً تعاملی شوند. (مثال: button.addEventListener(‘click’, myFunction))
• مقدمه‌ای بر جاوااسکریپت ناهمزمان (Asynchronous JavaScript): درک مفاهیم اولیه مانند setTimeout، فراخوانی APIها با fetch و آشنایی اولیه با Promises برای کار با داده‌های بیرونی.
• کار با JSON: نحوه تبادل داده‌ها با فرمت JSON که استاندارد صنعتی برای ارتباط بین کلاینت و سرور است.
• ویژگی‌های مدرن ES6+: آشنایی با ویژگی‌های کلیدی جاوااسکریپت مدرن شامل Template Literals برای ساخت رشته‌های پویا، Destructuring برای استخراج داده‌ها از آرایه‌ها و اشیاء و Spread Operator.
• ساخت شش پروژه کاربردی: اعمال تمامی مفاهیم آموخته شده در پروژه‌های واقعی شامل:
  • یک لیست کارهای روزانه (To-Do List)
  • یک برنامه نمایش آب و هوا
  • یک جستجوگر فیلم
  • یک اعتبارسنج فرم (Form Validator)
  • یک بازی ساده (مانند حدس عدد)
  • و یک صفحه محصول تعاملی برای یک وب‌سایت تجارت الکترونیک.

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

• یادگیری پروژه محور و عمیق: با ساخت شش پروژه واقعی، دانش شما نه تنها تئوری نخواهد بود، بلکه به صورت عملی و ماندگار در ذهن‌تان حک خواهد شد. این رویکرد به شما کمک می‌کند تا مفاهیم پیچیده را به صورت شهودی درک کنید.
• ساخت یک پایه قوی: این دوره به شما کمک می‌کند تا یک پایه مستحکم و قابل اعتماد در جاوااسکریپت بسازید که برای یادگیری فریم‌ورک‌ها و کتابخانه‌های پیشرفته‌تر مانند React، Angular یا Vue و حتی توسعه بک‌اند با Node.js ضروری است.
• افزایش مهارت‌های حل مسئله: با چالش‌های برنامه‌نویسی واقعی روبرو می‌شوید و یاد می‌گیرید که چگونه مشکلات را به بخش‌های کوچکتر تقسیم کرده و راه‌حل‌های منطقی و کارآمد ارائه دهید. این مهارت در هر زمینه شغلی ارزشمند است.
• آمادگی برای بازار کار: جاوااسکریپت یکی از پرتقاضاترین زبان‌های برنامه‌نویسی در صنعت تکنولوژی است. با مهارت‌هایی که در این دوره کسب می‌کنید، برای نقش‌های توسعه‌دهنده فرانت‌اند (Front-End Developer) و حتی موقعیت‌های پایه فول‌استک آماده خواهید شد.
• اعتماد به نفس در کدنویسی: با تکمیل موفقیت‌آمیز پروژه‌های عملی، به توانایی‌های خود در ساخت برنامه‌های کاربردی واقعی اطمینان پیدا خواهید کرد و برای یادگیری‌های بعدی انگیزه خواهید داشت.
• درک تکنولوژی‌های وب مدرن: جاوااسکریپت قلب توسعه وب مدرن است. این دوره به شما درک عمیقی از نحوه عملکرد وب‌سایت‌های پویا، تعامل با APIها و ایجاد تجربه کاربری بی‌نظیر می‌دهد.
• جامع و کاربردی: تمام مباحث کلیدی مورد نیاز برای یک برنامه‌نویس مبتدی را پوشش می‌دهد، از سینتکس پایه گرفته تا دستکاری DOM و کار با APIها.

این دوره برای افراد مبتدی طراحی شده است، بنابراین پیش‌نیازهای زیادی ندارد:

• آشنایی اولیه با HTML و CSS: درک چگونگی ساختاردهی محتوا (HTML) و استایل‌دهی (CSS) به وب‌سایت‌ها. نیازی به تسلط کامل نیست، فقط درک مفاهیم پایه برای درک نحوه تعامل جاوااسکریپت با آن‌ها کافی است.
• بدون نیاز به تجربه قبلی برنامه‌نویسی: این دوره از پایه شروع می‌شود و تمامی مفاهیم را به صورت گام به گام و با زبانی ساده آموزش می‌دهد.
• دسترسی به کامپیوتر و اینترنت: برای تمرین و دنبال کردن آموزش‌ها.
• یک ویرایشگر کد: توصیه می‌شود از Visual Studio Code استفاده کنید، زیرا ابزارها و افزونه‌های مفیدی برای توسعه جاوااسکریپت دارد و در طول دوره نحوه نصب و تنظیم آن نیز توضیح داده خواهد شد.

این دوره به بخش‌های منطقی تقسیم شده تا شما بتوانید مفاهیم را به صورت تدریجی و با درک کامل فرا بگیرید:

• بخش ۱: مقدمه و آماده‌سازی محیط (Introduction & Setup)
  • جاوااسکریپت چیست و چرا یادگیری آن برای توسعه وب ضروری است؟
  • نحوه اجرای کد جاوااسکریپت در مرورگر (کنسول توسعه‌دهنده) و Node.js.
  • آشنایی با ابزارهای توسعه مرورگر (Developer Tools) برای اشکال‌زدایی.
  • تنظیم ویرایشگر Visual Studio Code برای برنامه‌نویسی جاوااسکریپت.
• بخش ۲: مبانی جاوااسکریپت (Core JavaScript Concepts)
  • متغیرها و نحوه اعلان آنها با var, let, const و تفاوت‌های آنها.
  • انواع داده در جاوااسکریپت (اعداد، رشته‌ها، بولین‌ها، Null، Undefined، Symbol، BigInt).
  • تبدیل نوع (Type Conversion) و اجبار نوع (Type Coercion).
  • عملگرها: ریاضی، مقایسه‌ای، منطقی، تخصیص و افزایش/کاهش.
  • استفاده از console.log() و alert() برای نمایش اطلاعات و اشکال‌زدایی.
• بخش ۳: ساختارهای کنترلی و حلقه‌ها (Control Flow & Loops)
  • جریان کنترل: استفاده از if/else if/else و switch برای پیاده‌سازی منطق شرطی.
  • حلقه‌ها: for, while, do/while برای تکرار بلوک‌های کد.
  • آشنایی با for…of و for…in برای پیمایش آرایه‌ها و اشیاء.
  • عبارات break و continue.
• بخش ۴: توابع و دامنه (Functions & Scope)
  • تعریف و فراخوانی توابع: نحوه سازماندهی کد و ایجاد بلوک‌های قابل استفاده مجدد.
  • پارامترها، آرگومان‌ها و مقادیر بازگشتی.
  • معرفی و کاربرد Arrow Functions (توابع پیکانی) از ES6.
  • مفهوم دامنه (Scope) در جاوااسکریپت: گلوبال، تابع و بلوک.
• بخش ۵: آرایه‌ها و اشیاء (Arrays & Objects)
  • آرایه‌ها: نحوه ایجاد، دسترسی و تغییر عناصر.
  • متدهای پرکاربرد آرایه‌ها مانند push, pop, shift, unshift, splice, slice.
  • متدهای تکرار آرایه: forEach, map, filter, reduce.
  • اشیاء: نحوه ایجاد، دسترسی به ویژگی‌ها و متدها.
  • مقدمه‌ای بر Object Destructuring و Spread Operator برای کارآمدی بیشتر.
• بخش ۶: دستکاری DOM و اولین پروژه (DOM Manipulation & Project 1)
  • مقدمه‌ای بر DOM و نحوه نمایش ساختار HTML در جاوااسکریپت.
  • انتخاب عناصر HTML: getElementById, querySelector, querySelectorAll.
  • تغییر محتوا، استایل و ویژگی‌های عناصر.
  • ایجاد و حذف عناصر HTML به صورت پویا.
  • مدیریت رویدادها (Events): افزودن شنونده‌های رویداد (event listeners) برای پاسخ به کلیک‌ها، ورودی‌های فرم و سایر تعاملات کاربر.
  • پروژه ۱: ساخت یک لیست کارهای روزانه (To-Do List Application): یک برنامه کاملاً تعاملی که در آن کاربران می‌توانند وظایف را اضافه، حذف و به عنوان انجام شده علامت‌گذاری کنند.
• بخش ۷: جاوااسکریپت ناهمزمان و پروژه‌های بیشتر (Asynchronous JS & More Projects)
  • مقدمه‌ای بر جاوااسکریپت ناهمزمان: setTimeout و setInterval برای تاخیر در اجرای کد.
  • آشنایی با Promises و async/await به صورت پایه برای مدیریت عملیات ناهمزمان.
  • کار با JSON: تبدیل اشیاء جاوااسکریپت به رشته JSON و بالعکس برای تبادل داده.
  • پروژه ۲: برنامه نمایش آب و هوا (Weather Application): استفاده از یک API آب و هوا برای دریافت و نمایش اطلاعات جوی شهرهای مختلف به صورت پویا.
• بخش ۸: کار با APIها و پروژه (Working with APIs & Project)
  • مفهوم API (Application Programming Interface) و اهمیت آن در توسعه وب مدرن.
  • نحوه فراخوانی APIهای RESTful با استفاده از fetch API.
  • پردازش پاسخ‌های API و نمایش داده‌ها در صفحه وب.
  • پروژه ۳: جستجوگر فیلم (Movie Search Application): اتصال به یک API فیلم (مانند OMDB API) برای جستجو، نمایش اطلاعات فیلم‌ها و جزئیات آنها.
• بخش ۹: فرم‌های تعاملی و پروژه (Interactive Forms & Project)
  • نحوه کار با فرم‌ها در جاوااسکریپت: دسترسی به مقادیر ورودی‌ها.
  • اعتبارسنجی ورودی‌های کاربر (Form Validation) برای اطمینان از صحت داده‌ها.
  • مدیریت رویدادهای مربوط به فرم‌ها (مانند submit و change).
  • پروژه ۴: اعتبارسنجی فرم (Form Validator): ساخت یک فرم ثبت‌نام یا ورود با قوانین اعتبارسنجی دقیق و نمایش پیام‌های خطا به کاربر.
• بخش ۱۰: بازی‌های ساده با جاوااسکریپت و پروژه (Simple Games & Project)
  • پیاده‌سازی منطق بازی‌های ساده با جاوااسکریپت.
  • استفاده از رویدادهای صفحه کلید و ماوس برای کنترل بازی.
  • پروژه ۵: بازی حدس عدد (Guess the Number Game): یک بازی سرگرم‌کننده که کاربر باید یک عدد تصادفی تولید شده توسط برنامه را حدس بزند.
• بخش ۱۱: پروژه نهایی و جمع‌بندی (Final Project & Conclusion)
  • پروژه ۶: صفحه محصول تعاملی (Interactive Product Page): ساخت یک صفحه محصول با قابلیت‌هایی مانند افزودن به سبد خرید، نمایش جزئیات محصول، گالری تصاویر قابل کلیک و سایر تعاملات کاربردی.
  • مرور کلی بر تمامی آموخته‌ها و بهترین شیوه‌های کدنویسی جاوااسکریپت.
  • مسیرهای بعدی برای یادگیری (مانند فریم‌ورک‌های جاوااسکریپت، Node.js، توسعه فول‌استک) و منابع مفید برای ادامه مسیر.