دوره آموزشی یادگیری Next.js
3 ساعت 26 دقیقهمبتدی2024-08-09
مدرسین

Sandy Ludosky
Web Developer and Trainer
جزئیات دوره
Next.js یک چارچوب React است که توسط توسعهدهندگان برای توسعهدهندگان، برای ایجاد برنامههای وب با کیفیت بالا و واکنشگرا ایجاد شده است. با ابزارهای داخلی و ویژگی های آماده استفاده، Next.js روند توسعه را بدون دردسر و آسان می کند. در این دوره آموزشی، Sandy Ludosky، توسعهدهنده و مربی وب، به شما میآموزد که چگونه از چارچوب Next.js برای سرعت بخشیدن و بهبود گردش کار خود استفاده کنید، خواه توسعهدهنده جلویی یا پشتیبان باشید. نحوه ساخت و استقرار یک برنامه وب کاملاً کاربردی را بیاموزید. راههایی را برای استفاده و بهبود تجربه توسعهدهنده کاوش کنید. بهعلاوه، مثالهای عملی را مرور کنید و یک پروژه دوره را تکمیل کنید تا به شما کمک کند آنچه را که آموختهاید تمرین کنید. این دوره می تواند به شما کمک کند تا با Next.js به سطح بعدی بروید.
اهداف آموزشی
یادگیری پایه چارچوب Next.js برای ساخت و استقرار یک برنامه وب کاملاً کاربردی.
یادگیری مزایای چارچوب Next.js برای استفاده و بهبود تجربه توسعه دهنده.
پایه های چارچوب Next.js را با یک مثال عملی بیاموزید که فرآیند کامل را از ابتدا تا انتها شامل استقرار در فضای ابری پوشش می دهد.
پروژه دوره ای را تکمیل کنید که شما را به دانش و مهارت هایی مجهز می کند تا از قدرت Next.js و TypeScript به طور موثر در پروژه های خود استفاده کنید.
اهداف آموزشی
یادگیری پایه چارچوب Next.js برای ساخت و استقرار یک برنامه وب کاملاً کاربردی.
یادگیری مزایای چارچوب Next.js برای استفاده و بهبود تجربه توسعه دهنده.
پایه های چارچوب Next.js را با یک مثال عملی بیاموزید که فرآیند کامل را از ابتدا تا انتها شامل استقرار در فضای ابری پوشش می دهد.
پروژه دوره ای را تکمیل کنید که شما را به دانش و مهارت هایی مجهز می کند تا از قدرت Next.js و TypeScript به طور موثر در پروژه های خود استفاده کنید.
مهارت ها
Web Development ToolsFull-Stack Web DevelopmentFront-End Web DevelopmentWeb DevelopmentOne-Off
سرفصل ها
0. مقدمه
- 01 - Next.js - یک چارچوب React توسط توسعه دهندگان، برای توسعه دهندگان
- 02 - آنچه باید بدانید
- 03 - فایلهای تمرینی
1. شروع به کار و کشف Next.js
- 04 - Next.js چیست
- 05 - مزایای استفاده از Next.js
- 06 - راهاندازی محیط توسعه
- 07 - ایجاد پروژه بلاگ و بررسی آناتومی برنامه
2. ساختن برنامه خود با روتر برنامه
- 08 - ایجاد صفحات و طرح بندی
- 09 - ایجاد یک طرح بندی مشترک بین صفحات
- 10 - پیمایش بین صفحات
- 11 - چالش - یک مسیر اضافه کنید
- 12 - راه حل - یک مسیر اضافه کنید
- 13 - یک مسیر پویا ایجاد کنید
3. سبک دادن به برنامه شما - CSS و فونتهای سفارشی
- 14 - اضافه کردن سبکهای جهانی
- 15 - استفاده از Tailwind CSS
- 16 - استفاده از ماژولهای CSS برای کامپوننت ها
- 17 - یک استایل شرطی را با clsx اعمال کنید
- 18 - چالش - بهینهسازی تصاویر و فونت ها
- 19 - راه حل - بهینهسازی تصاویر و فونت ها
4. استقرار و اتصال به منبع داده
- 20 - یک مخزن GitHub ایجاد کنید و پروژه را هل دهید
- 21 - ایجاد یک حساب کاربری Vercel
- 22 - پروژه خود را متصل و مستقر کنید
- 23 - چالش - تغییرات را بنویسید و فشار دهید و سپس مجدداً مستقر کنید
- 24 - راه حل - تغییرات را بنویسید و فشار دهید و سپس مجدداً گسترش دهید
- 25 - راهاندازی پایگاه داده PostgreSQL
5. واکشی داده ها
- 26 - کشف روشهای مختلف واکشی داده ها
- 27 - پایگاه داده را Seed کرده و کوئریهای SQL را اجرا کنید
- 28 - از کوئریهای SQL برای واکشی دادهها استفاده کنید
- 29 - چالش - درج دادهها در پایگاه داده
- 30 - راه حل - درج دادهها در پایگاه داده
6. مدیریت خطاها، پیش رندر، ذخیرهسازی و بهینه سازی
- 31 - رندر استاتیک در مقابل رندر پویا
- 32 - رندر پویا بدون کش
- 33 - پخش جریانی و رندر جزئی را با صفحه بارگذاری فعال کنید
- 34 - افزودن اسکلتهای بارگیری
- 35 - رسیدگی به خطاها با صفحه خطا - error.tsx
- 36 - چالش - مدیریت خطاهای 404 با توابع notFound
- 37 - راه حل - مدیریت خطاهای 404 با توابع notFound
7. افزودن احراز هویت
- 38 - شروع به کار با NextAuth.js
- 39 - راهاندازی NextAuth.js
- 40 - ایجاد مسیرها و اجزای احراز هویت
- 41 - اضافه کردن ارائه دهنده اعتبار گوگل
- 42 - با اکانت جیمیل خود وارد شوید
- 43 - چالش - احراز هویت و ایجاد پست
- 44 - راه حل - احراز هویت و ایجاد پست
- 45 - محافظت از صفحات و مسیرهای API
8. هوش مصنوعی مولد - با OpenAI یک چت بات بسازید
- 46 - یک پروژه را راهاندازی و پیکربندی کنید
- 47 - درخواستهایی را برای ایجاد تکمیل با ChatCompletion API تعریف کنید
- 48 - نوشتن پستهای وبلاگ با محتوای تولید شده توسط هوش مصنوعی
نتیجه گیری
- 49 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی یادگیری خط فرمان لینوکس
- دوره آموزشی ساختارهای داده در جاوااسکریپت: درختها و گرافها
- دوره آموزشی دوره آموزشی اسپرینگ 6: امنیت اسپرینگ
- دوره آموزشی یادگیری Markdown: قالببندی متن بدون پیچیدگی
- دوره آموزشی ساخت اپلیکیشنهای فولاستک با HTMX
- دوره آموزشی جاوااسکریپت: ساخت ساختار داده لیستهای پیوندی
- دوره آموزشی استفاده از HTMX همراه با Thymeleaf در فریمورک Spring Boot
- دوره آموزشی یادگیری جامع HTML