آموزش عملی و جامع جاوااسکریپت (JavaScript) - آخرین آپدیت

مقدمه Introduction

• تمرین عملی جاوااسکریپت Hands-on JavaScript

• استفاده از GitHub Codespaces در این دوره Using GitHub Codespaces with this course

۱. تحلیل و کالبدشکافی JS 1. Picking JS Apart

• افزودن داده‌های جدید به یک آبجکت موجود Add new data to an existing data object

• استخراج داده‌های مورد نیاز از یک آبجکت Pull only the data you need from an object

• قابلیت استفاده مجدد از کامپوننت‌ها از طریق Nesting Make a component reusable through nesting

• اصلاح و تغییر یک کامپوننت Modify a component

• تجزیه و تحلیل توابع پیچیده Break down a complex function

۲. ساخت جاوااسکریپت از صفر 2. Building JS from Scratch

• راه‌اندازی ESLint و Prettier Set up ESLint and Prettier

• بارگذاری تنبل (Lazy Load) محتوا با IntersectionObserver Lazy-load content with IntersectionObserver

• ذخیره تنظیمات حالت تاریک (Dark Mode) در مرورگر Store dark mode settings in the browser

• ساخت سوئیچ تغییر حالت تاریک و روشن Create a dark mode switch

• تشخیص حالت فعلی سیستم Detect existing mode

• ساخت نشانگر Loading و شبیه‌سازی زمان بارگذاری Create a "loading" indicator and simulate loading time

۳. توسعه و گسترش JS 3. Extending JS

• افزودن انتخاب‌گر مکان (Location Selector) Add a location selector

• دسترسی به مستندات و API Get access and documentation for an API

• افزودن دکمه تغییر واحدها Add a button to change units

• ساخت کامپوننت با استفاده از داده‌های API Build a component utilizing API data

• دریافت داده‌ها از یک API Fetch data from an API

جمع‌بندی Conclusion

• گام‌های بعدی و پیشرفته Going further