دوره آموزشی چالشهای کدنویسی جاوااسکریپت: ساخت اپلیکیشنهای وب
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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جاوااسکریپت: ساخت ساختار داده لیستهای پیوندی
- دوره آموزشی یادگیری جاوااسکریپت: نوشتن کد مدرن با JavaScript ESNext
- دوره آموزشی یادگیری برنامهنویسی تابعی با جاوااسکریپت +ES6
- دوره آموزشی ساخت برنامههای تایپاسکریپت با JSDoc
- دوره آموزشی LangChain.js: یک ابزار زنجیرهای هوش مصنوعی برای توسعهدهندگان جاوااسکریپت
- دوره آموزشی ساختار دادهها در جاوا اسکریپت: درخت جستجوی دودویی (BST)، صفها و پشتهها
- دوره آموزشی اصول امنیتی جاوا اسکریپت
- دوره آموزشی ساخت یک مونو ریپو مقیاسپذیر با استفاده از جاوااسکریپت و تایپاسکریپت