- مدرس دوره : محمد مطواعی ( رزومه )
- تعداد ویدیوها : 20 ویدیو
- مدت زمان دوره : 3:43:00
- سطح دوره : پیشرفته
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1399/04/25

دوره آموزش مقدماتی Next JS
سلام به ری اکت نویسای عزیز
محمد مطواعی هستم و یه سوپرایز دارم براتون آموزش یه فریم ورک دیگه از ری اکت جی اس
خب همه برنامه نویسای ری اکت میدونن که ری اکت کنار همه خوبی ها و قشنگیایی که داره این مشکل رو داره که رابطش با گوگل خیلی خوب نیست و seo خوبی نداره ینی سایتایی که با ری اکت زده میشن خیلی دیر تر توسط ربات های گوگل ایندکس میشن و توصفحات اول دیرتر میان بالا اینم بخاطر client side rendering بودن ری اکته
Client side rendering ینی چی ؟ ینی تقریبا همه محتواهایی که باید توسط گوگل ایندکس بشن داخل مرورگر کاربر رندر میشن و نه سمت سرور و اینجوری باعث میشه سایتی که ربات گوگل تحویل میگیره یه سایت خالی از محتوا باشه و اینجوری دیگه seo سایت خیلی خوب درنمیاد
اما راه حل چیه ؟ راه حل اینه که ما به عنوان برنامه نویس بیایم و اپمون رو ssr کنیم ssr ینی server side rendering کردن اپ
next js اومده تا این بار سنگین رو ب دوش بگیره این کتابخونه میاد و صفحات سایت مارو یه دور prerender میکنه ینی از قبل جاوااسکریپتایی ک نوشتیم رو رندر میگیره و به کاربر یه صفحه html پر از محتوا تحویل میده و زحمت کاربر رو کم میکنه اینجوری سرعت لود سایت هم خیلی بیشتر میشه و پروفورمنس بالا میره.
ما تواین آموزش نکس جی اس رو از صفر شروع میکنیم و کامل مفاهیم بیسیک اون رو پوشش میدیم بعد که مفاهیم تموم شدن میریم سراغ اینکه دانشمون رو تثبیت کنیم و سایت کافه بازار رو با next js طراحی میکنیم سایتی که درحال حاضر با فریم ورک ویو جی اس زده شده و با کتابخانه همتای next js ینی nuxt js ssr شده
خب من از قبل طراحی های مربوط به صفحاتمون رو توی adobe xd انجام دادم و قراره تو آموزش یه همچین سایتی رو پیاده سازی کنم تو هرکدوم ازین صفحات با کلی چیز جدید و چالش روبرو میشیم که باهم دیگه اونارو حل میکنیم
لیست صفحاتمون به این صورته
صفحه فیلم و سریال
صفحه بازی ها
صفحه برنامه ها
لیست دسته بندی های بازی ها و برنامه ها
و صفحه جزییات هر برنامه که شامل اسکرین شات های برنامه و نظرات اون میشه
دو سه تا صفحه استاتیک ساده درباره ما و تماس با ما هم اضافه کردیم سایتمون همه جوره کامل باشه
بعد ازین دوره شما قادر خواهید بود با کتابخونه ری اکت و به لطف next js انواع لندینگ ، سایت های محتوایی و واکنش گرا ، همینطور سایت های اشتراک ویدیو و اشتراک عکس بسازید و به راحتی محتوای شما تو نتایج گوگل به نمایش گذاشته بشه
اگرم هنوز دقیق متوجه نشدی که next js چیه و به چه کارت میاد میتونی 4 5 قسمت اول دوره که رایگان هست رو ببینی بعدش روی ثبت نام دوره فک کنی
اوکی توضیح دیگه کافیه بریم سراغ مباحث فنی دوره
تو دوره میبینمتون
پیش نیاز این دوره آشنایی با ری اکت میباشد
فهرستـــ ویدیوها
مدت زمان دوره 3:43:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
آشنایی با مفهوم CSR و SSR
تو این قسمت یاد میگیریم که csr , ssr چین و روش کار هرکدوم به چه شکله
کانفیگ پروژه جدید Next JS
تو این قسمت یه پروژه next js رو ایجاد میکنیم و با بخش های مختلفش اشنا میشیم
استایل دهی کامپوننت بیس
تو این قسمت به کامپوننت هامون استایل میدیم بدون اینکه استایل ها باهم به تداخل بخورن
مدیریت تم با استفاده از کتابخانه متریال
تو این قسمت کتابخونه متریال رو به پروژه اضافه میکنیم و یک تم واحد رو به پروژه میدیم
فلسفه Prerendering در در Next JS
تو این قسمت حسابی در مورد prerendering تو next js صحبت میکنیم
prerendering به روش static generation - قسمت اول
تو این قسمت ب معرفی روش اول prerendering همراه با کد زنی و مثال میپردازیم
prerendering به روش static generation -قسمت دوم
تو این قسمت ب معرفی روش اول prerendering همراه با کد زنی و مثال میپردازیم
Prerendering به شیوه SSR
تو این قسمت روش دوم prerendering که همون ssr هست رو یاد خواهیم گرفت
تلفیق Static Generation و Client Side Data fetch
تو این قسمت به طور همزمان دو شیوه دیتا فچ رو انجام خواهیم داد
دیتا فچ با استفاده از SWR
تو این قسمت با swr اشنا میشیم و یاد میگیریم چطور میشه باهاش دیتافچ رو انجام داد
نظرات کاربران در رابطه با این دوره
Ashkan Shasadeghi
ارسال شده در 1403/07/25سلام با قدردانی به تدریس و آموزش فوق العاده اتون، میخواستم خواهش کنم که اگه ممکنه یه پروژه در حد کافه بازار رو با:
Next JS, Type Script, Redux, Tailwind CSS
بزنید تا کاربرد همه ی کتابخانه ها و فرمورک ها در کنار همدیگه رو بتونم با توجه به اهمیت یک پروژه کامل یاد بگیریم.
چون اکثرا فرمورک ها رو بلدیم ولی بلد نیستیم که چطوری یه پروژه رو Run کنیم و همون رو کامل به پایان برسونیم.
با تشکر از لطف و مرحمت شما
زهرا خاوری
ارسال شده در 1402/01/31سلام با تشکر از دوره خوبتون،دوره پیشرفته رو کی برگزار میکنید؟مدت زیادی گذشته...
مهدی شریفیان
ارسال شده در 1401/03/24سلام.بهتر بود تو محیط vscode کد میزدین ..دیگه الان 90درصد برنامه نویسا با vscode کار میکنن..
mansourbagheri
ارسال شده در 1400/12/15سلام استاد امیدوارم حال شما خوب باشه ما بی صبرانه منتظر دوره پیشرفته هستیم و اگه امکانش باشه قبل از عید کلید بزنید که در طول عید سرمون گرم بشه به آموزش عید boring نشه مرسی بابت آموزش های خوبتون
soheil sj
ارسال شده در 1400/12/11سلام، دوره خوبی بود. پیشرفته رو کی برگذار میکنید؟ ما منتظریم.
lilac8
ارسال شده در 1400/10/15با تشکر از شما
دوره ی پیشرفته رو هم برگزار میکنید؟
amirbasa
ارسال شده در 1400/09/10سلام
ممنون برا دوره خوبتون
امکانش هست که دوره پیشرفته رو هم برگزار کنید؟؟