دوره یادگیری کامل JavaScript and ES6

در این دوره آموزشی قدم به قدم همه مباحث برنامه نویسی JavaScript and ES6 را در پروژه های واقعی یاد می گیرید.

عنوان اصلی : JavaScript Bible - JavaScript and ES6 Bootcamp 2019

سرفصل ها :

مقدمه:
مسیریابی دوره
فایل های تمرین و راه اندازی نرم افزار:
VIDEO - مروری بر تنظیمات نرم افزار
تمرین - فقط برای ویندوز - "cmder" را نصب کنید
تمرین - راه اندازی کد ویژوال استودیو
تمرین - Node.js را راه اندازی کنید و فایل جاوا اسکریپت آزمایشی را اجرا کنید
تمرین - نمای کلی Git - بخش 1
تمرین - نمای کلی Git - بخش 2
تمرین - مخزن GIT از راه دور را شبیه سازی کنید و شاخه ها را تغییر دهید
تمرین - از SourceTree برای مدیریت مخازن Git استفاده کنید
مبانی جاوا اسکریپت - مقدمه:
تمرین - کاوش وب سایت ها در مرورگر
تمرین - اولین فایل HTML را ایجاد کنید و سرور زنده را راه اندازی کنید
تمرین - فاویکون را به فایل HTML اضافه کنید
تمرین - جاوا اسکریپت در HTML تعبیه شده است
DEMO - مدیریت شاخه های Git
تمرین - جاوا اسکریپت در فایل جداگانه
چالش - اسکریپت های خارجی
چالش - اسکریپت های خارجی - راه حل
تمرین - جاوا اسکریپت در کنسول مرورگر
مبانی جاوا اسکریپت - انواع و متغیرها:
VIDEO - شی در جاوا اسکریپت
ویدئو - انواع ارزش مرجع در مقابل اولیه
تمرین - کاوش انواع ارزش های اولیه
تمرین - کاوش نوع مرجع - شی
VIDEO - اعلان متغیر با استفاده از "var"، "let" و "const"
تمرین - اعلام و تکلیف متغیر
چالش - اعلامیه و واگذاری متغیر
چالش - استفاده مجدد از متغیرها
ویدئو - زبان‌های تایپ شده به صورت ایستا و پویا
تمرین - تایپ پویا در جاوا اسکریپت
مبانی جاوا اسکریپت - اشیاء:
ویدئو - انواع اشیاء در جاوا اسکریپت
VIDEO - اصلاح اشیاء
تمرین و چالش ها - اشیاء - قسمت 1
تمرین و چالش ها - اشیاء - قسمت 2
تمرین و چالش ها - اشیاء - قسمت 3
ویدئو - اشیاء جهانی - "پنجره" و "جهانی"
VIDEO - روش های شی
اصول JAVASCRIPT - توابع:
ویدئو - مقدمه ای بر توابع
VIDEO - نحو تابع
تمرین - توابع - بخش 1
تمرین - توابع - بخش 2
چالش ها - توابع - قسمت 1
چالش ها - توابع - قسمت 2
VIDEO - عبارات تابع در مقابل اعلان های تابع
تمرین - عبارات تابع، setTimout()، setInterval()
چالش - عبارات تابع
✔ چالش - عبارات تابع - راه حل
اصول جاوااسکریپت - اپراتورها:
ویدئو - اپراتورها
ویدئو - عملوندها، Unary در مقابل عملگرهای باینری و نمادها
تمرین - عملگرهای حسابی - بخش 1
تمرین - عملگرهای حسابی - بخش 2
تمرین - مقایسه اپراتورها - بخش 1
تمرین - مقایسه اپراتورها - بخش 2
تمرین - عملگرهای منطقی - بخش 1
تمرین - عملگرهای منطقی - بخش 2
PRACTICE - اپراتورها اولویت و انجمن
چالش ها - اپراتورها - قسمت 1
چالش ها - اپراتورها - قسمت 2
مبانی جاوا اسکریپت - عبارات در مقابل عبارات:
ویدئو - عبارات در مقابل اظهارات - بخش 1
ویدئو - عبارات در مقابل بیانیه ها - بخش 2
تمرین - عبارات در مقابل بیانیه ها - بخش 1
تمرین - عبارات در مقابل بیانیه ها - بخش 2
چالش ها - عبارات در مقابل بیانیه ها
مبانی جاوا اسکریپت - دامنه:
ویدئو - محدوده - قسمت 1
VIDEO - Scopes - Part 2
ویدئو - متغیرهای اعلام نشده و "استفاده سخت"
تمرین - محدوده - بخش 1
تمرین - محدوده - بخش 2
چالش ها - محدوده
مبانی جاوا اسکریپت - آرایه ها:
ویدئو - آرایه ها
ویدئو - روش های آرایه
تمرین - آرایه ها - بخش 1
تمرین - آرایه ها - بخش 2
چالش ها - آرایه ها
مبانی جاوا اسکریپت - حلقه ها و بیانیه های شرطی:
ویدئو - "برای" حلقه
ویدئو - حلقه "در حالی که".
VIDEO - حلقه "do while".
VIDEO - حلقه‌های "برای در" و "برای"
حلقه های تمرین - بخش 1
حلقه های تمرین - بخش 2
حلقه‌های تمرین - به دنبال حلقه‌ها در یک کتابخانه جاوا اسکریپت عمومی می‌گردید
VIDEO - بیانیه های مشروط - if, if else و سوئیچ
ویدئو - اپراتور سه تایی
تمرین - عبارات شرطی و عملگر سه تایی - بخش 1
تمرین - عبارات شرطی و عملگر سه تایی - بخش 2
چالش ها - حلقه ها و شرایط - قسمت 1
چالش ها - حلقه ها و شرایط - قسمت 2
چالش ها - حلقه ها و شرایط - قسمت 3
چالش ها - "برای در" و اپراتور سه تایی
مبانی جاوا اسکریپت - موضوعات پیشرفته:
تمرین - "نوع" و "نمونه" اپراتورها
تمرین - "آرایه جدید"، "رشته جدید"
تمرین - "شیء جدید"، "عملکرد جدید"
تمرین - زمینه های اجرا و زمینه های اجرا پشته
تمرین - "این"
تمرین - روش های "تماس"، "اعمال" تابع
تمرین - روش "پیوند" تابع
تمرین - "گذر از ارزش" در مقابل "گذر با مرجع"
تمرین - IIFE - بیان تابع بلافاصله فراخوانی شده است
تمرین - اجرای کد همزمان
تمرین - صف رویدادها و رویدادها
تمرین - پاسخ به تماس - بخش 1
تمرین - پاسخ به تماس - بخش 2
تمرین - بسته شدن
چرخه عمر متغیرهای ES6:
VIDEO - دامنه ها - جهانی، عملکرد و بلوک
ویدئو - اجازه دهید
ویدئو - پایان
VIDEO - دستورالعمل‌های استفاده از متغیرها
ویدئو - Var، Let یا Const؟
چالش 1-1 - let، var و const
✔ چالش 1-1 - اجازه دهید، var و const - راه حل
چالش 1-2 - let، var و closures
✔ چالش 1-2 - اجازه دهید، var و بسته شدن - راه حل
ویدئو - فازهای موتور جاوا اسکریپت
ویدئو - فازهای چرخه حیات متغیر
ویدئو - چرخه عمر Var
ویدئو - چرخه حیات متغیر اعلام نشده
ویدئو - اجازه دهید چرخه زندگی
ویدئو - چرخه عمر Const
ویدئو - چرخه عمر تابع - قسمت 1
ویدئو - چرخه عمر تابع - قسمت 2
ویدئو - در نهایت بالا بردن چیست؟
DEMO - کنار هم قرار دادن متغیرهای مختلف چرخه زندگی
✔ DEMO - کنار هم قرار دادن متغیرهای مختلف چرخه زندگی - راه حل، قسمت 1
✔ DEMO - کنار هم قرار دادن متغیرهای مختلف چرخه زندگی - راه حل، قسمت 2
چالش 1-3 - چرخه زندگی متغیر
✔ چالش 1-3 - چرخه زندگی متغیر - راه حل
VIDEO - خلاصه بخش فازهای متغیر
عملکردهای پیکان ES6:
VIDEO - مروری بر عملکردهای سنتی جاوا اسکریپت.
VIDEO - مقدمه ای بر عملکردهای پیکان
VIDEO - نحو توابع پیکان
تمرین - توابع پیکان
VIDEO - توابع پیکان و "این".
VIDEO - توابع منظم به جای توابع پیکان
چالش 2-1 - توابع منظم در مقابل پیکان
چالش 2-1 - توابع منظم در مقابل پیکان - راه حل
ویدئو - استدلال در توابع
VIDEO - خلاصه توابع پیکان
روش‌های کمکی آرایه ES5.1:
تمرین - forEach()
CHALLENGE 3-1 - forEach() با Index
✔ CHALLENGE 3-1 - forEach() با Index - SOLUTION
VIDEO - map() نمای کلی
تمرین - نقشه ()
CHALLENGE 3-2 - map() JSON به Object
✔ CHALLENGE 3-2 - map() JSON به Object - SOLUTION
VIDEO - filter() نمای کلی
تمرین - filter()
VIDEO - find() بررسی اجمالی
تمرین - find()
CHALLENGE 3-3 - find() Single Post
✔ CHALLENGE 3-3 - find() Single Post - SOLUTION
VIDEO - هر() و برخی() بررسی اجمالی
تمرین - every() و some()
چالش 3-4 آیا آرایه اعداد مرتب شده است؟
✔ چالش 3-4 آیا آرایه اعداد مرتب شده است؟ - راه حل
چالش 3-5 آیا آرایه ها برابر هستند یا نه؟
✔ چالش 3-5 آیا آرایه ها برابر هستند یا نه؟ - راه حل
چالش 3-6 بررسی کنید که آیا عنصر در آرایه است
✔ چالش 3-6 بررسی کنید که آیا عنصر در آرایه است - راه حل
VIDEO - شامل () بررسی اجمالی
تمرین - شامل()
CHALLENGE 3-7 شامل() با آرایه یا شیء است
✔ CHALLENGE 3-7 شامل() با آرایه یا شی - راه حل
چالش 3-8 اگر وجود ندارد، عنصر را به آرایه فشار دهید
✔ چالش 3-8 فشار عنصر به آرایه اگر وجود ندارد - راه حل
VIDEO - کاهش () بررسی اجمالی
تمرین - کاهش ()
چالش 3-9 کاهش آرایه از اشیاء
✔ چالش 3-9 کاهش آرایه از اشیاء - راه حل
چالش 3-10 کاهش آرایه از اشیاء به شی
✔ چالش 3-10 کاهش آرایه از اشیا به شی - راه حل
VIDEO - آیا می دانید sort() چگونه کار می کند؟
VIDEO - مروری بر الگوریتم های مرتب سازی
ویدئو - مرتب سازی پایدار در مقابل ناپایدار
VIDEO - sort() نمای کلی
VIDEO - sort() بدون آرگومان
VIDEO - sort() تجزیه و تحلیل الگوریتم های مرتب سازی
VIDEO - الگوریتم های sort() در مرورگرهای مختلف
CHALLENGE 3-11 sort() آرایه ای از اشیاء
✔ CHALLENGE 3-11 sort() آرایه اشیاء - راه حل
CHALLENGE 3-12 sort() آرایه طولانی اشیاء
✔ CHALLENGE 3-12 sort() آرایه طولانی اشیاء - راه حل
VIDEO - sort() خلاصه
VIDEO - روش های کمکی آرایه خلاصه
قالب ES6 Literals:
VIDEO - برچسب‌گذاری شده الگوهای مروری
Challenge 4-1 Template Literals
✔ چالش 4-1 قالب الفاظ - راه حل
CHALLENGE 4-2 الگوی پیش فرض برچسب گذاری شده
✔ CHALLENGE 4-2 الگوی پیش فرض برچسب گذاری شده - راه حل
اپراتورهای ES6 Rest/Spread و پارامترهای عملکرد پیش فرض:
تمرین - پارامترهای استراحت
VIDEO - نمای کلی اپراتور Spread
تمرین - اپراتور گسترش
چالش 5-1 اپراتورهای استراحت و پخش
✔ چالش 5-1 اپراتورهای استراحت و پخش - راه حل
VIDEO - نمای کلی پارامترهای عملکرد پیش فرض
تمرین - پارامترهای تابع پیش فرض
CHALLENGE 5-2 مقدار پیش فرض بدون پارامترهای پیش فرض
✔ CHALLENGE 5-2 مقدار پیش فرض بدون پارامترهای پیش فرض - راه حل
چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده
✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 1
✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 2
✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 3
✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 4
ES6 Enhanced Object Literals:
تمرین - لفظ شیء پیشرفته
چالش 6-1 لفظ شیء پیشرفته
✔ CHALLENGE 6-1 لفظ شیء پیشرفته - راه حل
آرایه ES6 و تخریب اشیا:
تمرین - تخریب آرایه
چالش 6-2 تخریب آرایه
✔ چالش 6-2 تخریب آرایه - راه حل
چالش 6-3 نتیجه تخریب تابع
✔ چالش 6-3 نتیجه تخریب تابع - راه حل
تمرین - تخریب شی - بخش 1
VIDEO - نام متغیرهای جدید و مقادیر پیش‌فرض در تخریب شی
تمرین - تخریب شی - قسمت 2
چالش 6-4 تخریب شی
✔ چالش 6-4 تخریب شی - راه حل
چالش 6-5 روش‌های کمک‌کننده ساختار و آرایه
✔ چالش 6-5 روش های تخریب شی و کمک آرایه - راه حل
چالش 6-6 حذف ویژگی های شی
✔ چالش 6-6 حذف ویژگی های شی - راه حل
کلاس‌ها، نمونه‌های اولیه و سازنده‌های عملکرد ES6:
ویدئو - ارث چیست؟
ویدئو - نمونه اولیه زنجیره
ویدئو - __proto__ و [[نمونه اولیه]]
ویدئو - نمونه اولیه چیست؟
ویدئو - __proto__ را دوباره اختصاص ندهید
ویدئو - نمونه های اولیه - قسمت 1
ویدئو - نمونه های اولیه - قسمت 2
ویدئو - وراثت نمونه اولیه در جاوا اسکریپت
تمرین - سازندگان عملکرد - بخش 1
VIDEO - بررسی اجمالی سازندگان عملکرد
تمرین - سازندگان عملکرد - بخش 2
تمرین - سازندگان عملکرد - بخش 3
VIDEO - Object.create() نمای کلی
تمرین - Object.create()
تمرین - سازندگان عملکرد - بخش 4
VIDEO - Function Constructors - نمونه اولیه جدید در زنجیره
چالش 7-1 نمونه اولیه را در زنجیره نمونه اولیه موجود قرار دهید
چالش 7-1 درج نمونه اولیه در زنجیره نمونه اولیه موجود - راه حل
VIDEO - "instanceof" و "typeof" در زنجیره اولیه
چالش 7-2 رفع اشتباهات در سازنده های عملکرد
چالش 7-2 رفع اشتباهات در سازنده عملکرد - راه حل
VIDEO - کلاس ها - بررسی اجمالی
ویدئو - کلاس‌ها در مقابل سازنده‌های عملکرد
تمرین - کلاس ها - بخش 1
تمرین - کلاس ها - بخش 2
تمرین - کلاس ها - بخش 3
چالش 7-3 سازنده های تابع را به کلاس ها تبدیل کنید
چالش 7-3 تبدیل سازنده های تابع به کلاس ها - راه حل
چالش 7-4 گسترش آرایه
چالش 7-4 گسترش آرایه - راه حل
روش فشار سفارشی برای آرایه ها چالش 7-5
چالش 7-5 روش فشار سفارشی برای آرایه ها - راه حل
ویدئو - کلاس های React و ES6
چالش 7-6 کلاس در React - دکمه اضافی
چالش 7-6 کلاس در React - دکمه اضافی - راه حل
بابل مقدمه:
ویدئو - کامپایلر چیست؟
ویدئو - زبان های کامپایل شده در مقابل زبان های تفسیر شده
ویدئو - ترانسپایلر
VIDEO - Transpling vs Compiling
ویدئو - ES5، ES6 و جاوا اسکریپت
ویدئو - بابل چه می کند؟
ویدئو - چرا به بابل نیاز داریم؟
VIDEO - پشتیبانی از ES6 توسط مرورگرها
ویدئو - چند مرورگر به کد ES5 کامپایل شده نیاز دارند؟
تمرین - Babel در عمل - اپراتور ES6 Rest
تمرین - مقایسه عملکرد - ES6 Rest Operator(Node.js)
تمرین - مقایسه عملکرد - ES6 Rest Operator (Google Chrome)
چالش - مقایسه عملکرد - تخریب ساختار ES6
CHALLENGE - مقایسه عملکرد - ES6 Destructurng - SOLUTION
VIDEO - User Agent چیست؟
VIDEO - فایل های JS مختلف را به مرورگرهای مختلف ارائه دهید
VIDEO - فایل های JS مختلف روی سرور
تمرین - تشخیص مرورگر در مشتری
چالش - پشتیبانی از ویژگی را در مرورگر شناسایی کنید
چالش - شناسایی پشتیبانی از ویژگی در مرورگر - راه حل
چالش - تگ های اسکریپت مختلف را در DOM وارد کنید
چالش - برچسب های اسکریپت مختلف را در DOM - SOLUTION وارد کنید
ویدئو - بابل چگونه کار می کند؟
تمرین - کامپایلر آنلاین بابل
ویدئو - Babel را به صورت جهانی نصب کنید
تمرین - فایل JS را با استفاده از Babel کامپایل کنید
VIDEO - پلاگین ها و تنظیمات از پیش تعیین شده
NPM - Node Package Manager:
تمرین - کاوش بسته های NPM
VIDEO - Package.json و init
ویدئو - نسخه سازی معنایی
VIDEO - نصب بسته ها
تمرین - بسته را در پروژه نصب کنید
چالش - بسته Semver را نصب کنید
✔ CHALLENGE - بسته Semver را نصب کنید - راه حل
تمرین - فهرست مرورگرها را نصب کنید - بسته با وابستگی های خاص خود
ویدئو - وابستگی ها و وابستگی های توسعه
تمرین - وابستگی های توسعه را بررسی کنید
تمرین - برنامه مرورگر در مقابل بسته سرور
چالش - برنامه مرورگر ساعت
✔ چالش - برنامه مرورگر ساعت - راه حل
ویدئو - خلاصه چالش ساعت
VIDEO - برنامه مرورگر در مقابل بسته عمومی
تمرین - کاوش اطلاعات بسته و نسخه
تمرین - نصب نسخه بسته خاص
ویدئو - چرا فایل package-lock.json مورد نیاز است؟
چالش - نسخه بسته قدیمی را بدون فایل قفل دوباره نصب کنید
✔ CHALLENGE - نسخه بسته قدیمی را بدون فایل قفل مجدد نصب کنید - راه حل
ویدئو - نحوه مدیریت فایل قفل
VIDEO - خلاصه فایل قفل
VIDEO - مرور کلی بسته های NPM را به روز کنید
چالش - وابستگی های پروژه را به روز کنید
✔ چالش - به روز رسانی وابستگی های پروژه - راه حل
ویدئو - مقدمه ای بر اسکریپت های NPM
تمرین - اسکریپت npm را شروع کنید
چالش - ایجاد اسکریپت از پیش شروع
✔ چالش - ایجاد اسکریپت از پیش شروع - راه حل
تمرین - اسکریپت های NPM سفارشی
چالش - اسکریپت های NPM را به طور همزمان اجرا کنید
✔ چالش - اسکریپت های NPM را به طور همزمان اجرا کنید - راه حل
VIDEO - پوشه NPM .bin با اسکریپت های اجرایی
تمرین - پوشه .bin را در مک کاوش کنید
تمرین - پوشه bin. را در ویندوز کاوش کنید
ویدئو - جمع بندی اسکریپت های NPM