20 پروژه جاوااسکریپت: امروز اپلیکیشن های واقعی برای نمونه کار بسازید
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک وب اپلیکیشن با استفاده از جاوااسکریپت
- مدیریت موثر تعاملات کاربر و رویدادهای مرورگر
- دستکاری DOM برای ایجاد صفحات وب پویا
- سازماندهی و مدیریت کد پروژه مانند یک توسعهدهنده حرفهای
پیشنیازهای دوره
- دانش اولیه با جاوااسکریپت
توضیحات دوره
جاوااسکریپت را به عملیترین روش ممکن با ساخت یک وب اپلیکیشن کامل و واقعی از ابتدا یاد بگیرید. این دوره مبتنی بر پروژه بهطور خاص برای تازهکاران و توسعهدهندگان مشتاقی طراحی شده که میخواهند تجربه واقعی کسب کنند، نه فقط دانش تئوری. چه در آغاز سفر توسعه وب خود باشید و چه به دنبال تقویت مهارتهای جاوااسکریپت خود، این دوره گام به گام به شما در رسیدن به اهدافتان کمک میکند.
در طول دوره، شما یک وب اپلیکیشن تعاملی و کاملاً کاربردی با استفاده از مفاهیم اصلی جاوااسکریپت خواهید ساخت. از مبانی شامل متغیرها، توابع و شرطها شروع میکنید، سپس به سراغ موضوعات پیشرفتهتر مانند کار با آرایهها، مدیریت رویدادها و دستکاری مدل آبجکت سند (DOM) میروید. هر مفهوم با تمرکز بر کاربرد عملی آموزش داده میشود تا نه تنها چگونگی کارکرد جاوااسکریپت، بلکه چگونگی بهکارگیری آن در سناریوهای واقعی را بیاموزید.
همچنین یاد میگیرید که مانند یک توسعهدهنده فکر کنید و کد پروژه خود را بهصورت سازمانیافته و حرفهای ساختار دهید. از نوشتن کد تمیز و قابلخواندن تا درک چگونگی همکاری بخشهای مختلف پروژه، مهارتهایی فراتر از صرف کدنویسی میسازید. در پایان دوره، یک پروژه کامل و آماده اشتراکگذاری خواهید داشت که میتواند بهعنوان بخشی از نمونه کار یا یک دستاورد شخصی مورد استفاده قرار گیرد.
این دوره برای هرکسی که به توسعه وب علاقهمند است ایدهآل است، خواه قصد کار بهعنوان یک توسعهدهنده حرفهای را دارید، خواه میخواهید پروژههای فریلنسری بسازید یا صرفاً وبسایتها و اپلیکیشنهای شخصی ایجاد کنید. هیچ تجربه برنامهنویسی قبلی لازم نیست و همه مفاهیم بهطور واضح و ساده توضیح داده شدهاند.
با شرکت در این دوره، شما فقط نحو جاوااسکریپت را یاد نمیگیرید؛ بلکه یاد میگیرید چگونه مشکلات را حل کنید، پروژهها بسازید و مانند یک توسعهدهنده فکر کنید. سفر خود را امروز آغاز کنید و اولین وب اپلیکیشن مبتنی بر جاوااسکریپت خود را خلق کنید که با افتخار آن را نمایش دهید.
همین حالا بپیوندید و آینده خود را بهعنوان یک توسعهدهنده وب با جاوااسکریپت بسازید.
این دوره برای چه کسانی مناسب است؟
- تازهکارانی که سفر توسعه وب خود را آغاز میکنند.
- توسعهدهندگان مشتاق جاوااسکریپت که به دنبال تجربه پروژه هستند.
- دانشجویان و حرفهایهایی که به سمت مشاغل فناوری تغییر مسیر میدهند.
20 پروژه جاوااسکریپت: امروز اپلیکیشن های واقعی برای نمونه کار بسازید
-
معرفی دوره 00:32
-
معرفی مختصر 01:54
-
ساختار و المانهای HTML 05:05
-
درج آیتمهای لیست در DOM 08:34
-
به هم ریختن آیتمهای لیست 07:20
-
استایلدهی اپ با استفاده از CSS 11:57
-
قابلیت درگ و دراپ کردن 10:26
-
بررسی ترتیب 04:10
-
معرفی مختصر اپلیکیشن 01:30
-
نگاهی به ریاضیات اولیه در ساعت آنالوگ 05:22
-
ایجاد HTML و CSS 08:38
-
افزودن عقربه ساعت، دقیقه و ثانیه 10:28
-
نوشتن جاوااسکریپت برای به کار انداختن ساعت 08:16
-
خلاصهسازی اپلیکیشن 02:02
-
معرفی مختصر 04:59
-
ساختار پوشه و طراحی هدر صفحه 10:11
-
افزودن محتوا به صفحه با HTML 09:33
-
ایجاد کلاس UI_Book در جاوااسکریپت 10:38
-
افزودن Event Listener برای نمایش کتابها 11:58
-
نمایش مقادیر ورودی کاربر در جدول 11:37
-
افزودن تابع حذف و اعتبارسنجی 10:18
-
نمایش اعلانهای خطا 15:37
-
نمایش اعلانهای موفقیت 07:09
-
کار با Local Storage 17:56
-
خلاصهسازی اپلیکیشن 05:33
-
معرفی اپلیکیشن 06:57
-
ساختار پوشه و طرح بندی اولیه 14:03
-
ایجاد آیکنهای Play ،Pause ،Next ،Previous با HTML 07:49
-
طراحی اپلیکیشن با استفاده از CSS 12:00
-
واکشی المان HTML با استفاده از Query Selector 09:24
-
افزودن توابع به دکمههای Play ،Pause ،Next و Previous 10:27
-
افزودن Event Listener به دکمهها 11:55
-
بروزرسانی زمان فعلی موسیقی با کلیک روی Progress Bar 13:57
-
ایجاد بخش Playlist 10:23
-
پخش یک موسیقی خاص با کلیک 11:25
-
خلاصهسازی اپلیکیشن 09:57
-
معرفی مختصر 06:45
-
ساختار پوشه و طرح بندی اولیه 13:36
-
طراحی اپلیکیشن - بخش 1 13:33
-
طراحی اپلیکیشن - بخش 2 12:53
-
نگاهی به APIها 12:01
-
تولید معنای کلمه با استفاده از API 10:21
-
نمایش کلمه و فونتیک از API 10:01
-
نمایش معانی و مترادفها 13:13
-
مدیریت Corner Cases در اپلیکیشن 12:10
-
نمایش پیامهای خطا 14:11
-
خلاصهسازی اپلیکیشن 08:15
-
معرفی اپلیکیشن 10:48
-
ساختار پوشه و طرح بندی اولیه 08:48
-
افزودن محتوا به صفحه با HTML - بخش 1 12:31
-
ساخت HTML - بخش 2 07:18
-
ایجاد آبجکت برای تکتک To-Doها 11:04
-
ایجاد تابع برای ذخیره و واکشی داده از Local Storage 10:34
-
نمایش آیتمهای لیست از Local Storage 07:25
-
معرفی اپلیکیشن 05:59
-
ساختار پوشه و HTML 10:26
-
ایجاد صفحه بازی با استفاده از CSS 13:47
-
نمایش سر و غذای Snake 10:33
-
استخراج منطق برای غذای Snake 16:16
-
حرکت دادن Snake 10:27
-
افزودن شرط Game Over 10:32
-
شمردن امتیاز 06:46
-
ذخیره High Score در Local Storage 09:51
-
بهروزرسانی High Score 03:41
-
خلاصهسازی اپلیکیشن 09:15
-
معرفی اپلیکیشن 06:49
-
ساختار پوشه و HTML 10:35
-
نمایش اژدها و دایناسور با استفاده از CSS 13:05
-
ایجاد پرش دایناسور با استفاده از جاوااسکریپت 10:31
-
افزودن انیمیشن به مانع (اژدها) 10:44
-
تعیین شرط برخورد 06:20
-
افزودن حرکت راست و چپ برای دایناسور 06:04
-
بهروزرسانی امتیاز و افزایش سرعت 08:38
-
افزودن صدای Game Over و پیام 09:48
-
خلاصهسازی اپلیکیشن 11:36
-
معرفی اپلیکیشن 08:59
-
ایجاد صفحه اصلی 10:59
-
طراحی پسزمینه 10:12
-
طراحی دکمههای صفحه اصلی 11:17
-
ایجاد صفحه کوئیز 08:47
-
طراحی صفحه کوئیز 10:25
-
ایجاد سوالات برای کوئیز در جاوااسکریپت 08:52
-
دریافت سوالات جدید 11:02
-
بررسی پاسخهای صحیح 14:12
-
ایجاد صفحه پایان با استفاده از HTML 08:50
-
طراحی صفحه پایان 06:16
-
افزودن جاوااسکریپت به صفحه پایان 08:16
-
نمایش جدول ردهبندی 08:42
-
معرفی اپلیکیشن 06:17
-
ساختار پوشه و طرح بندی اولیه HTML 09:32
-
طراحی با CSS - بخش 1 11:31
-
طراحی با CSS - بخش 2 15:49
-
نگاهی به APIها 09:56
-
تابع جستجوی غذا بر اساس ID 11:54
-
افزودن غذای تصادفی به صفحه 10:28
-
افزودن، حذف و واکشی غذاهای مورد علاقه از Local Storage 11:01
-
نمایش دستور پخت و مواد اولیه غذا 11:41
-
افزودن عملکرد دکمه جستجو 07:42
-
نمایش غذاهای مورد علاقه 08:30
-
دیباگ و خلاصهسازی 09:14
-
معرفی پروژه 04:32
-
راهاندازی پروژه 02:31
-
ایجاد صفحه اصلی 04:31
-
تبدیل تصاویر به فلشکارت 07:30
-
مدیریت پاسخهای فلشکارت 03:57
-
معرفی پروژه 05:51
-
راهاندازی پروژه و API سایت TMDB 03:55
-
توسعه کامپوننتهای قابل استفاده مجدد و صفحه اصلی 15:45
-
ایجاد صفحات فیلمهای محبوب، فیلمهای آینده، در حال پخش و نتایج 09:41
-
توسعه صفحه جزئیات فیلم 05:45
-
معرفی پروژه 06:37
-
راهاندازی پروژه 03:21
-
ایجاد صفحه اصلی 08:51
-
ساخت کامپوننتهای نوبار، پیشنهادها، مودهای رایج و اخیر 13:25
-
نمایش بصری دادههای مود و دلایل رایج 06:05
-
معرفی پروژه 05:57
-
راهاندازی پروژه، ایجاد نوبار و فوتر 08:54
-
ساخت صفحه اصلی 10:21
-
ایجاد صفحات برنامهها و مربیان 05:36
-
ساخت صفحه تماس و رزرو جلسه 07:11
-
معرفی پروژه 05:40
-
راهاندازی پروژه و دریافت توکن GitHub 03:55
-
مدیریت اسکرول صفحه اصلی و ایجاد نوبار 09:07
-
ایجاد کامپوننت معرفی و مهارتها 09:19
-
ایجاد کامپوننت تجربه و پروژهها 06:19
-
معرفی پروژه 06:44
-
راهاندازی پروژه و ایجاد نوبار 10:53
-
ایجاد هدر و صفحه افزودن حیوان 09:07
-
ایجاد صفحات حیوانات موجود و درخواستهای پذیرش 09:46
-
معرفی پروژه 04:52
-
راهاندازی پروژه 05:30
-
توسعه نوار کناری و هدر 05:47
-
ایجاد کامپوننت چت در صفحه اصلی 08:50
-
استفاده از React Markdown و ایجاد صفحه درباره ما 07:56
-
معرفی پروژه 06:50
-
راهاندازی پروژه 03:12
-
ساخت نوبار و صفحه فرم احراز هویت 10:42
-
ایجاد صفحه اصلی و دریافت بلاگها 14:40
-
توسعه صفحه جزئیات بلاگ - ساخته شده با Clipchamp 10:15
-
معرفی پروژه 08:18
-
راهاندازی پروژه 03:43
-
راهاندازی صفحه اصلی 03:07
-
ایجاد صفحه فرم رزومه 21:05
-
تبدیل دادهها به رزومه 13:16
-
معرفی پروژه 06:44
-
راهاندازی پروژه 03:19
-
توسعه بکاند با استفاده از socket.io 05:09
-
ایجاد صفحه اصلی و کامپوننت ورودی چت 06:24
-
توسعه صفحه چت 07:54
مشخصات آموزش
20 پروژه جاوااسکریپت: امروز اپلیکیشن های واقعی برای نمونه کار بسازید
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:همه سطوح
- تعداد درس:149
- مدت زمان :22:16:37
- حجم :18.72GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی