جاوااسکریپت مدرن و توسعه فرانت‌اند نرم‌افزار

آنچه یاد خواهید گرفت:

• توسعه فرانت‌اند
• توسعه جاوااسکریپت
• جاوااسکریپت غیرهمزمان مدرن
• promises و workers در جاوااسکریپت
• Web Apis - بررسی APIs مرورگر و شخص ثالث

پیش‌نیازهای دوره

• کار با کامپیوتر
• اتصال به اینترنت
• (توصیه‌شده) دانلود و نصب وب سرور

توضیحات دوره

جاوااسکریپت مدرن واقعاً یک هدف وسیع و متغیر است. ممکن است پنج سال پیش جاوااسکریپت را یاد گرفته باشید و برخی از تکنیک‌های آن به استانداردهای امروز قدیمی تلقی شوند، درست همان‌طور که ممکن است تکنیک‌های جاوااسکریپت را از بیش از 20 سال پیش بشناسید که هنوز هم به عنوان بهترین شیوه‌های مدرن در نظر گرفته می‌شوند. هدف این است که شما را در این دوره از طریق زیروبم مختلف جاوااسکریپت همراهی کنیم تا جاوااسکریپت مدرن را به شکلی که امروز شناخته می‌شود یاد بگیرید.

در این دوره مباحث زیر را توضیح می‌دهیم:

مراحل تبدیل شدن به توسعه‌دهنده جاوااسکریپت

• ابزارها و دانش مورد نیاز

مبانی جاوااسکریپت

• جاوااسکریپت چیست؟
• استراتژی‌های بارگذاری اسکریپت
• متغیرها
• ثابت‌ها
• عملگرها
• شرطی‌ها
• رویدادها
• رشته‌ها
• توابع

رشته‌ها و آرایه‌ها

• تعامل با صفحات HTML
• استفاده از جاوااسکریپت برای تعامل با یک فرم
• مدیریت رویدادها در عناصر ورودی یک فرم با جاوااسکریپت
• استفاده از جاوااسکریپت برای تغییر استایل CSS عناصر HTML
• آبجکت سند

عیب‌یابی جاوااسکریپت

بلوک‌های سازنده جاوااسکریپت

• شرطی‌ها
• کد حلقه‌‌ها
• توابع

اطلاعات بیشتر درباره رویدادها

• listeners رویداد
• آبجکت‌های رویداد
• ویژگی‌ها و متدهای رویداد

آبجکت‌های جاوااسکریپت

• ویژگی‌ها و متدهای آبجکت
• آبجکت‌های درون آبجکت‌ها
• تنظیم و اصلاح اعضای آبجکت‌
• ایجاد آبجکت‌ها

نمونه‌های اولیه‌ آبجکت جاوااسکریپت

• زنجیره نمونه اولیه
• ویژگی‌های Shadowing
• تنظیم نمونه‌های اولیه 
• ویژگی‌های خاص نمونه‌های اولیه 
• نمونه‌های اولیه و وراثت

برنامه‌نویسی شی‌گرا در جاوااسکریپت

• کلاس‌ها و نمونه‌ها
• وراثت
• کپسوله‌سازی
• OOP در جاوااسکریپت

کار با داده‌ جی سان

جاوااسکریپت غیرهمزمان - سنتی

• چرا جاوااسکریپت غیرهمزمان؟
• هندلرهای رویداد با جاوااسکریپت غیرهمزمان
• جاوااسکریپت غیرهمزمان و Callbacks

جاوااسکریپت غیرهمزمان - مدرن

• Promises
• fetch() API
• زنجیره‌سازی Promise
• مدیریت خطاها با promises
• اصطلاحات promise
• ترکیب چندین promise
• async و await
• Workers

web APIs سمت کلاینت

• API چیست؟
• APIs رایج مرورگر و APIs رایج شخص ثالث
• APIs چگونه کار می‌کنند؟
• APIs مدل آبجکت سند (DOM)
• APIs برای واکشی داده از سرور
• APIs شخص ثالث

در پایان، ما چند اپلیکیشن را مشاهده خواهیم کرد تا آنچه را که در این دوره یاد گرفته‌ایم اعتبارسنجی کنیم.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان نرم‌افزار
• توسعه‌دهندگان فرانت‌اند
• طراحان وب
• توسعه‌دهندگان جاوااسکریپت