ری اکت و Next.js - راهنمای کامل توسعه وب مدرن

آنچه یاد خواهید گرفت:

• توسعه وب اپلیکیشن با Next.js را یاد بگیرید.
• توسعه وب اپلیکیشن با Next.js ،App Router و Pages Router را یاد بگیرید.
• آخرین نسخه‌ی Next.js را یاد بگیرید.
• استفاده از ویژگی‌های فایربیس با Next.js
• مفاهیم اصلی Next.js، یک فریم‌ورک قدرتمند که بر پایه‌ی ری اکت برای توسعه وب اپلیکیشن‌های قوی ساخته شده است را درک کنید.
• دانش ایجاد، استایل‌دهی و بهینه‌سازی صفحات و طرح‌بندی‌ها به منظور ایجاد رابط‌های کاربری تعاملی را کسب کنید.
• به استقرار وب اپلیکیشن‌ها و مدیریت اتصال به پایگاه داده برای توسعه فول‌استک مسلط شوید.
• با واکشی، دستکاری و نمایش داده به‌طور پویا آشنا شوید و ویژگی‌ها و لودرهای پیشرفته را برای ارتقاء تجربه کاربری بگنجانید.
• یک اپلیکیشن پیچیده بسازید و مستقر کنید.
• از Next.js برای رندرینگ پیشرفته سمت سرور و کلاینت استفاده کنید.
• مسیریابی و ناوبری پویا را با Next.js Router پیاده‌سازی کنید.
• وب اپلیکیشن‌ها را با تکنیک‌های بهینه‌سازی Next.js بهینه کنید.
• اپلیکیشن‌های Next.js را با Tailwind یا ماژول‌های CSS استایل‌دهی کنید.
• مسیریابی و ناوبری را با App router جدید پیاده‌سازی کنید.
• اپلیکیشن‌های Next.js خود را مستقر کنید.
• هر آنچه برای افزایش بهره‌وری در Next.js مدرن نیاز دارید.
• این دوره بهترین روش برای یادگیری ری اکت به‌طور کامل است.
• ری اکت را با مثال‌های عملی یاد خواهید گرفت.
• یاد بگیرید چگونه یک وب اپلیکیشن چند صفحه‌ای با react-router-dom بسازید.
• مدیریت داده اپلیکیشن با کتابخانه Redux را یاد خواهید گرفت.
• یاد خواهید گرفت چگونه عملیات‌های غیرهمزمان را با Redux thunk انجام دهید.
• ایجاد کانتکس با کامپوننت مبتنی بر کلاس
• یاد بگیرید چگونه کانتکس را با Context Consumer می‌توانید Consume کنید.
• یاد بگیرید چگونه کانتکس را با contextType استاتیک Consume کنید.
• چگونه داده کانتکس را در کامپوننت‌های مبتنی بر کلاس دستکاری کنیم؟
• یاد بگیرید مهمترین توابع هوک مانند useState ،useEffect ،useReducer و useContext چه هستند.
• یاد بگیرید چقدر قدرتمند خواهید شد، وقتی از کانتکس و هوک‌ها با هم استفاده می‌کنید.
• یاد بگیرید چگونه به راحتی بزرگترین و پیشرفته‌ترین اپلیکیشن‌های ری اکت را بسازید.
• فریم‌ورک‌ها رویکردی قوی به ساخت یک اپلیکیشن کامل ارائه می‌دهند.

پیش‌نیازهای دوره

• این دوره برای افرادی که دانش اولیه اچ تی ام ال، سی اس اس و جاوا اسکریپت را دارند، ایده‌آل است، اما نیازی نیست متخصص باشید.
• ترجیح می‌دهیم از سیستم عامل ویندوز (64-bit) استفاده کنید، اما ضروری نیست. می‌توانید از سایر سیستم‌عامل‌ها هم استفاده کنید.
• داشتن یک کامپیوتر کارآمد با 8 گیگابایت RAM یا بیشتر و اتصال به اینترنت
• دانش اولیه از جاوا اسکریپت مورد نیاز است.
• علاقه به یادگیری توسعه وب اپلیکیشن
• ویدئوهای دوره ری اکت را به‌طور کامل و به ترتیب تماشا کنید.
• هیچ چیز دیگری! فقط شما، کامپیوتر شما و انگیزه‌تان برای شروع

توضیحات دوره

به ری اکت و Next.js را برای ساخت وب اپلیکیشن‌های مدرن با عملکرد بالا از طریق پروژه‌های عملی و تکنیک‌های واقعی مسلط شوید.

در این دوره، ما شما را با هر آنچه برای تسلط به توسعه وب با ری اکت و Next.js نیاز است، آشنا خواهیم کرد و به شما دانش عمیقی را از طریق ترکیبی از نمودارها و ایجاد یک اپلیکیشن ساده ارائه خواهیم کرد.

این دوره برای همه سطوح مهارتی طراحی شده است و شما را در مفاهیم اساسی، از موضوعات مبتدی تا تکنیک‌های پیشرفته، به صورت گام‌به‌گام راهنمایی می‌کند. با مثال‌های عملی، توضیحات واضح و پروژه‌های جذاب، شما به تمام ویژگی‌های Next.js مسلط خواهید شد.

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

آماده‌اید تا وب اپلیکیشن‌های قوی با Nextjs بسازید؟ این دوره نقطه شروع ایده‌آلی است!

آنچه یاد خواهید گرفت:

• منطق رندرینگ صفحه (Next.js و ری اکت): روش‌های رندرینگ صفحه Next.js از جمله App Router و Pages Router را درک کنید. رندرینگ سمت کلاینت ری اکت و اینکه چگونه از React Router برای ناوبری پویا استفاده کنید را یاد بگیرید.
• ویژگی‌های اولیه (Next.js و ری اکت): یاد بگیرید چگونه صفحات وب را با نام‌گذاری فایل‌ها و پوشه‌ها در Next.js ایجاد کنید که ویژگی کلیدی است که Next.js را از ری اکت متمایز می‌کند. معماری مبتنی بر کامپوننت ری اکت را برای ساخت عناصر رابط کاربری قابل استفاده مجدد بررسی کنید.
• موضوعات پیشرفته (Next.js و ری اکت): کشف کنید چگونه Next.js صفحات را هم در سمت سرور و هم در سمت کلاینت کامپایل می‌کند. در ری اکت، مفاهیمی مانند تقسیم کد، بارگذاری lazy و بهینه‌سازی عملکرد اپلیکیشن با هوک‌های ری اکت را یاد بگیرید.
• واکشی داده با Next.js و ری اکت: به تکنیک‌های واکشی داده در Next.js با getServerSideProps و getStaticProps مسلط شوید. یاد بگیرید چگونه داده را به صورت پویا در ری اکت با هوک‌هایی مانند useEffect و تکنیک‌های مدیریت state واکشی کنید.
• احراز هویت با فایربیس (ری اکت و Next.js): یاد بگیرید چگونه احراز هویت فایربیس را در اپلیکیشن‌های ری اکت و Next.js پیاده‌سازی کنید که شامل مدیریت لاگین کاربر و مدیریت stateهای احراز هویت است.
• App Router و Pages Router در Next.js و React Router: تجربه عملی با هر دو ساختار مسیریابی در Next.js (App Router و Pages Router) کسب کنید. یاد بگیرید چگونه React Router را برای مسیریابی پویا و تودرتو در اپلیکیشن‌های ری اکت پیاده‌سازی کنید.
• مدیریت State (ری اکت و Next.js): تکنیک‌های مدیریت State در ری اکت با useState و useReducer را یاد بگیرید. مدیریت State گلوبال در Next.js با Context API ،Redux یا سایر کتابخانه‌های مدیریت State بررسی کنید.
• استایل‌دهی به کامپوننت‌ها (ری اکت و Next.js): کشف کنید چگونه کامپوننت‌های ری اکت را با کتابخانه‌هایی مانند styled-components استایل‌دهی کنید و پشتیبانی داخلی Next.js برای ماژول‌های سی اس اس، Sass و سی اس اس گلوبال را بررسی کنید.
• بهینه‌سازی عملکرد (ری اکت و Next.js): استراتژی‌های بهینه‌سازی عملکرد در ری اکت، از جمله memoization و بارگذاری lazy را یاد بگیرید. در Next.js، بهینه‌سازی استاتیک و خودکار و بهینه‌سازی تصویر داخلی برای زمان بارگذاری سریع‌تر را کشف کنید.
• استقرار و میزبانی (Next.js و ری اکت): درک کنید چگونه اپلیکیشن‌های ری اکت را با پلتفرم‌هایی مانند Netlify یا Vercel مستقر کنید و چگونه اپلیکیشن‌های Next.js را با توابع بدون سرور برای بهبود مقیاس‌پذیری میزبانی کنید.

در پایان این دوره، شما اعتماد به نفس ساخت وب اپلیکیشن‌های ایمن با Next.js را خواهید داشت و به مهارت‌هایی برای مقابله با پروژه‌های پیچیده مجهز خواهید بود.

این دوره برای چه کسانی مناسب است؟

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