توضیحات

کامل ترین دوره آموزش Nextjs (Next.js)

نام دوره : Complete Next.js Developer in 2022: Zero to Mastery

دوره در تاریخ 6/2022 به روز رسانی شد و کیفیت کل دوره به 1080 ارتقا یافت

آیا برای کامل ترین دوره آموزش Nextjs (Next.js) پیش نیازی وجود دارد؟

• یک رایانه (ویندوز، مک یا لینوکس) با اتصال به اینترنت
• دانش اولیه HTML، CSS و جاوا اسکریپت
• شما به هیچ تجربه ای با React یا هر چارچوب JS دیگری نیاز ندارید. ما حتی آموزش های مقدماتی React را به عنوان یک بخش اختیاری در نظر می گیریم!
• تمایل و اشتیاق به یادگیری

توضیحات:

کامل ترین دوره آموزش Nextjs (Next.js) به تازگی با تمام آخرین ویژگی های Next.js برای سال 2022 منتشر شده است! ما به شما تضمین می کنیم که این جامع ترین دوره آنلاین در مورد Next.js و React است. Next.js را با ساختن پروژه های واقعی (از جمله یک برنامه کلون عظیم نتفلیکس) گام به گام در کنار متخصصان ارشد صنعت یاد خواهید گرفت.

با استفاده از آخرین نسخه Next.js، این دوره بر روی کارایی متمرکز شده است. دیگر لازم نیست برای آموزش های گیج کننده، قدیمی و ناقص وقت بگذارید. ما همچنین شما را فراتر از اصول اولیه سوق می دهیم تا بتوانید برنامه های مدرن و در سطح سازمانی بسازید.

این دوره مبتنی بر پروژه شما را با زنجیره ابزار مدرن یک توسعه دهنده Next.js در سال 2022 آشنا می کند. در طول مسیر، یک برنامه کلون Netflix عظیم با استفاده از React Hooks، Hasura (GraphQL)، Context API، Airtable، توابع بدون سرور، Framer Motion، Vercel + بیشتر می سازیم.

این یک برنامه تمام پشته است بر خلاف آنچه که در بیشتر آموزش های Next.js آنلاین خواهید یافت!

ما از همان ابتدا با آموزش مبانی Next.js به شما شروع می کنیم. اما به همین جا بسنده نمی کنیم، سپس به موضوعات پیشرفته می پردازیم تا بتوانید در مورد معماری و ابزار برای هر یک از پروژه های NextJS آینده خود تصمیمات خوبی بگیرید.

همه کدها به صورت گام به گام ارائه می شوند، بنابراین حتی اگر دوست ندارید همراه با ما کدنویسی کنید، به کد کامل پروژه اصلی (یادآوری… ساخت نتفلیکس! ) دسترسی خواهید داشت تا به مجموعه خود اضافه کنید.
دوره آموزشی Next.js به شرح زیر است:

1. مبانی Next.js

مقایسه Next.js با React و یادگیری در مورد مزایایی که Next.js ارائه می دهد. متوجه خواهید شد که چرا Next.js این همه محبوبیت پیدا کرده است و منظور از JAM Stack چیست. این بخش پایه و اساس مورد نیاز شما را برای بقیه دوره ایجاد می کند.

2. اولین برنامه Next.js خود را بسازید | پروژه قهوه شناس

شما اولین پروژه خود را خواهید ساخت. هدف از این پروژه آموزش مبانی Next.js است. این بخش بر روی راه اندازی پروژه، آموزش اصولی مانند ماژول های CSS، رفرش سریع، نحوه راه اندازی پروژه و غیره تمرکز دارد.

3. مسیریابی با Next.js | Coffee Connoisseur

همه چیز در مورد مسیریابی مانند مسیرهای پویا، مسیرهای فهرست، مسیرهای نامگذاری شده و مؤلفه پیوند را خواهید آموخت.

4. استایل در Next.js | Coffee Connoisseur

این بخش به شما آموزش می دهد که چگونه برنامه های خود را با استفاده از ماژول های css، سبک های اجزای جداگانه و استایل های جهانی استایل دهید.

5. هیدراتاسیون، سئو و تکنیک های مختلف رندر در Next.js

یکی از مهم ترین بخش های دوره است. این بخش به شما می‌آموزد که SEO چیست، Next.js چگونه به سئو کمک می‌کند، تکنیک‌های مختلف رندر مانند: تولید سایت استاتیک، رندر سمت سرور، بازسازی استاتیک افزایشی (و نحوه متفاوت بودن آنها)، سمت مشتری رندرینگ و هیدراتاسیون چیست.

6. صفحات استاتیک کافی استور | Coffee Connoisseur با

جزئیات رندر استاتیک و نحوه انتخاب رندر استاتیک آشنا خواهید شد. شما درخواست های API را به Foursquare می دهید و آن هایی را که از SSG استفاده می کنند رندر می کنید.

7. کافی‌فروشی‌ها بر اساس مکان | Coffee Connoisseur

Next.js به شما این امکان را می‌دهد که هنگام رندر کردن به صورت ایستا از بک‌های مختلف استفاده کنید. این بخش به طور عمیق در مورد آن صحبت خواهد کرد. همچنین یاد خواهید گرفت که چگونه موقعیت کاربران را بازیابی کنید و از Context API استفاده کنید.

8. توابع بدون سرور | Coffee Connoisseur

توابع بدون سرور چیست؟ چرا و چه زمانی از آنها استفاده می کنیم؟ شما عملکردهای بدون سرور برای بازیابی فروشگاه های قهوه ساکن ایجاد خواهید کرد.

9. ذخیره داده های کافی استور با استفاده از Airtable | Coffee Connoisseur

با استفاده از Airtable با ذخیره سازی پایگاه داده آشنا خواهید شد. ما داده های فروشگاه قهوه را در Airtable ذخیره می کنیم و رندر سمت مشتری را در اینجا یاد خواهیم گرفت.

10. SWR با رندر سمت مشتری | Coffee Connoisseur

SWR چیست؟ چه زمانی از آن استفاده کنیم؟ ما از کتابخانه Next.js برای SWR و از SWR و رندر سمت کلاینت در این بخش استفاده خواهیم کرد.

11. استقرار و بهینه سازی ساخت | Coffee Connoisseur

اپلیکیشن خود را روی Vercel و همچنین Netlify قرار دهید. شما خواهید آموخت که ارائه دهندگان ابری مختلف چیست و Vercel چقدر متفاوت است، Lighthouse چیست و چگونه عملکرد خود را در Next.js بهبود دهیم.

12. راه اندازی پروژه | ساختن نتفلیکس با پروژه Next.js

این یک پروژه بزرگ است! شما شروع به راه اندازی برای پروژه اصلی خواهید کرد. این بخش در مورد راه اندازی پروژه نتفلیکس ما است.

13. صفحه اصلی نتفلیکس و ویدیو | ساختن نتفلیکس با Next.js

شما صفحه اصلی را می سازید و از رندر سمت سرور استفاده می کنید. شما یاد خواهید گرفت که چگونه محتوا را به سرور ارائه کنید و چگونه از YouTube API برای دریافت لیستی از ویدیوها و نمایش آنها در صفحه اصلی استفاده کنید. مولفه کارت در نتفلیکس پیچیده است، بنابراین شما همچنین برخی از حرکات فریمر را برای ساخت جزء کارت یاد خواهید گرفت.

14. احراز هویت با Magic | ساختن نتفلیکس با Next.js

چگونه Auth در Next.js کار می کند؟ ما از لاگین بدون رمز عبور در Next استفاده می کنیم و صفحه ورود را با احراز هویت و اعتبارسنجی درست می سازیم.

15. بازسازی استاتیکی افزایشی | ساختن Netflix با Next.js

ویدیوها را در صفحه اصلی نمایش دهید و از ISR برای ساختن مودال به عنوان یک صفحه استفاده کنید. در مورد تولید استاتیک افزایشی برای ساخت این مودال بیشتر خواهید آموخت.

16. Hasura GraphQL | ساختن Netflix با Next.js

خواهید آموخت که GraphQL، Hasura چیست و معماری هاسورا چگونه به نظر می رسد. ما پروژه را با محیط Hasura راه اندازی خواهیم کرد.

17. احراز هویت با Hasura | ساختن نتفلیکس با Next.js

یاد خواهید گرفت که معماری جریان اعتبار چگونه کار می کند و SDK سمت سرور را برای ورود کاربر معرفی می کنید.

18. خدمات رتبه بندی و صفحه ویدیوهای مورد علاقه | ساختن نتفلیکس با Next.js

شما هاسورا را برای سرویس رتبه‌بندی راه‌اندازی می‌کنید، یک API رتبه‌بندی برای لایک کردن و دوست نداشتن ویدیوها ایجاد می‌کنید، و صفحه فهرست من را می‌سازید تا فهرستی از ویدیوهای دلخواه را نشان دهد.

19. استقرار به تولید | نتفلیکس با Next.js

مخزن نهایی GitHub را ایجاد کنید، مخزن را راه اندازی کنید و در نهایت در Vercel مستقر شوید!

20. ضمیمه: مقدمه ای برای React

یک بخش اختیاری برای کسانی که به یک پرایمر در React.js و React Hooks نیاز دارند تا شما را برای استفاده حداکثری از این دوره آماده کند.

کامل ترین دوره آموزش Nextjs (Next.js) شما را به چالش می کشد تا از یک مبتدی مطلق در Next.js به فردی تبدیل شوید که در 10 درصد از توسعه دهندگان Next.js و React قرار دارد.

کامل ترین دوره آموزش Nextjs (Next.js) برای چه کسانی است؟

• توسعه دهندگانی که می خواهند NextJS را یاد بگیرند و به آن مسلط شوند
• دانش‌آموزانی که می‌خواهند از همه آموزش‌های «مبتدی» Next.js فراتر بروند
• برنامه نویسانی که می خواهند یکی از مورد نیازترین مهارت های یک توسعه دهنده وب را بیاموزند
• توسعه دهندگانی که می خواهند در 10 درصد از توسعه دهندگان NextJS قرار گیرند
• دانش آموزانی که می خواهند تجربه کار بر روی یک برنامه بزرگ و مقیاس پذیر را کسب کنند
• فارغ التحصیلان بوت کمپ یا آموزش آنلاین که می خواهند فراتر از اصول اولیه بروند

بخشی از دوره :