آموزش جاوا اسکریپت واقعی (پروژه محور)

مقدمه و معرفی فصل اول

1. معرفی ابزارهای مورد نیاز در طول دوره
2. آموزش افزودن کدهای جاوااسکریپت به سند HTML
3. متغیرها در جاوااسکریپت به سند (var-let-const)
4. قوانین نام‌گذاری متغییرها در جاوااسکریپت
5. آموزش صحیح کامنت گذاری در جاوااسکریپت
6. operators در جاوااسکریپت
7. معرفی انواع داده یا Data type ها
8. چسباندن یا concatenate عددها و استرینگ ها
9. آموزش شرط‌ها و مقایسه‌ها
10. آموزش truthy و falsy
11. آشنایی با Functions یا توابع
12. آشنایی با Objects - آبجکت‌ها
13. آشنایی با آرایه‌ها - Arrays
14. آموزش سوئیچ - Switch Statements
15. آموزش حلقه For - For Loop
16. آموزش حلقه forEach
17. حلقه های while Do - while
18. آموزش اسکوپ - Scope
19. پروژه عملی - Guess Game - بازی حدس اعداد

مقدمه و معرفی فصل دوم

1. آشنایی با آبجکت window در dom
2. روش‌های select کردن المان‌ها
3. کمی کار عملی با Dom
4. ادامه کار عملی با Dom
5. آموزش local storage و session storage

مقدمه و معرفی فصل سوم

1. Setup و تنظیمات اولیه پروژه
2. استایل دهی به پروژه
3. قابلیت افزودن To Do List به صفحه - بدون متن و استایل
4. افزودن استایل و متن به To Do List ها
5. افزودن قابلیت حذف و چک
6. افزودن انیمیشن به پروژه
7. افزودن بخش sort کردن لیست‌ها
8. ذخیره سازی دیتاها در local storage

مقدمه و معرفی فصل چهارم

1. تفاوت const و Let به صورت مفهومی
2. callback و higher order function
3. آموزش map
4. آموزش find
5. آموزش filter
6. آموزش some و every
7. کار با map به صورت مفهومی‌تر
8. آموزش arrow function
9. آموزش sort
10. آموزش separate operator

مقدمه و معرفی فصل پنجم

1. آموزش مبحث hoisting
2. آموزش مبحث Call Stack
3. آموزش عبارت کلیدی this
4. مباحث Bind Call Apply
5. فانکشن های Constructor
6. آموزش مبحث prototype
7. ارث بری در prototype
8. آموزش Class ها
9. کدنویسی یک مینی کتابخانه انیمیشن ساز

مقدمه و معرفی فصل ششم

1. بررسی پروژه‌ای که در این فصل طراحی خواهد شد
2. نوشتن کدهای HTML پروژه
3. افزودن استایل‌های مورد نیاز
4. قابلیت فعال کردن هر یک از نوت‌ها
5. پخش صدا به ازای هر نوت
6. کدهای مربوط به دکمه play-stop
7. قابلیت تغییر صدا
8. قابلیت سایلنت کردن هر صدا
9. افزودن تنظیم سرعت پخش صدا

مقدمه و معرفی فصل هفتم

1. بررسی کلی پروژه
2. نوشتن کدهای HTML پروژه
3. استایل دهی به پروژه
4. ساخت کدهای رنگ تصادفی بدون کتابخانه
5. افزودن کتابخانه Chroma.js به پروژه
6. تنظیم رنگ متن‌ها در برابر پس زمینه‌ها
7. تنظیم پس‌زمینه Inputهای اسلایدرها
8. تنظیم رنگ در اسلایدر Hue
9. آپدیت رنگ متن‌ها با تغییر رنگ‌ها
10. برطرف کردن برخی از مشکلات App
11. آپدیت شدن هندل‌های اسلایدرها
12. قابلیت قفل کردن رنگ‌ها
13. فعال کردن پاپ‌های ذخیره سازی
14. ذخیره سازی پالت‌های رنگ
15. نمایش پالت‌های رنگ در کتابخانه App
16. ادامه نمایش پالت‌های رنگ در لایبرری App

مقدمه و معرفی فصل هشتم

1. بررسی کلی پروژه
2. نوشتن کدهای HTML پروژه
3. استایل دهی به پروژه
4. روش‌های افزودن انیمیشن بدون کتابخانه
5. افزودن کتابخانه Scroll Magic به پروژه
6. آموزش افزودن انیمیشن با Gsap و ScrollMagic
7. ادامه افزودن انیمیشن به سایت
8. افزودن افکت‌های موس
9. افزودن انیمیشن به منوی سایت
10. افزودن صفحه fashion

مقدمه و معرفی فصل نهم

1. آموزش Deconstruct
2. آموزش مفهوم IFFE
3. آموزش مبحث Closure
4. آموزش مبحث Module

مقدمه و معرفی فصل دهم

1. مفهوم Ajax و Async
2. پشت صحنه Async
3. آموزش Async -Callback
4. آموزش مفهوم Promise
5. آموزش Async Await
6. آموزش مفهوم Json - Api
7. پروژه عملی - Advice App

مقدمه و معرفی فصل یازدهم

1. بررسی کلی پروژه
2. گرفتن API از سایت مرجع
3. افزودن کدهای HTML - CSS مورد نیاز
4. گرفتن اولین دیتا از API
5. افزودن قابلیت جستجو
6. ریفکتور کردن کدها
7. تکمیل کردن اطلاعات در باکس‌های تصاویر
8. استایل‌دهی به کارت‌های تصاویر
9. فعال کردن دکمه More

مقدمه و معرفی فصل دوازدهم

1. سایت Frontend Mentor
2. سایت Codewars
3. سایت Exercism
4. سایت GitHub
5. سایت Stackoverflow

توصیه‌هایی برای ادامه کار

1. دوره آموزش ریکت - React JS
2. سخن آخر