دوره آموزشی
دوبله زبان فارسی
جاوا اسکریپت کاربردی با ساخت یک وب اپلیکیشن فولاستک
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری جاوا اسکریپت مدرن برای حل مسائل واقعی
- درک مفاهیم بنیادی توسعه وب
- توسعه یک وب اپلیکیشن فولاستک شامل بکاند و فرانتاند
- ساخت یک REST API با NodeJS و Express
- ایجاد صفحات وب واکنشگرا با ری اکت و NextJS
- کد خود را در گیت هاب آپلود کنید.
- اپلیکیشن خود را در AWS مستقر کنید.
پیشنیازهای دوره
- هیچ تجربه برنامهنویسی نیاز نیست، این دوره همه چیز را توضیح میدهد.
- یک کامپیوتر که بتوانید نرمافزار را نصب کنید. (ویندوز، مک یا لینوکس)
توضیحات دوره
ما میخواهیم به شما جاوا اسکریپت را به بهترین روش ممکن، یعنی با استفاده مستقیم از آن آموزش دهیم! تحت هدایت مدرس، شما یک وب اپلیکیشن مدرن خواهید ساخت که یک بازی حدس زدن تعاملی خواهد بود. شما یک REST API با Node.js خواهید ساخت و صفحات وب واکنشگرا را با ری اکت و Next.js ایجاد خواهید کرد. در این سفر، تمام اصول بنیادی که برنامهنویسان واقعی برای حل مشکلات استفاده میکنند را یاد خواهید گرفت.
تمرین باعث کمال میشود
در طول دوره، نقاط تمرین متعددی وجود دارد که از شما دعوت میشود ویدئو را متوقف کنید و یک چالش را حل کنید تا بتوانید تمرین کنید و مواردی که قبلاً یاد گرفتهاید را دوباره بررسی کنید. کلیدیترین عنصر در این دوره شما هستید. اما نگران نباشید، مدرس همیشه شما را در پایان هر تمرین با راهحل خود همراهی میکند.
ابزار مناسب برای کار
جاوا اسکریپت محبوبترین زبان برنامهنویسی در جهان است و دلیل خوبی هم دارد، در هزاران اپلیکیشن، مانند سرورهای بکاند، صفحات وب و حتی اپلیکیشنهای دسکتاپ مانند برنامه پیامرسان Slack استفاده میشود. آشنا شدن با این زبان برنامهنویسی یک روش عالی برای پیشرفت شغلی است.
مشکلی دارید؟ مشکلی نیست!
هر درس دارای یک نسخه از تغییرات کد است؛ اینطوری، میتوانید راهحل خود را بهطور مستقل تأیید کنید.
این دوره برای چه کسانی مناسب است؟
مبتدیانی که میخواهند برنامهنویسی با جاوا اسکریپت را شروع کنند.
جاوا اسکریپت کاربردی با ساخت یک وب اپلیکیشن فولاستک
-
مروری بر دوره 11:25
-
نصب Visual Studio Code 02:00
-
نصب Git Bash (ضروری فقط برای ویندوز) 06:25
-
نصب Node.js 03:58
-
راهاندازی پروژه و نوشتن اولین جاوا اسکریپت 14:00
-
مقدمهای بر متغیرها 05:50
-
اولین تابع 11:41
-
تمرین تابع 05:35
-
اشیاء 07:53
-
اضافه کردن بازیکنان با ()push. آرایه 13:55
-
()pop. آرایه 12:02
-
اضافه کردن سوالات به بازی 04:52
-
شروع یک دور در بازی ما 08:19
-
رشتههای قالب 03:26
-
Append کردن به ویژگیهای شیء 08:58
-
شرایط if و خطاها 10:39
-
تکمیل تابع makeGuess 05:50
-
()JSON.stringify 02:56
-
ایمپورت و اکسپورت پیشفرض 06:21
-
اکسپورت نامگذاری شده و ایمپورت نامگذاری شده 06:11
-
تقسیم پروژه به چندین فایل 11:25
-
تمرین ایمپورت و اکسپورت 05:57
-
محاسبه نتایج دور - گام 1 17:01
-
حلقههای For 11:19
-
اضافه کردن ویژگیهای شیء بهطور پویا 13:25
-
استفاده از ()Math.abs برای محاسبه تفاوتهای حدس 06:10
-
تخصیص امتیازهای متفاوت بسته به دقت 07:35
-
آفستهای پویا بسته به سوال 15:24
-
راهاندازی دور 3 02:42
-
()forEach. آرایه 10:07
-
()Object.keys و ()Object.values 05:16
-
محاسبه نتایج نهایی - گام 1 11:20
-
محاسبه نتایج نهایی - گام 2 16:09
-
نصب کتابخانههای شخص ثالث 15:50
-
اولین استفاده از async و await در یک تابع 08:45
-
هدف async و await 12:30
-
اپلیکیشن خود را تعاملپذیر کنید 16:25
-
اجازه دادن به حدس زدنهای تعاملی - راهنمای تمرین 06:41
-
اجازه دادن به حدس زدنهای تعاملی - راهحل تمرین 12:11
-
پاکسازی 05:03
-
درک callbackها 09:09
-
تبدیل callbackها به promises 11:50
-
مقدمهای بر JSON 05:23
-
خواندن فایلها 12:52
-
خواندن فایلها با promises 11:43
-
تحلیل JSON 12:19
-
پایان بخش برای اپلیکیشن خط فرمان 01:52
-
آشنایی با بخش بکاند 02:30
-
درخواست شبکه چیست؟ 04:48
-
نصب Postman 02:03
-
راهاندازی ماژول جدید بکاند 06:09
-
ساخت اولین سرور 10:08
-
مستندات Express 03:57
-
سینتکس ایمپورت مدرن 06:37
-
اکسپورت نامگذاری شده با سینتکس مدرن 05:52
-
هندلر State 10:08
-
اندپوینت برای دریافت بازیکنان 10:56
-
اندپوینت برای اضافه کردن بازیکنان - گام 1 12:27
-
تغییر state بازی از اندپوینت اضافه کردن بازیکن 12:51
-
یافتن عناصر خاص با ()find. 09:45
-
بازگرداندن خطاهای HTTP 10:22
-
لاگ کردن ترافیک شبکه 07:17
-
اندپوینت برای شروع یک دور جدید 11:14
-
شناسههای منحصر به فرد با UUID 05:08
-
اندپوینت دور جدید برای فوروارد کردن یک سوال 06:44
-
انتخاب عنصر تصادفی از یک آرایه 06:00
-
انتخاب یک سوال تصادفی 03:08
-
فیلترینگ عناصر آرایه با ()filter. 05:34
-
استفاده از ()filter. در اندپوینت 11:17
-
ارسال کد وضعیت Gone هنگام تمام شدن سوالات تمام 04:34
-
مدیریت ورودی درخواست 12:06
-
بررسی مقادیر نادرست 07:33
-
دسترسی به آخرین آیتم در یک آرایه 15:26
-
دریافت اندپوینت دور فعلی 06:49
-
شروع اندپوینت برای دریافت پاسخهای دور فعلی 10:23
-
هاردکدنیگ state بازی برای سادهسازی تست 08:09
-
تطبیق سوال و دور با ()find. 13:29
-
استفاده از عملگر OR برای تنظیم مقادیر پیشفرض 10:48
-
محاسبه تفاوت حدس با ()Math.abs 08:36
-
()sort. آرایه 06:53
-
محاسبه امتیازها برای هر حدس - گام 1 11:29
-
محاسبه امتیازها برای هر حدس - گام 2 06:51
-
بروزرسانی امتیازهای هر بازیکن 10:35
-
مرتبسازی امتیاز نهایی 06:12
-
دموی بکاند تمام شده 05:43
-
آشنایی با بخش فرانتاند 05:23
-
HTML چیست؟ 04:50
-
راهاندازی وب اپلیکیشن Next.js 09:02
-
ویرایش اولین کامپوننت 09:10
-
استفاده از متغیرها در JSX 04:39
-
اعمال یک استایل CSS سفارشی 03:30
-
ایجاد یک آرایه جدید از آرایه دیگر با ()map. 07:15
-
تولید یک لیست از عناصر JSX با ()map. 06:40
-
هاردکدینگ state بازی برای تست 03:51
-
اضافه کردن CORS 06:03
-
ایجاد درخواستهای شبکه به بکاند با axios 14:03
-
متغیرهای واکنشگرا 09:52
-
استفاده از useEffect برای اجرای اکشنها تنها یک بار 09:24
-
propهای کلید منحصر به فرد در آیتمهای لیست 04:29
-
راهاندازی یک صفحه و مسیر جدید 11:41
-
مدیریت فشردن دکمهها 08:27
-
ارسال یک بازیکن جدید از فرانتاند به بکاند 09:56
-
عملگر سهگانه 07:11
-
پیامهای موفقیت و خطا 11:14
-
پنهان کردن عناصر JSX به صورت پویا 08:54
-
پولینگ بکاند با ()setInterval 09:23
-
دکمه شروع بازی 02:31
-
راهاندازی صفحه بازی و مسیر 04:50
-
تغییرات بکاند برای اینکه همیشه یک دور جدید شروع کند 03:58
-
شروع یک دور جدید در هر بار رندر صفحه 09:47
-
اضافه کردن ()useEffect برای مقداردهی اولیه یک فراخوانی در هر بار رندر 06:46
-
راهاندازی صفحه کلاینت و مسیر 05:01
-
ورودی متن و دکمه ارسال حدس در صفحه کلاینت 08:55
-
ارسال حدس بازیکن به بکاند 12:35
-
تنظیم کوکیها 11:10
-
خواندن کوکیها 04:58
-
پولینگ برای بررسی شروع دور 09:09
-
ریدایرکتهای صفحه با روتر Next.js 05:10
-
توابع تخریب useEffect 06:08
-
شمارش معکوس صفحه بازی 06:57
-
حذف متن به صورت پویا در شمارش معکوس 02:54
-
هاردکدنیگ state بازی برای تست صفحه بازی 05:23
-
دریافت پاسخها در دور پایانی 06:36
-
بازگردانی JSX از توابع دیگر 04:25
-
نمایش نتایج نهایی - راهنمای تمرین 04:23
-
نمایش نتایج نهایی - راهحل تمرین 11:47
-
نمایش پاسخ دور 05:12
-
تریگر کردن رفرش صفحه 05:19
-
ساخت صفحه پایان بازی 13:05
-
ریدایرکت به صفحه بازی پایان بازی هنگام پایان بازی 12:23
-
اضافه کردن تصاویر 09:47
-
پاکسازی 08:27
-
پنهان کردن ورودیها به صورت پویا در صفحه کلاینت 08:25
-
تریگر کردن رفرش صفحه هنگام شروع بازی 12:48
-
دموی بازی نهایی - آفرین! 05:38
-
آشنایی با بخش استقرار 02:56
-
URLهای پویا از طریق متغیرهای محیطی 06:33
-
اکسپورت اپلیکیشن Next.js به اچ تی ام ال استاتیک 08:05
-
ارائه فایلهای اچ تی ام ال به صورت استاتیک در بکاند 04:43
-
هندلر برای ریست کردن state بازی 06:52
-
نصب گیت (ضروری فقط برای مک) 01:57
-
ایجاد مخزن گیت هاب 06:40
-
راهاندازی کلید SSH 04:39
-
آپلود کد در گیت هاب 11:32
-
تولید توکن گیت هاب 02:48
-
ثبت نام در AWS 08:17
-
راهاندازی یک کامپیوتر اجارهای AWS از طریق EC2 10:48
-
استقرار بازی در AWS 12:47
-
پاکسازی AWS 03:18
-
خداحافظی و تشکر! 05:25
مشخصات آموزش
جاوا اسکریپت کاربردی با ساخت یک وب اپلیکیشن فولاستک
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:150
- مدت زمان :20:15:54
- حجم :25.31GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
8,360,500
1,672,100 تومان
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
5,720,500
1,144,100 تومان
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,206,500
841,300 تومان
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
4,391,000
878,200 تومان
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
7,261,000
1,452,200 تومان
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی