Master Next.js برای مبتدیان 2024 با پروژه ها

Master Next.js for Beginners 2024 with projects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ساخت برنامه های وب مقیاس پذیر با Next.js | مسیریابی، احراز هویت، APIها و استقرار درک اصول Nextjs استفاده از OpenAI API استقرار برنامه‌های Nextjs ادغام با APIها و پایگاه داده MongoDB اجرای احراز هویت اقدامات سرور اصلی استفاده از مسیریابی در Nextjs پیاده‌سازی استراتژی‌های ذخیره سازی Projects Real-Wor: , CSS و جاوا اسکریپت آشنایی با React آشنایی با NodeJS Nodejs و npm نصب شده Basic Command Line Skills اتصال به اینترنت

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

در این دوره، شما:

  1. اصول Next.js را بشناسید: با اصول اولیه شروع کنید، ویژگی‌های اصلی Next.js را بررسی کنید و بفهمید که چرا ابزار ضروری برای توسعه وب مدرن است.

  2. از OpenAI API استفاده کنید: یاد بگیرید که چگونه OpenAI API را در برنامه های خود ادغام کنید، عملکردهای پیشرفته هوش مصنوعی را اضافه کنید و تجربیات کاربر را افزایش دهید.

  3. استقرار برنامه های Next.js: تجربه عملی در استقرار برنامه های Next.js خود در پلتفرم های مختلف به دست آورید و از آماده بودن آنها برای تولید اطمینان حاصل کنید.

  4. ادغام با API ها و پایگاه داده MongoDB: نحوه اتصال برنامه های Next.js خود را با API ها و MongoDB مختلف، که امکان مدیریت و ذخیره سازی پویا داده ها را فراهم می کند، بدانید.

  5. اجرای احراز هویت: بیاموزید که چگونه با اجرای احراز هویت، برنامه های خود را ایمن کنید، مطمئن شوید که فقط کاربران مجاز می توانند به بخش های خاصی از برنامه شما دسترسی داشته باشند.

  6. اقدامات سرور اصلی: برای مدیریت مؤثر فرآیندهای سمت سرور و بهینه‌سازی عملکرد برنامه، به اقدامات پیشرفته سرور بروید.

  7. از Routing در Next.js استفاده کنید: بر قابلیت‌های مسیریابی قدرتمند Next.js، از جمله مسیرهای پویا و تودرتو، تسلط داشته باشید تا تجربیات کاربر یکپارچه ایجاد کنید.

  8. پیاده‌سازی استراتژی‌های ذخیره‌سازی: استراتژی‌های مختلف ذخیره‌سازی را برای بهبود سرعت و عملکرد برنامه‌های وب خود کاوش کنید و از اجرای کارآمد آن‌ها اطمینان حاصل کنید.

  9. پروژه‌های دنیای واقعی بسازید: مهارت‌ها و دانشی را که به دست آورده‌اید برای ساختن و استقرار پروژه‌های دنیای واقعی به کار ببرید و تجربه عملی و مجموعه‌ای قوی برای شما فراهم کند.

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

در این سفر هیجان انگیز به ما بپیوندید و پتانسیل خود را در توسعه وب مدرن با Next.js باز کنید!


سرفصل ها و درس ها

شروع به کار GETTING STARTED

  • به دوره خوش آمدید Welcome To The Course

  • NextJS چیست؟ What's NextJS?

  • اولین پروژه Nextjs من My First Nextjs Project

  • درک ساختار پوشه Understanding Folder Structure

  • اجزای سرور و مشتری Server and Client Components

  • نحوه استفاده از فونت ها در پروژه Nextjs How to use fonts in Nextjs Project

  • نحوه استفاده از CSS در پروژه Nextjs How to use CSS in Nextjs Project

  • کامپوننت تصویر NextJS NextJS Image Component

مولفه های سرور واکشی داده ها || ساخت پروژه نمایش تلویزیونی DATA FETCHING SERVER COMPONENTS || BUILD TV SHOWS PROJECT

  • نسخه ی نمایشی پروژه واکشی داده Data Fetching Project demo

  • پیوند مؤلفه-ناوبری Link Component-Navigation

  • نمایش صفحات Displaying Pages

  • واکشی داده || واکشی همه نمایش‌های تلویزیونی Data fetching || Fetching all TV Shows

  • جزئیات برنامه تلویزیونی TV Show Details

  • پیاده سازی بارگذاری Implementing Loading

  • رسیدگی به خطا Error Handling

