| سطح | مقدماتی |
| مدت زمان | ۳۳۲ دقیقه |
| حجم | ۸۶۰.۶۹ مگابایت |
در این دوره رایگان و پروژه محور، با فریم ورک Next.js و Tailwind CSS آشنا می شوید و مهارت ساخت وب سایت‌های سریع و بهینه برای موتورهای جستجو را یاد میگیرید.
وقتی که یادگیری کدنویسی وب سایت را آغاز می کنیم، پس از تسلط بر HTML، CSS و JavaScript، به مرحله انتخاب فریمورک می رسیم. در این مرحله، معمولا باید یکی از فریمورک های React.js، Vue.js یا Angular را برای ادامه مسیر انتخاب کنیم. هر یک از این فریمورک ها مزایا و معایب خود را دارند، اما جذاب ترین و پرطرفدارترین گزینه، React.js است. این کتابخانه با استفاده از مفهوم "دام مجازی"، امکان تغییر محتوا در صفحات وب را بدون نیاز به رفرش مجدد، به کاربر ارائه می دهد. اما زمانی که شما React را به خوبی یاد گرفتید، ممکن است با دو مشکل عمده مواجه شوید:
1. سرعت کم
2. نداشتن سئو
در واقع، سایت های ساخته شده با React برای نمایش ظاهر سایت از Virtual DOM به جای DOM واقعی استفاده می کنند. که این امر باعث می شود موتورهای جستجو نتوانند محتوای واقعی صفحه را به درستی ایندکس کنند و در نتیجه، رتبه سئو به طور کامل تحت تاثیر قرار میگیرد. برای حل این مشکل، فریمورکی به نام Next.js معرفی شد. Next.js با استفاده از تکنیک SSR به بهبود عملکرد سئو کمک کرده و محتوای صفحات را به طور کامل به موتورهای جستجو ارائه می دهد. این فریمورک امکان رندر سمت سرور را فراهم می آورد و باعث می شود که صفحات به سرعت بارگذاری شوند و به درستی ایندکس شوند.
آموزش رایگان Next.js یک دوره پروژه محور است که به شما کمک می کند تا با Next.js آشنا شوید و اصول پایه ای آن را یاد بگیرید. در این دوره، با استفاده از Next.js ۱۵ به ساخت سایت در قالب یک پروژه عملی خواهید پرداخت. همچنین، نحوه طراحی ظاهری زیبا و مدرن سایت با Tailwind CSS را نیز یاد خواهید گرفت.
آنچه در آموزش رایگان Next.js [پروژه محور] می آموزید:
• مسیر یادگیری (mern stack شدن)
• نصب پروژه Next.js
• استراکچر کدهای پروژه Next.js
• انواع روت ها
• مفهوم route group
• استایل دهی در پروژه نکست جی اس
• آموزش tailwind.css
• طراحی هدر سایت با tailwind.css
• افزودن فونت به پروژه
• بک اند Next js 15
• سرور کامپوننت ها و کلاینت کامپوننت ها
• SSR و SSG و ISR و CSR در نکست جی اس
• تفاوت بین دیتای لود شده به صورت server side و client side
• تفاوت بین SSR و SSG و ISR
• طراحی صفحه اصلی
• لود دیتا به صورت سئوفرندلی
• نمایش دیتا
• طراحی سایدبار کلاینت ساید
• افزودن آیکن به پروژه Next.js
• صفحه یافت نشد
• سئو مقدماتی
- آشنایی با HTML و CSS
- آشنایی با JAVASCRIPT
- آشنایی با REACT.JS
در پایان دوره، شما قادر خواهید بود یک سایت کامل و کاربرپسند با استفاده از Next.js بسازید.
Vscode - Node.js
امکان دانلود و پخش آنلاین دوره وجود دارد و شما به طور دائم به آن دسترسی دارید. این آموزش رایگان عرضه شده است و شما می توانید تمامی قسمت های آموزش رایگان Next.js [پروژه محور] را به طور رایگان دانلود کنید
هنوز بررسی برای این آموزش ثبت نشده است
