آموزش 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 تو ری اکت
امیدوارم که از دیدن دوره لذت ببرید و آرزوی من رضایت قلبی شما از دوره پیش روست .
نظرات کاربران در رابطه با این دوره