دوره آموزشی چالشهای کدنویسی جاوااسکریپت: ساخت اپلیکیشنهای وب
2 ساعت 4 دقیقهمتوسط2025-08-01
مدرسین
Maaike van Putten
Trainer and Developer for Java, Python, Spring Boot, and More
جزئیات دوره
اگه دوست داری جاوااسکریپت (JavaScript) رو به شکل واقعی و عملی یاد بگیری، این دوره دقیقاً برای توئه! «مایکه ون پوتن» تو این دوره آموزشی، یه سری پروژههای کاربردی برات آماده کرده که میتونی به ترتیب انجامشون بدی، یا اینکه هر کدوم که دوست داشتی رو انتخاب کنی و تمرین کنی.
از ساخت یه تایمر پومودوروی ساده شروع میکنی و در نهایت میرسی به ساخت یه ادیتور کدنویسی آنلاین با کلی امکانات حرفهای و حتی یه سیستم پیگیری شغل تمامعیار (full-stack). تو این مسیر یاد میگیری چطور توی بردهای کانبان قابلیت Drag & Drop اضافه کنی، چطور دادههات رو با Local Storage ذخیره کنی و چطور با استفاده از REST API و فرمت JSON بین کلاینت و سرور ارتباط برقرار کنی.
یکی از جذابترین بخشهای دوره، ساخت یه محیط برنامهنویسی تحت وبه که کد رو زنده نمایش میده، با قابلیت هایی مثل هایلایت کد، مد شب (Dark Mode) و تنظیمات شخصیسازی. این دوره باعث میشه بهجای حفظ کردن تئوریها، واقعاً پروژه بسازی و دستت توی ساخت اپلیکیشنهای تعاملی و کاربردی حسابی راه بیفته.
در پایان، کلی پروژه کاربردی خواهی داشت که میتونی تو رزومهات بذاری و با اعتماد به نفس برای موقعیتهای کاری در سطح ابتدایی (entry-level) اقدام کنی.
🎯 اهداف یادگیری:
ساخت یک پورتفولیوی کاربردی برای استفاده در درخواست شغلهای سطح ابتدایی
ایجاد انواع پروژههای متنوع جاوااسکریپت برای استفاده شخصی یا حرفهای
کسب تجربه عملی با جاوااسکریپت در محیط واقعی توسعه
آمادهسازی برای ورود به دورههای پیشرفتهتر جاوااسکریپت یا فولاستک
یادگیری استفاده از localStorage برای حفظ دادهها
بهکارگیری REST API و JSON در ارتباط سرور-کلاینت
پیادهسازی قابلیت کشیدن و رها کردن در پروژههای واقعی
ساخت رابط کاربری پویا با ویژگیهایی مثل دارک مود، ادیتور زنده و هایلایت کد
از ساخت یه تایمر پومودوروی ساده شروع میکنی و در نهایت میرسی به ساخت یه ادیتور کدنویسی آنلاین با کلی امکانات حرفهای و حتی یه سیستم پیگیری شغل تمامعیار (full-stack). تو این مسیر یاد میگیری چطور توی بردهای کانبان قابلیت Drag & Drop اضافه کنی، چطور دادههات رو با Local Storage ذخیره کنی و چطور با استفاده از REST API و فرمت JSON بین کلاینت و سرور ارتباط برقرار کنی.
یکی از جذابترین بخشهای دوره، ساخت یه محیط برنامهنویسی تحت وبه که کد رو زنده نمایش میده، با قابلیت هایی مثل هایلایت کد، مد شب (Dark Mode) و تنظیمات شخصیسازی. این دوره باعث میشه بهجای حفظ کردن تئوریها، واقعاً پروژه بسازی و دستت توی ساخت اپلیکیشنهای تعاملی و کاربردی حسابی راه بیفته.
در پایان، کلی پروژه کاربردی خواهی داشت که میتونی تو رزومهات بذاری و با اعتماد به نفس برای موقعیتهای کاری در سطح ابتدایی (entry-level) اقدام کنی.
🎯 اهداف یادگیری:
ساخت یک پورتفولیوی کاربردی برای استفاده در درخواست شغلهای سطح ابتدایی
ایجاد انواع پروژههای متنوع جاوااسکریپت برای استفاده شخصی یا حرفهای
کسب تجربه عملی با جاوااسکریپت در محیط واقعی توسعه
آمادهسازی برای ورود به دورههای پیشرفتهتر جاوااسکریپت یا فولاستک
یادگیری استفاده از localStorage برای حفظ دادهها
بهکارگیری REST API و JSON در ارتباط سرور-کلاینت
پیادهسازی قابلیت کشیدن و رها کردن در پروژههای واقعی
ساخت رابط کاربری پویا با ویژگیهایی مثل دارک مود، ادیتور زنده و هایلایت کد
مهارت ها
Ecma InternationalJavaScriptProgramming LanguagesSoftware DevelopmentOne-Off
سرفصل ها
۰. مقدمه
- 01 - ایجاد برنامههای وب با جاوا اسکریپت
۱. تایمر پومودورو
- 02 - مقدمه - تایمر پومودورو
- 03 - برنامه ریزی ویژگی ها
- 04 - ایجاد رابط کاربری
- 05 - مروری بر مفاهیم ضروری جاوا اسکریپت
- 06 - تایمر استاتیک
- 07 - شروع، مکث، تنظیم مجدد
- 08 - چرخه استراحت کاری
- 09 - کارهای نهایی
- 10 - چالش - ردیابی چرخهها
- 11 - راهکار - ردیابی چرخهها
۲. حیوان خانگی مجازی
- 12 - مقدمه - حیوان خانگی مجازی
- 13 - برنامهریزی ویژگیها
- 14- ایجاد رابط کاربری
- 15 - مروری سریع بر مفاهیم ضروری جاوا اسکریپت
- 16 - مراقبت از حیوان خانگی مجازی
- 17 - اضافه کردن حلقه بازی
- 18 - نکات پایانی
- 19 - چالش - دریافت گزارش سلامت
- 20 - راه حل - دریافت گزارش سلامت
۳. تخته کانبان
- 21 - مقدمه - تخته کانبان
- 22 - برنامهریزی ویژگیها
- 23 - ایجاد رابط کاربری
- 24 - مروری بر مفاهیم ضروری جاوا اسکریپت
- 25 - ایجاد وظیفه استاتیک
- 26 - منطق کشیدن و رها کردن
- 27 - نجات ایالت
- 28 - کارهای نهایی
- 29 - چالش - حذف وظایف
- 30 - راه حل - حذف وظایف
۴. ردیاب درخواست کار (جلو و عقب)
- 31 - مقدمه - ردیاب درخواست کار
- 32 - برنامهریزی ویژگیها
- 33 - مروری بر مفاهیم ضروری جاوا اسکریپت
- 34 - ایجاد backend با Node.js و Express.js
- 35 - بکاند را تست کنید
- 36 - لیست مشاغل را ایجاد کنید
- 37 - فرم اضافه کردن شغلها را ایجاد کنید
- 38 - کارهای نهایی
- 39 - چالش - اضافه کردن شغلهای مورد علاقه
- 40 - راه حل - اضافه کردن موارد دلخواه شغل
۵. ویرایشگر کد تحت وب
- 41 - مقدمه - ویرایشگر کد مبتنی بر وب
- 42 - برنامهریزی ویژگیها
- 43- ایجاد رابط کاربری
- 44 - مروری بر مفاهیم ضروری جاوا اسکریپت
- 45 - ناحیه متن و پیشنمایش زنده
- 46 - افزودن هایلایت کردن سینتکس
- 47 - حالت تاریک و روشن
- 48 - آخرین مراحل
- 49 - چالش - پشتیبانی از چندین زبان
- 50 - راهکار - پشتیبانی از چندین زبان
نتیجهگیری
- 51 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی یادگیری سلنیوم با Node.js
- دوره آموزشی Async در جاوا اسکریپت
- دوره آموزشی تمرین جاوا اسکریپت: برنامه نویسی شی گرا
- دوره آموزشی یادگیری جامع زبان سی
- دوره آموزشی توسعه مبتنی بر تست در دنیای هوش مصنوعی
- دوره آموزشی چالشهای کد جاوااسکریپت
- دوره آموزشی ساختار دادهها در جاوا اسکریپت: درخت جستجوی دودویی (BST)، صفها و پشتهها
- دوره آموزشی الگوهای JavaScript: راهحلهای مدرن برای چالشهای رایج
مسیرهای مرتبط
- مسیر آموزشی تقویت مهارت های زبان برنامه نویسی React
- مسیر آموزشی توسعه وب را با Vanilla JavaScript کاوش کنید
- مسیر آموزشی تبدیل شدن به استاد جاوا اسکریپت
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده جاوا اسکریپت
- مسیر آموزشی توسعه برنامه را با پشته MERN کاوش کنید
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده MEAN Javascript
- مسیر آموزشی تبدیل شدن به یک توسعه دهنده Back-End وب
- مسیر آموزشی کاوش شغلی در توسعه وب فرانت اند