درک راهبران مسیر UNDERSTANDING ROUTE HANDLERS

  • Route Handler چیست؟ What are Route Handlers?

  • نحوه ایجاد Route Handler How to create Route Handlers

  • تست گردانندگان مسیر Testing the route Handlers

پروژه: پروژه BLOG CRUD PROJECT: CRUD BLOG PROJECT

  • راه اندازی و رشته اتصال MongoDB Setup and MongoDB Connection String

  • با استفاده از تکنیک های Pooling به پایگاه داده متصل شوید Connect to Database using Pooling Techniques

  • ایجاد پست Create Post

  • واکشی پست ها Fetching of posts

  • جزئیات ارسال Post Details

  • حذف و به روز رسانی پست Delete and Update Post

  • رسیدگی به فرم Form Handling

  • ایجاد درخواست پست Making Post Request

  • واکشی همه پست ها Fetch All Posts

  • مدیریت خطای مؤلفه سرور Server Component error Handling

  • رسیدگی به خطا - مؤلفه مشتری Error handling-Client Component

  • بارگیری صفحه نمایش Dislplay Loading

  • تغییر مسیر در مؤلفه مشتری Redirect in client Component

  • جزئیات ارسال Post Details

  • ذخیره سازی توضیح داده شده است Caching Explained

  • کامپوننت سرور را به کامپوننت کلاینت تبدیل کنید Convert Server component to Client Component

  • حذف پست Delete Post

  • واکشی داده ها روی مشتری Fetching Data on the Client

  • به روز رسانی پست Update Post

احراز هویت و میان افزار AUTHENTICATION & MIDDLEWARE

  • بررسی اجمالی احراز هویت و میان افزار Authentication and Middleware overview

  • احراز هویت با استفاده از Clerk Authentication using Clerk

  • دسترسی به Login user-ServerSide Access Login user-ServerSide

  • دسترسی به ورود به سیستم سمت مشتری Access Login Client-side

  • محافظت از صفحات با استفاده از Middleware Protecting Pages using Middleware

  • ادغام احراز هویت در پروژه متن به گفتار Integrating Authentication into Text to Speech Project

پروژه: CHATGPT-4o IMAGE Analyzer PROJECT: CHATGPT-4o IMAGE ANALYZER

  • پروژه ChatGPT-4o Image Analyzer ChatGPT-4o Image Analyzer project

اقدامات سرور: ساخت پروژه نفت خام موجودی SERVER ACTIONS: BUILD INVENTORY CRUD PROJECT

  • پروژه موجودی CRUD را با استفاده از اقدامات سرور بسازید Build CRUD Inventory Project using Server Actions

پروژه: ساخت متن در گفتار با استفاده از OPENAI و NEXTJS PROJECT: BUILD TEXT TO SPEECH USING OPENAI & NEXTJS

  • ساخت پروژه متن به گفتار با استفاده از OPENAI و NextJS Build Text To Speech Project Using OPENAI and NextJS

استقرار: استقرار پروژه متن به گفتار DEPLOYMENT: DEPLOYING TEXT TO SPEECH PROJECT

  • استقرار پروژه متن به گفتار Deploying Text To Speech Project

نمایش نظرات

Udemy (یودمی)

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

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

Master Next.js برای مبتدیان 2024 با پروژه ها
جزییات دوره
6 hours
47
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,029
4.7 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

iNovotek Academy iNovotek Academy

یک مهندس نرم افزار ارشد با بیش از 7 سال تجربه برنامه نویسی در Node js ، Express js ، React Js ، Redux ، Javascript ، MongoDB/Mongoose برای ایجاد برنامه های بزرگ تجاری برای شرکت ها. شروع یادگیری چیز جدیدی می تواند چالش برانگیز باشد و منابع بسیار زیادی در دسترس است که می تواند بسیار زیاد باشد. به همین دلیل ، من از تمام مهارت هایی که دارم برای ایجاد پروژه های با کیفیت بالا استفاده می کنم که ارزش واقعی را به نمونه کارهای دانش آموزان اضافه می کند و شغل آنها را در توسعه وب شروع می کند.

Aditya Mandal Aditya Mandal

پشته MERN