Master Next.js برای مبتدیان 2024 با پروژه ها
Master Next.js for Beginners 2024 with projects
به "ساخت برنامه های وب مقیاس پذیر با Next.js" خوش آمدید! این دوره آموزشی طراحی شده است تا شما را به سفری جامع از طریق اصول و ویژگی‌های پیشرفته Next.js ببرد و به شما امکان می‌دهد برنامه‌های وب قوی و با کارایی بالا ایجاد کنید.
در این دوره، شما:
اصول Next.js را بشناسید: با اصول اولیه شروع کنید، ویژگی‌های اصلی Next.js را بررسی کنید و بفهمید که چرا ابزار ضروری برای توسعه وب مدرن است.
از OpenAI API استفاده کنید: یاد بگیرید که چگونه OpenAI API را در برنامه های خود ادغام کنید، عملکردهای پیشرفته هوش مصنوعی را اضافه کنید و تجربیات کاربر را افزایش دهید.
استقرار برنامه های Next.js: تجربه عملی در استقرار برنامه های Next.js خود در پلتفرم های مختلف به دست آورید و از آماده بودن آنها برای تولید اطمینان حاصل کنید.
ادغام با API ها و پایگاه داده MongoDB: نحوه اتصال برنامه های Next.js خود را با API ها و MongoDB مختلف، که امکان مدیریت و ذخیره سازی پویا داده ها را فراهم می کند، بدانید.
اجرای احراز هویت: بیاموزید که چگونه با اجرای احراز هویت، برنامه های خود را ایمن کنید، مطمئن شوید که فقط کاربران مجاز می توانند به بخش های خاصی از برنامه شما دسترسی داشته باشند.
اقدامات سرور اصلی: برای مدیریت مؤثر فرآیندهای سمت سرور و بهینه‌سازی عملکرد برنامه، به اقدامات پیشرفته سرور بروید.
از Routing در Next.js استفاده کنید: بر قابلیت‌های مسیریابی قدرتمند Next.js، از جمله مسیرهای پویا و تودرتو، تسلط داشته باشید تا تجربیات کاربر یکپارچه ایجاد کنید.
پیاده‌سازی استراتژی‌های ذخیره‌سازی: استراتژی‌های مختلف ذخیره‌سازی را برای بهبود سرعت و عملکرد برنامه‌های وب خود کاوش کنید و از اجرای کارآمد آنها اطمینان حاصل کنید.
پروژه‌های دنیای واقعی بسازید: مهارت‌ها و دانشی را که به دست آورده‌اید برای ساختن و استقرار پروژه‌های دنیای واقعی به کار ببرید و تجربه عملی و مجموعه‌ای قوی برای شما فراهم کند.
در پایان این دوره، درک عمیقی از 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
https://donyad.com/d/2c49d0
iNovotek Academy
یک مهندس نرم افزار ارشد با بیش از 7 سال تجربه برنامه نویسی در Node js ، Express js ، React Js ، Redux ، Javascript ، MongoDB/Mongoose برای ایجاد برنامه های بزرگ تجاری برای شرکت ها. شروع یادگیری چیز جدیدی می تواند چالش برانگیز باشد و منابع بسیار زیادی در دسترس است که می تواند بسیار زیاد باشد. به همین دلیل ، من از تمام مهارت هایی که دارم برای ایجاد پروژه های با کیفیت بالا استفاده می کنم که ارزش واقعی را به نمونه کارهای دانش آموزان اضافه می کند و شغل آنها را در توسعه وب شروع می کند.
Aditya Mandal
پشته MERN
نمایش نظرات