آموزش ReactJs ( مقدماتی تا پیشرفته )

ری اکت , یک کتابخانه open-source جاوا اسکریپت برای ایجاد رابط کاربری به خصوص برای برنامه های تک صفحه ای است. با ترکیب سرعت و کارایی جاوا اسکریپت با روشی کارآمدتر برای دستکاری DOM، موجب می‌شود تا صفحات وب‌سایت‌ها به‌صورتی سریع‌تر در دسترس قرار بگیرند. ایجاد برنامه های React نیاز به استفاده از کتابخانه های اضافی برای مدیریت state و تعامل با API دارد نمونه مربوط به چنین کتابخانه هایی ری داکس است. با استفاده از ریداکس، State های اپلیکیشن در یک مخزن نگهداری می‌شوند و دسترسی هر کامپوننت به تمامی State ها نیز امکان پذیر است.  

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

قیمت این دوره: 50,000 15,000 تومان
  • مدرس دوره : محمد مطواعی
  • تعداد ویدیوها : 15 ویدیو
  • مدت زمان دوره : 3:5:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/04/02
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش ساخت ادمین پنل متریال React

آموزش ساخت ادمین پنل متریال React

سلام به همه عزیزان
محمد مطواعی هستم با یه آموزش دیگه از مجموعه تاپ لرن در خدمت شما هستم
خب اگه شما تا حالا وارد بازار کار واقعی ری اکت شده باشید حتما دیدید که اکثر پروژه های React که از شما میخان پنل ادمین دارن و شما کنار اون سایت باید یک پنل مدیریت هم واسه اون سایت بنویسید
خب آرزوی همه ما اینه که این پخش کارمون یه جوری خلاصه بشه و زودتر بتونیم با یه ظاهر خوب بالا بیاریم خب این هم با ادمین پنل هایی که تو وب هست مقدوره ولی مشکلی که هست اینه که شاید فهم کدشون بعضا سخت باشه یا اینکه اصلا پنل ادمین های معروف راست به چپ نیستن و مناسب سایت های فارسی نیستند
خب چه میشه کرد ؟ اینجاست که این آموزش بدرد شما میخوره !
من تو این آموزش به شما یاد خواهم داد که چطور ادمین پنل متریال رو اولا فارسی سازی کنید و همه چیش رو راست به چپ کنید و دوما چطور ازش استفاده کنید
این پنل ادمین این ویژگی هارو داره
سورس کدش رو اخرین نسخه ری اکت هست  16.8.6
از ری اکت هوک استفاده میکنه و همینطور برای برای state management  از react context استفاده میکنه 
هیچ کد جی کوئری ای و بوتسرپی در این پنل ادمین ما وجود نداره
طراحی ریسپانسیو داره و تو گوشی با سایز های مختلف پشتیبانی میشه
از ری اکت روتر 5 واسه راهبری استفاده میکنه و همینطور نسخه کتابخونه متریالش 4 هست
معماری ماجولار داره که این توسعه رو واسه شما خیلی راحت تر میکنه
واسه طراحیش از CSS in JS استفاده میکنه 
بیلدش با وب پک انجام میشه و شفاف و تمیز و ریسپانسیو طراحی شده
سورس کدی بسیار تمیز و قابل توسعه ولی نیاز به توضیح برای یادگیری داره
اینم لیست صفحاتشه
داشبود
صفحه مربوط به انواع تایپوگرافی ها
دو نوع تیبل برای نشون دادن داده های لیستی شما
پشتیبانی از نوتیفیکیشن
همین طور چارت های زیبا و متعدد
ایکن های متریال
نقشه گوگل
و همین طور یه صفحه لاگین که توسط این صفحه وریفای کاربر انجام میشه
خلاصه که بعد این آموزش یه پنل ادمین فارسی متریال خوب وحرفه ای دارید و میتونید ازین تو پروژه های خودتون استفاده کنید و هر وقت پروژه ای داشتید که پنل ادمین داشت سریع با یکم کاستومایزیشن همین ادمین پنل  رو واسه پروژه خودتون سفارشی میکنید و تحویل کار فرما میدید




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

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

1
  • معرفی دوره

00:03:00

معرفی دوره

2
  • قسمت دوم

00:05:00

قسمت دوم

3
  • از کجا شروع کنیم و به کجا میرسیم

00:05:00

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

4
  • آشنایی با کامپوننت لیوت و چگونگی ایجاد صفحه جدید

00:07:30

 تو این جلسه یاد میگیرید که اگر بخواید صفحه جدیدی به ادمین پنلتون اضافه کنید چطور اینکار مقدوره

5
  • بررسی منوی سایدبار و ایجاد منوی جدید

00:10:04

تو این جلسه یاد میگیرید که اگر بخواید واسه صفحاتتون تو سایدبار منو اضافه کنید چطور این کار رو انجام بدین

6
  • تغییر فونت کل ادمین پنل به شبنم یا ایران سانس

00:10:23

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

7
  • سفارشی سازی هدر ادمین پنل

00:04:48

تو این قسمت هدر سایتمونو کاستومایز میکنیم و اون رو فارسی میکنیم

8
  • راست چین کردن منوی سایدبار و لیوت اصلی

00:15:50

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

9
  • ساخت صفحه لیست کتاب یک کتابخانه

00:15:15

تو این قسمت فرض میکنیم که پنلمون پنل مدیریت یه کتابخونس و صفحه لیست کتابهای کتابخونه رو پیاده میکنیم تو این قسمت چیزی که یاد میگیرید اینه که چطور میشه یه لیستی از دیتاهارو تو یه صفحه مجزا نشون داد به کاربر

10
  • ایجاد امکان حذف یک ایتم از لیست کتاب ها

00:15:55

تو این قسمت ب هر ایتم کتابمون یه ایکن حذف اضافه میکنیم و همینطور عملکرد حذف رو پیاده سازی میکنیم

11
  • اضافه کردن صفحه ویرایش کتاب به پنل

00:21:00

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

12
  • admin panel authentication

00:16:00

تو این قسمت یاد میگیرید تو این ادمین پنل چطور کاربر وریفای میشه و چطور میتونه لاگین بکنه درواقع سطح دسترسی رو میسازیم

13
  • ادمین پنل یک سایت دانلود فیلم !

00:32:45

تو این قسمت یاد خواهید گرفت چطور تو این ادمین پنل دیتا از سمت بکند بگیریم و اون رو نمایش بدیم

14
  • اضافه کردن کپچای گوگل به لاگین

00:23:00

تو این قسمت به درخواست یکی از دوستان طریقه اضافه کردن ریکپچای ورژن 3 گوگل رو به پروژمون آموزش میدیم

15
  • سورس پروژه

00:00:00

سورس پروژه

دوره های دیگر مدرس

مشاهده همه دوره ها

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

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