آموزش چالش‌های کدنویسی جاوااسکریپت: ساخت اپلیکیشن‌های وب - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• ساخت اپلیکیشن‌های وب با جاوااسکریپت Creating web apps with JavaScript

۱. تایمر پومودورو 1. Pomodoro Timer

• چرخه کار/استراحت Work/break cycle

• شروع، توقف و بازنشانی Start, pause, reset

• برنامه‌ریزی ویژگی‌ها Planning the features

• پرداخت‌های نهایی Final touches

• چالش: ردیابی چرخه‌ها Challenge: Tracking cycles

• مروری بر مفاهیم ضروری جاوااسکریپت Overview of the necessary JavaScript concepts

• طراحی رابط کاربری (UI) Creating the UI

• تایمر استاتیک Static timer

• مقدمه: تایمر پومودورو Introduction: Pomodoro timer

• راه حل: ردیابی چرخه‌ها Solution: Tracking cycles

۲. پت مجازی 2. Virtual Pet

• برنامه‌ریزی ویژگی‌ها Planning the features

• طراحی رابط کاربری (UI) Creating the UI

• پرداخت‌های نهایی Final touches

• چالش: دریافت گزارش سلامت Challenge: Getting a health report

• راه حل: دریافت گزارش سلامت Solution: Getting a health report

• مقدمه: پت مجازی Introduction: Virtual pet

• مراقبت از پت مجازی Taking care of the virtual pet

• مرور سریع مفاهیم ضروری جاوااسکریپت Quick overview of the necessary JavaScript concepts

• افزودن حلقه بازی (Game Loop) Adding the game loop

۳. تخته کانبان 3. Kanban Board

• ذخیره وضعیت (State) Saving the state

• ساخت تسک استاتیک Static task creation

• مروری بر مفاهیم ضروری جاوااسکریپت Overview of the necessary JavaScript concepts

• پرداخت‌های نهایی Final touches

• چالش: حذف تسک‌ها Challenge: Deleting tasks

• برنامه‌ریزی ویژگی‌ها Planning the features

• منطق کشیدن و رها کردن (Drag and Drop) Drag-and-drop logic

• مقدمه: تخته کانبان Introduction: Kanban board

• راه حل: حذف تسک‌ها Solution: Deleting tasks

• طراحی رابط کاربری (UI) Creating the UI

۴. ردیاب درخواست‌های شغلی (فرانت‌اند و بک‌اند) 4. Job Application Tracker (Front End and Back End)

• تست بک‌اند Test the backend

• ایجاد لیست مشاغل Create the job list

• چالش: افزودن مشاغل مورد علاقه Challenge: Adding job favorites

• ساخت بک‌اند با Node.js و Express.js Creating the backend with Node.js and Express.js

• راه حل: افزودن مشاغل مورد علاقه Solution: Adding job favorites

• برنامه‌ریزی ویژگی‌ها Planning the features

• ساخت فرم افزودن مشاغل Create the form for adding jobs

• مروری بر مفاهیم ضروری جاوااسکریپت Overview of the necessary JavaScript concepts

• پرداخت‌های نهایی Final touches

• مقدمه: ردیاب درخواست‌های شغلی Introduction: Job application tracker

۵. ویرایشگر کد تحت وب 5. Web-Based Code Editor

• برنامه‌ریزی ویژگی‌ها Planning the features

• افزودن هایلایت نحو (Syntax Highlighting) Adding syntax highlighting

• چالش: پشتیبانی از چندین زبان Challenge: Multiple language support

• مروری بر مفاهیم ضروری جاوااسکریپت Overview of the necessary JavaScript concepts

• حالت تاریک و روشن Dark and light mode

• مقدمه: ویرایشگر کد تحت وب Introduction: Web-based code editor

• ناحیه متن و پیش‌نمایش زنده Text area and live preview

• پرداخت‌های نهایی Final touches

• طراحی رابط کاربری (UI) Creating the UI

• راه حل: پشتیبانی از چندین زبان Solution: Multiple language support

جمع‌بندی Conclusion

• گام‌های بعدی Next steps