دوره کامل Next.js 15 از صفر تا صد: اپلیکیشن کامل فروشگاه اینترنتی فولاستک
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تسلط به اصول Next.js 15 شامل App Router، طرح بندی ها، مسیردهی داینامیک، متادیتا، کامپوننتهای کلاینت و سرور
- ساخت یک اپلیکیشن فروشگاه اینترنتی فولاستک دنیای واقعی با استفاده از Next.js 15 ،React و Tailwind CSS 4
- یادگیری ایجاد اپلیکیشن های واکنشگرا، مقیاسپذیر و آماده تولید با بهترین شیوههای مدرن
- درک رندر سمت سرور، تولید ایستا، واکشی دادههای داینامیک و مسیردهی در Next.js 15
- توسعه ویژگیهای پیشرفته مانند مدیریت سبد خرید، احراز هویت و آمادهسازی اپلیکیشن ها برای استقرار
پیش نیازهای دوره
- درک اولیه از HTML و CSS
- آشنایی کافی با اصول اولیه JavaScript.
- تجربه اولیه در کار با React.js و کامپوننتهای تابعی.
- آشنایی با مفاهیم ابتدایی TypeScript بسیار مفید خواهد بود.
- دسترسی به یک ویرایشگر کد مدرن مانند Visual Studio Code.
- مرورگر وب مدرنی مانند Chrome ،Edge یا Firefox برای تست و پیشنمایش اپلیکیشن
توضیحات دوره
این دوره جامع برای یادگیری عمیق NextJS 15 و ساخت وب اپلیکیشن ها مدرن و قدرتمند از ابتدا تا انتها طراحی شده است.
در این دوره، شرکتکنندگان از صفر تا مفاهیم پیشرفته NextJS 15 را خواهند آموخت و گام به گام یک اپلیکیشن فروشگاه اینترنتی فولاستک را با استفاده از React ،Tailwind CSS و بهترین شیوه های مدرن میسازند.
دوره با اصول محکم شروع میشود: شرکتکنندگان اصول اصلی Next.js 15 را شامل App Router، طرح بندی ها، صفحات، متادیتا، ناوبری، مسیردهی داینامیک، پارامترهای جستجو، کامپوننتهای کلاینت و سرور و موارد دیگر خواهند فهمید.
هر مفهوم به صورت واضح و کاربردی توضیح داده شده است تا درک عمیقی از چگونگیی کار و دلیل طراحی آن حاصل شود.
پس از یادگیری مبانی، آموختهها بلافاصله در ساخت یک وبسایت فروشگاه اینترنتی واقعی به کار گرفته میشوند.
این پروژه در طول دوره پیشرفت میکند: ابتدا توسعه فرانتاند با تمرکز بر طراحی تمیز، عملکرد داینامیک و طرح بندی های واکنشگرا با استفاده از Tailwind CSS 4 و امکانات جدید Next.js 15 آغاز میشود.
با پیشرفت دوره، پروژه به تدریج بروزرسانی شده و عملکردهای پیشرفته مانند مسیردهی داینامیک، فیلتر محصولات، مدیریت سبد خرید، احراز هویت و ویژگیهای زمان واقعی اضافه میگردند.
در نهایت، یک اپلیکیشن فولاستک ساخته میشود که به سرویسهای بکاند، پایگاه دادهها متصل میشود و اپلیکیشنی آماده اجرا به صورت تولیدی پیادهسازی میگردد.
در پایان این دوره، شرکتکنندگان قادر خواهند بود:
- به اصول و ویژگیهای پیشرفته NextJS 15 مسلط شوند.
- پروژههای واقعی و کاملاً واکنشگرا با استفاده از React و Tailwind CSS بسازند.
- هم توسعه فرانتاند و هم بکاند را با NextJS App Router درک کنند.
- کدهای ساختار یافته، مقیاسپذیر و قابل نگهداری برای اپلیکیشن های سطح تولید طراحی کنند.
- کاملاً آماده ساخت اپلیکیشن های پیچیده و حرفهای NextJS باشند.
چه توسعهدهندگان مبتدی که تازه با NextJS شروع کردهاند، و چه توسعهدهندگان باتجربه که میخواهند مهارتهای خود را به Next.js 15 و جریانهای کاری فولاستک مدرن ارتقا دهند، این دوره آنها را در هر قدم همراهی میکند.
همین حالا در این دوره شرکت کنید و ساخت اپلیکیشن های قدرتمند، مدرن و فولاستک Next.js 15 را آغاز کنید!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که میخواهند با ساخت پروژه کامل فولاستک واقعی از ابتدا، Next.js 15 را به خوبی یاد بگیرند.
- توسعهدهندگان React که میخواهند مهارتهای خود را با آخرین امکانات Next.js App Router ،Server Actions و معماری مدرن ارتقا دهند.
- توسعهدهندگان فرانتاند که قصد دارند وارد دنیای فولاستک شده و چگونگی ساخت و مدیریت فرانتاند و بکاند را یاد بگیرند.
- توسعهدهندگان وب که میخواهند اپلیکیشن های فروشگاه اینترنتی پرسرعت و تولیدی با ابزارهای مدرنی مانند React 19 ،Tailwind CSS 4 و TypeScript بسازند.
- کسانی که میخواهند برای نقشهای شغلی مانند Fullstack Developer ،Frontend Engineer یا Next.js Specialist با تسلط به مفاهیم پیشرفته Next.js آماده شوند.
دوره کامل Next.js 15 از صفر تا صد: اپلیکیشن کامل فروشگاه اینترنتی فولاستک
-
مقدمه 03:14
-
Next.js چیست؟ 06:22
-
نصب و راهاندازی 05:57
-
ساختار پروژه 05:12
-
مسیردهی چیست؟ 09:44
-
مسیرهای تودرتو 05:16
-
مسیرهای داینامیک 15:21
-
مسیرهای داینامیک تودرتو 13:40
-
مسیرهای Catch-All و Catch-All اختیاری 10:14
-
صفحه سفارشی خطای پیدا نشدن 16:20
-
مجتمعسازی فایلها 06:00
-
پوشههای خصوصی 09:30
-
گروههای مسیردهی 05:59
-
درک طرح بندی ها در Next.js 08:49
-
طرح بندی های تو در تو 07:12
-
طرح بندی های ریشه متعدد 10:27
-
متادیتا 20:56
-
لینکها و لینکهای فعال 24:00
-
پارامترها و searchParams 19:14
-
App Router 10:40
-
پیشنمایش پروژه 21:55
-
نصب و راهاندازی 11:25
-
ایجاد ساختار اولیه پروژه 08:49
-
طراحی ناوبری 17:51
-
بخشهای خبرنامه و برندینگ در پاورقی 21:14
-
لینکها و نوار پایین 28:30
-
ساخت بخش Hero 20:19
-
نمایش دستهبندی محصولات 27:06
-
بنر دستهبندی داینامیک 19:25
-
نمایش محصولات دستهبندی 34:02
-
ساخت صفحه سبد خرید 28:30
-
افزودن و حذف اقلام محصولات 27:06
-
ساخت صفحه تسویهحساب 24:00
-
ساخت صفحه تسویهحساب 34:02
-
ایجاد صفحه تسویهحساب 28:30
-
ایجاد صفحه موفقیت 34:02
مشخصات آموزش
دوره کامل Next.js 15 از صفر تا صد: اپلیکیشن کامل فروشگاه اینترنتی فولاستک
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:همه سطوح
- تعداد درس:36
- مدت زمان :10:00:53
- حجم :6.91GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy