مخصوص اعضای ویژه 
.jpg)
آموزش React JS جامع و پروژه محور (پروژه توییتر)
به نام خدا
سلام میکنم به همه دانشجوها دانش آموزا اونایی که برنامه نویسی رو با گوشت و خونشون دوست دارن و اونایی که با برنامه نویسی بزرگ شدن نه نه اشتباه نکنید این دوره فقط مخصوص برنامه نویسای باتجربه نیست بلکه طوری تدوین شده که حتی شمایی که نمیدونی جاوااسکریپت و ری اکت چیه هم مناسب حالته چون که تمام پیش نیاز های react دراین دوره گفته شده
البته اینم بگم این یه دوره مقدماتی نیست که صرفا بیایم و مقدمات رو توش یاد بگیرم نه این یه دوره پروژه محوره که ما اولش یاد میگیرم ری اکت چیه و پیش نیازاش چی هستن (یعنی درواقع آمورش 0 تا صد react) بعدم که هر مبحث رو یاد گرفتید همون مبحث رو روی پروژه واقعی مون ینی twitter پیاده میکنیم
بله همون سایت توییتر معروف 🤗 این دوره درواقع آموزش ساخت توییتر هم هست که این پروژه باعث میشه شما تسلط خوبی به مباحث پیدا کنید و همینطور درگیر یه پروژه واقعی بشید و این یعنی ره چند ساله رو دو ماهه رفتن !! من تو این دوره علاوه بر آموزش مبانی ری اکت تجارب خودم رو که طی سال ها برنامه نویسی بدست اومده در اختیارتون قرار میدم که این جوری چند پله جلو میفتید ازین جایی که الان هستید !
خب میریم سراغ اینکه ببینید قراره چه اپشنایی از توییتر رو شما به کمک آموزش های این دوره طراحی کنید . خب تو ویدیوی معرفی من وایرفریم دوره رو به شما نشون میدم
قسمت بالا هدر سایتمونه کاربر اینجا اسم سایتو میبینه و اکانت کاربری خودش رو میتونه مشاهده کنه
یکم پایین تر سمت راست لیست کاربرای توییترن که که هرکدوم میتونن یه دونه عکس پروفایل داشته باشن یه نام و یه توضیح کوتاه درباره خودشون
سمت چپ هم هشتک های که ترند شدن رو کاربر میتونه ببینه
بخش میانی هم اول چن تا توییت داغ که خیلی لایک خوردن بعدم لیست توییت ها به ترتیب زمان توییتشون
راستی کاربر با زدن روی هشتگ ها میتونه لیست توییت های مربوط به اون هشتگ رو وسط صفحه ببینه همین طور با کلیک روی هر کاربر لیست توییت های اون کاربر خاص رو مشاهده کنه .
خبببب به نظرتون چیزی از قلم نیفتاده ؟؟ اها کاربر خودشم باید بتونه توییت کنه
پس یه صفحه خواهیم داشت که کاربر هم میتونه یه متن محدود به همراه یه عکس توییت کنه دقیقا عین توییتر
تو این دوره شما این چند تا مهات رو یاد خواهید گرفت ....
اول با JS آشنا میشید !! اگه بلدید که میتونید این فصل آموزش جاوااسکریپت رو رد کنید و یه پرش طول کنید به فصلای بعد اگرم نه که من تو دوساعت سعی میکنم به شما یاد بدم جاوا اسکریپت چیه و به چکار میاد
بعد میریم سراغ آموزش ES6
خب یه سری ازدوستان هستن که جاوااسکریپت زن قدیمی ان و خیلی خبری از ویژگی های اخرین نسخه های جاوا اسکریپت ندارن من تو این فصل ویژگی های جدیدی که به جاوا اسکریپت اضافه شده رو به شما یاد میدم
خب بعدشم وارد قسمت آموزش مقدماتی ری اکت میشیم و قشنگ اونا رو با مثال یاد میگیریم
خب حالا وقتشه تا همین جایی که یاد گرفتیم دانش هامون رو به چالش بکشیم پس وایر فریم رو میزاریم جلومونو صفحه های توییتر رو شروع میکنیم به طراحی از صفره صفر
بعد بازم با مباحث پیچیده تر ری اکت مث ری اکت هوک (React Hook) و ری اکت روتر (React Router)و دیتافچ (Axios) ازسرور اشنا میشیم و دوباره برمیگردیم به پروژه مون و با همینایی که یاد گرفتیم پروژه رو توسعه میدیم
راستی این پروژه خب قطعا نیاز به api داره واسه اینکه درست کار کنه ولی نگران نباشید ما api اون رو با نود جی اس (Node JS) از قبل زدیم و در اختیار شما قرار میدیم تا بتونید فرانت خودتون رو روش بالا بیارید
اگرم یه وقتی خاستید و واستون جذاب بود دوره طراحی api توییتر با Node Js هم میزاریم
نکته اخر اینکه ما قرار نیست دقیقا همه امکانات توییتر رو پیاده کنیم چرا که توییتر بالا اوردن اون هم بصورت آموزشی شاید حدود 300 400 ساعت زمان ببره
ما یه سری از امکانات بیس توییتر رو بالا میاریم که شما با یاد گرفتن همین مباحث اگر 0 باشید میشید 50 و اگر 50 باشید میشید 70 تو ری اکت
امیدوارم که از دیدن دوره لذت ببرید و آرزوی من رضایت قلبی شما از دوره پیش روست .
.jpg)
.jpg)
نظرات کاربران در رابطه با این دوره
محمد مطواعی
دوستان سرور توییتر که تابحال در موقعیت آلمان لیارا قرار داشت ب دلیل برخی مشکلات به سرور ایران منتقل شد و ادرس به ادرس زیر تغییر کرد
دوستانی که وارد پروژه عملی شدند ازین به بعد به این سرور ریکوئست بزنن
https://twitterapi.iran.liara.run
محمدمهدی بهارلو
ارسال شده در 1403/09/27با کمال احترام بدترین دوره ای بود که تا الان دیدم، انقدر مشکلات زیاده که نمیدونم از کجاش بگم، سرفه های اعصاب خورد کن یا عدم تسلط روی موضوع و یا اشتباهات مکرر اصلا چرا ضبط کردین مجبور نبودین که، لطفا پاسخگو باشید.
پایگاه-علمی-فرهنگی-طبستان
ارسال شده در 1402/09/03استاد لطفا pagination رو هم توضیح بدید
محمد مطواعی
ارسال شده در 1402/05/22سلام
دوستان به دلیل هزینه های سرور و دیتابیس مجبور به لوکال کردن اون شدم و api ها دیگه روی سرور نیستند و هر عزیزی که ب قسمت های مربوط به پروژه عملی رسید به من پیام بدن تا براشون سورس بکند نود جی اس رو ارسال کنم تا اون رو ، روی سیستم خودشون راه اندازی کنن
Iman Zand
ارسال شده در 1401/08/13سلام آقای مطواعی برای کار با ری اکت نیاز هست html و css یا bootstrap رو بلد باشم؟
محمد مطواعی (مدرس)
ارسال شده در 1401/08/13سلام
Html css رو بله تا حدودی اما بوتسرپ
پویا پورداد
ارسال شده در 1401/06/26با سلام و وقت بخیر
به نظرم دوره خوبی هست و میتونه به یادگیری ریکت کمک بکنه ، بعضی نظرات خیلی منفی بود که در واقع به نظرم اینطور نیست و شما باید در نظر داشته باشید دوره های پروژه محور با دوره های آموزش محور خیلی متفاوت هست و کسی که می خواد در یک دوره پروژه محور شرکت بکنه حتما باید حداقل مسایل اولیه رو یاد داشته باشه و اگر یاد نداره حتما باید ابتدا یک دوره آموزش محور ببینه یا حداقل در کنار آموزش پروژه محور در گوگل سرچ کنه .یک مدرس هرچقدر هم تلاش کنه نمیتونه توی یک دوره هم آموزش بده هم پروژه عملی داشته باشه .
با آرزوی موفقیت برای استاد گرامی جناب مطواعی
محمد مطواعی (مدرس)
ارسال شده در 1401/08/11ممنون پویاجان بابت نظر منصفانه تون ...