قیمت این دوره : رایگانــ
  • مدرس دوره : سید مهدی صادق زاده ( رزومه )
  • تعداد دانشجویان این دوره : 504 نفر
  • تعداد ویدیوها : 22 ویدیو
  • مدت زمان دوره : 7:6:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/05/08
آموزش رایگان 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
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
لطفا در در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.
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 منتقل می کنیم.این قسمت به عنوان آپدیت دوره و طبق نظر شما عزیزان قرار گرفته است.

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

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .