قیمت این دوره: رایگانــ
  • مدرس دوره : سید مهدی صادق زاده
  • تعداد ویدیوها : 23 ویدیو
  • مدت زمان دوره : 7:6:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/10/10
آموزش رایگان Next.js (مقدماتی)

آموزش رایگان Next.js (مقدماتی)

سلام بر شما عزیزان،

من اومدم تا یه دوره باحال و دوست داشتنی (مخصوصا که رایگان هم هست ) براتون آموزش بدم.

این دوره چیه ؟! ببینید این دوره یه مقداری سطحش متفاوته ، ما الان می خوایم بریم باهم کل مستندات سایت Next JS  رو کامل باهم بخونیم. ولی خب اینا تازمانیکه تو پروژه نیاد فایده ای نداره ، بنابراین بعد از این دوره برای شما عزیزان یک دوره پروژه ای خیلییی باحال تر خواهم گذاشت.

 

اما Next JS بر هر برنامه نویس React JS واجب است که Next JS را نیز بلد باشد ! حالا چرا؟!

چون و چرا رو تو خود دوره می فهمید اما اگه بخوام فقط یکی از دلایلش رو بگم میتونم سرعت و performance بالای Next js رو بهتون بگم یا میتونم به ضعف بزرگ React JS در SEO سایت هاش اشاره کنم ! دلیلش رو توی دوره به صورت تخصصی می فهمیم ولی فقط کوتاه گفته باشم که اگر سایتتون یه سایت مثلا تجاری هست که فقط با ری اکت نوشتینش مطمئن باشین که آخر های صفحه تو جستجو ها پیداش می کنید !  یا اصلا قابلیت باحال jsx-style که حتما می پسندین !

البته اینقدرا هم بد نیست ولی خب چه میشه کرد ...

خب سرفصل های دوره به شکل زیر هست :

  معرفی و مقدمه دوره و بررسی سایت Next js

  ساخت اولین سایت و نصب پیش نیاز ها و بررسی ساختار فایل های Next js  

  توضیحات جابجایی بین صفحات و مباحث Navigation

  توضیحات مربوط به Assets و Metadata و CSS

  پیش نمایش و نحوه کار Next.js در اجرای اپ های خود

  دریافت اطلاعات و متود های آن

  آدرس دهی داینامیک

  مباحث API Routes  

  جمع بندی دوره و publish پروژه نهایی روی سرور و گیت هاب

خب این هم از سرفصل ها که البته خیلی کلیه !

اگر ببینم که واقعا راضی هستید ، چه بسا دوره رو جالب ترش هم می کنیم، پس نظرتون برام مهمه !

امیدوارم که مشتاق شده باشین ... پس بریم که شروع کنیم .




فهرستـــ ویدیوها

مدت زمان دوره 7:6:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:04:00

معرفی دوره

2
  • معرفی سایت مرجع و چشم انداز دوره

00:07:30

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

3
  • نصب اولین پروژه و بررسی ساختار

00:06:30

توی این بخش میایم و اولین پروژه Next.js مون رو نصب می کنیم. به علاوه اینکه میایم و ساختار Next.js رو بررسی می کنیم. این قسمت رو حتما حتما ببینید!

4
  • جابجایی به سبک Next !

00:16:30

بالاخره به طور رسمی درس رو شروع می کنیم ... اولین فصل مون رو با یک جابجایی اعجاب انگیز شروع می کنیم !

5
  • قسمت اول : Assets , MetaData , CSS

00:16:30

اولین قسمت از فصل assets , metadata , css. توی این قسمت می خواهیم که درباره Assets و MetaData صحبت کنیم که خیلی مهم هستند !

6
  • قسمت دوم : Assets , MetaData , CSS

00:34:30

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

7
  • قسمت سوم : Assets , MetaData , CSS (پروژه استایل دهی)

00:18:30

این آخرین قسمت از فصل Assets , MetaData , CSS هست که طبق قراری که گذاشتیم میایم و یک پروژه استایل دهی با انواع متود های استایل دهی برا شما عزیزان انجام می دهم و آماده می شویم برای فصل بعدی و پروژه دوره مون.

8
  • قسمت اول : Pre-rendering و Data Fetching

00:14:30

بالاخره وارد پروژه اصلی مون و البته قسمت های مهم تر این فریمورک شدیم . توی این قسمت با مفاهیم و کلمات آشنا میشیم و قالب اولیه پروژه بلاگ مون رو هم نصب می کنیم .

9
  • قسمت دوم : Pre-rendering و Data Fetching

00:13:00

خب توی جلسه قبل اومدیم Pre-rendering رو فهمیدیم و این جلسه درباره متود ها(ssr & ssg) صحبت خواهیم کرد.

10
  • قسمت سوم : Pre-rendering و Data Fetching

00:33:30

خب توی این قسمت شروع می کنیم پست های بلاگ مون رو به صفحه بلاگ اضافه می کنیم و درباره متود ssg بیشتر صحبت می کنیم . فایل کدهامون هم ضمیمه شده است.

11
  • قسمت چهارم : Pre-rendering و Data Fetching

00:27:00

آخرین قسمت از فصل pre-rendering و data fetching که درمورد جزئیات و نکات این فصل صحبت می کنیم.

12
  • قسمت اول : Dynamics Routes

00:13:30

خب دوستان بالاخره وارد یک فصل جذاب دیگه شدیم (حواستون رو توی این فصل خیلی جمع کنید). توی این قسمت یک معرفی و چشم اندازی از فصل رو باهم خواهیم دید.

13
  • قسمت دوم : Dynamics Routes

00:15:30

خب توی این قسمت قرار هست که باهم بیایم و getStaticPaths رو پیاده سازی کنیم.

14
  • قسمت سوم : Dynamics Routes

00:08:00

حالا میرسیم به دریافت اطلاعات و پیاده سازی getStaticProps در این فصل.

15
  • قسمت چهارم : Dynamics Routes

00:26:00

توی این قسمت میایم و فایل های markdown مون رو که حاوی متن ها هست رو به پروژه مون اضافه می کنیم.

16
  • قسمت پنجم : Dynamics Routes

00:42:00

توی این قسمت میایم و یک تغییر اساسی به پروژمون میدیم و یکسری پکیج هم برای استایل دهی نصب می کنیم.

17
  • قسمت ششم : Dynamics Routes

00:24:30

خب بالاخره میرسیم به آخرین قسمت از این فصل و قرار هست که توی این قسمت بیایم و درباره جزئیات و نکات Dynamic Routes صحبت کنیم.

18
  • API Routes و ماجراهایش !

00:23:28

توی این قسمت با اینکه API Routes به پروژه مون مربوط نمیشه ولی میایم و مثالی ازش رو پیاده سازی می کنیم و توضیحاتی درباره جزئیات و نکاتش رو میگم. این قسمت بیشتر سمت سرور هست تا client بنابراین زیاد روش وقت نمی زاریم.

19
  • انتشاری با طعم Git و با کمک Vercel

00:15:30

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

20
  • خداحافظی شیرین !

00:06:00

خب دوستای من ؛ دیگه دوره تموم شد ! این جلسه یسری نکته درباره دوره و البته یسری پند و اندرز بهتون میگم .

21
  • سورس نهایی پروژه

00:00:00

این فایل حاوی سورس نهایی پروژه ای است که در طول دوره انجام شده است.

22
  • تبدیل پروژه React به Next (آپدیت جدید)

00:59:56

توی این قسمت یک پروژه جمع و جور اما کامل که توش axios و redux و ... داره رو از ReactJS به NextJS منتقل می کنیم.این قسمت به عنوان آپدیت دوره و طبق نظر شما عزیزان قرار گرفته است.

23
  • سورس تبدیل پروژه React به Next

00:00:00

سورس مربوط به قسمت قبل در این جلسه قرار گرفته است.


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .