قیمت این دوره : 199,000 99,500 تومان
  • مدرس دوره : سید مهدی صادق زاده ( رزومه )
  • تعداد دانشجویان این دوره : 6 نفر
  • تعداد ویدیوها : 10 ویدیو
  • مدت زمان دوره : 3:56:00
  • سطح دوره : متوسط
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1399/05/15
ثبتـــ نام در این دوره

آموزش ReactJS+Wordpress (پروژه محور)

سلام به شما دوستان عزیز ؛

بیاید از اوّل شروع کنیم . عنوان دوره چی بود ؟  React JS + Wordpress  ! حدس می زنم یک مقداری سردرگم شدید . بالاخره React یا wordpress ؟ باید بهتون بگم هردو !

ما قرار هست که توی این دوره بیایم و با هم دیگه پرطرفدارترین کتابخانه JS رو با محبوب ترین CMS تلفیق کنیم !

بنظرتون خیلی جذابه؟! بنظر من هم خیلی جذاب هست . مخصوصا اگر فقط فرانت اند کار کرده باشین ، همیشه مشکل دیتابیس و بک اند رو داشتین ! یا مجبور بودین از یکسری کدهای آماده که نمی تونید تغییرش بدین استفاده کنید که اصلا چیزی ازش نمی فهمین یا بیاید از یک نفر درخواست کنید که براتون کدهایی که می خواهید رو بنویسه که این هم دوباره قابلیت تغییر و فهم رو از شما میگیره یا اینکه...

بیاید سراغ یک بک اند و دیتابیس آماده و فوق العاده قوی و محبوب و کارآمد بنام Wordpress

خیلی بعید هست که شما تاحالا اسم این CMS محبوب رو نشنیده باشید. چون از نوجوون 8،9 ساله تا یک مرد 50 ساله دیدم که باهاش کار کرده !

این یعنی اینکه این مدیریت کننده محتوا بشدت محبوب و راحت هست.(گرچه یکسری نکات حرفه ای و... رو هرکسی ازش بلد نیست !) از طرفی چون منبع باز (open source) هست ؛ بنابراین روز به روز هم درحال پیشرفت هست.

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

سرفصل های دوره (به صورت کلی) :

نصب پروژه ری اکت و بررسی ساختار آن

نصب پکیج ها و پیشنیاز ها مانند (axios , redux , reactstrap , …)

مرور بعضی از نکات و دستورات در ری اکت

ساخت layout کلی پروژه

ساخت صفحات و آدرس دهی داینامیک با استفاده از react-router-dom

نصب سایت وردپرسی مون

اتصال سایت وردپرسی مون به سایت ری اکت مون

دریافت اطلاعات به صورت endpoint

ساخت صفحه اختصاصی برای هر پست

ساخت صفحه Login

برقرار کردن Authentication با استفاده از JWT

ساخت صفحه داشبورد برای ادمین ها و نویسندگان

قابلیت ساخت متن جدید در صفحه داشبورد

قابلیت ساخت کاربر جدید در صفحه داشبورد

ساخت ویجت کارت برای نمایش آمار سایت

و ...

بنظرم بیشتر از این نباید وقت رو تلف کنید و بریم سراغ آموزش.

فقط دوتا نکته :

·       این دوره مکمل دوره مقدماتی next js هم هست (گرچه تو این دوره درباره next js  صحبتی نمیشه !) و قرار هست که بعد از این دوره براتون دوره پیشرفته next js رو با کمک همین دوره و دوره مقدماتی بزارم ! پس اگر ری اکت بلدین که حتما باید بلد باشین (لااقل باهاش راحت باشین) بهتون توصیه می کنم دوره رایگان Next js بنده رو هم درکنار این دوره از دست ندید ، چون این یک مسیر برای دوره پیشرفته Next js هم هست!

·  پیشنیاز این دوره فقط و فقط آشنایی کلی با wordpress و همین طور حداقل دانسته هایی از React JS هست. ببنیید ما قرار نیست که بیایم و باهم از صفر یادبگیریم پس باید حداقل هایی مثل ES6 و مقدمات React JS رو بلد باشین! گرچه ما توی این دوره باهم یکسری از مقدمات React JS رو میایم و مرور می کنیم ولی با این حال یک مقدماتی رو بلد باشین که لازم هست !

در ضمن یک خبر ویژه برای دوستانی که این دوره می خواهند خریداری کنند؛در صورتی که می خواهید از تخفیف 60% استفاده کنید فقط همین چندروز رو مهلت دارید و بعد از اون تخفیف دوره کاهش پیدا می کنه ! پس دست بجنبونید که این تخفیف رو از دست ندین !

من که دیگه بی صبرانه منتظر نظرات و رای مثبت شما عزیزان هستم !

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

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

مدت زمان دوره 04:38:07
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
1
  • معرفی دوره

  • 00:08:00
  • رایگانــ

معرفی دوره

2
  • راه اندازی وردپرس و سرور لوکال

  • 00:14:00
  • رایگانــ

قراره که توی این قسمت بیایم باهم xampp رو به عنوان سرور لوکال مون و همین طور wordpress رو روی این سرور لوکال راه اندازی کنیم.

3
  • نصب ملزومات پروژه React مون

  • 00:08:30
  • رایگانــ

توی این قسمت میایم پروژه React مون رو راه اندازی می کنیم و پکیج هایی چون Redux , axios , react-render-html , ... را نصب می کنیم.

4
  • ساختاری زیبا با کمک ant design

  • 00:36:30
  • رایگانــ

توی این قسمت میام و باهم Layout کلی پروژه رو با استفاده از antd پیاده سازی می کنیم.(این قسمت شامل سورس پروژه است.)

5
  • نخستین ارتباطات ReactJS و Wordpress

  • 00:20:30
  • نقدیــ

توی این قسمت میام و با هم دیگه یاد می گیریم که چجوری میشه پست ها رو از وردپرس به ری اکت منتقل کرد.

6
  • استایل دهی به شیرینی reactstrap

  • 00:30:00
  • نقدیــ

توی این قسمت قرار هست که بیایم و به Card , CardImg و همینطور پست هامون با استفاده از antd , reactstrap استایل دهی کنیم. (تمامی قسمت ها شامل سورس پروژه است!)

7
  • آدرس دهی داینامیک (سری قسمت های منطقی)

  • 00:28:30
  • رایگانــ

بالاخره به اولین قسمت از قسمت های منطقی مون رسیدیم! این قسمت رو با حواس جمع ببینید که منطق اش رو اگه بفهمین در نقاط مختلفی براتون کارساز میشه.توی این قسمت از react-router-dom استفاده می کنیم.(تمامی قسمت ها شامل سورس پروژه است.)

8
  • ساخت صفحه Login و آمادگی برای Authentication

  • 00:35:15
  • نقدیــ

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

9
  • ریداکس وارد می شود !(البته فعلا برای lazy loading)

  • 00:30:25
  • نقدیــ

بالاخره توی این قسمت میایم و باهم دیگه ریداکس رو توی پروژه مون استفاده می کنیم. این جلسه برای ساخت lazy loading هست و در جلسات آینده برای مباحث و متود های Authentication استفاده می کنیم.

10
  • ورود غریبه ها ممنوع ! (قسمت اول Authentication)

  • 00:24:27
  • نقدیــ

توی این جلسه وارد اولین قسمت از سری قسمت های Authentication میشیم. توی این قسمت پلاگین های مربوطه را نصب و راه اندازی و token را دریافت می کنیم. این قسمت رو به هیچ عنوان از دست ندید! (به علاوه سورس پروژه فایل zip پلاگین ها نیز بارگذاری شده است.)

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

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