پکیج پروژه محور ساخت سایت مشابه آپارات با فریم ورک های react.js و laravel
( فیلم آموزشی ) ،توسط مهندس میرمحمدی
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.




معرفی سرفصل های این دوره:
توضیحات کلی مجموعه:
فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js
- نصب و راه اندازی node.js و کلیه پیش نیازهای لازم
- نصب فریم ورک react روی لوکال و انجام تست های لازم
- آغاز آشنایی با سینتکس های react.js و بررسی تفاوت های var ، let و const
- آشنایی با arrow function در فریم ورک react و پیاده سازی چند مثال کاربردی
- آشنایی با نحوه ایجاد یک class در فریم ورک react و پیاده سازی چند مثال کاربردی
- آشنایی با Rest و اپریتورها و مقایسه سینتکس های جاوااسکریپت و react
- ادامه مبحث Rest و اپریتورها و پیاده سازی چند مثال کاربردی
- آشنایی با مبحث closure و مقایسه سینتکس های جاوااسکریپت و react
- ادامه مبحث کلوژرها و پیاده سازی چند مثال کاربردی
- آشنایی با دستور this و پیاده سازی چند مثال کاربردی
- نصب اپلیکیشن با قابلیت های ری اکتی از طریق خط فرمان
- آشنایی با دستور npm start جهت اجرای پروژه
- آشنایی با jsx و پیاده سازی چند مثال کاربردی
- آشنای با ماژول ها و پیاده سازی یک ماژول ذر پروژه
- آشنایی با کامپوننت ها و یپاده سازی یک کامپوننت در پروژه
- نحوه کارکردن React با Dom
- روش صحیح استفاده از state ها از طریق پست کردن دیتاها از طریق تگ فرم و ذخیره در state ها
- ادامه بحث نحوه استفاده صحیح از state ها در برنامه و آشنایی با رفرنس ها
- Spa یا سینگل اپلیکیشن و پیاده سازی یک مینی پروژه در این خصوص
- جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل
- ایجاد یک نویگیشن و تبدیل آن به یک کامپوننت در پروژه spa
- نصب روتر(router) در برنامه از طریق خط فرمان
- پیاده سازی سیستم روتینگ برای کامپوننت ها و آشنایی با تگ route و اتریبیوت component
- ادامه مبحث routing و آشنایی با اتریبیوت to، تگ های Link و NavLink
- نحوه دستیابی به اطلاعات یک کامپوننت در کامپوننت دیگر همراه با یک مثال کاربردی
- رفع مشکل تشابه Route ها و آشنایی با کامپوننت switch
- عملیات Redirect با React و آشنایی با متود componentDidMount و کامپوننت Redirect
- آشنایی با فن آوری اکسیوس(axios) و دریافت دیتا از سرور اینترنتی
- سلکت کردن دیتای یک سطر از طریق اکسیوس یا axios در یک کامپوننت مستقل
- اضافه کردن پست به پست های سرور از طریق axios همراه با یک مثال کاربردی
- آشنایی با interceptors ها(اینترسپتورها) در axios و تعریف ثابت در برنامه
- ایجاد نمونه های مختلف از axios برای سرویس های گوناگون جهت مدیریت url سرورها در برنامه
- آشنایی با ریداکس (redux) جهت کاهش حجم بار سرور در پردازش داده ها
- اضافه کردن createStore به پروژه و آشنایی با action ها
- طریقه مقدار دهی و اکسترنال کردن action ها در redux
- آشنایی با subscribe و نمایش کلیه تغییرات انجام شده در state
- حذف یک مقدار از state از طریق ریداکس
- ایجاد استورهای چندگانه در ریداکس و پیاده سازی یک مثال کاربردی
- آشنایی کامپوننت combineReducers
- پیاده سازی یک مینی پروژه جهت اتصال اپ ری اکتی به redux
- نصب پکیج react-redux از طریق خط فرمان
- آشنایی با کمپوننت connect و Provider و انتقال کامل state به ریداکس
- نحوه استفاده از کامپوننت connect جهت برقرای ارتباط بین بحش های مختلف برنامه با ریداکس
- پیاده سازی کامل مینی پروژه اتصال اپلیکیشن به Redux و امکان نمایش لیست ها و حذف و اضافه دیتا در لیست های پروژه از طریق ریداکس
- پیاده سازی مینی پروژه سبد خرید و تمرینی دیگر در خصوص اتصال react به redux
- پیاده سازی مینی پروژه سبد خرید و ایجاد reducer ، storeو state پروژه و ساخت کامپوننت shop و در نهایت نمایش لیست محصولات
- پیاده سازی مینی پروژه سبد خرید و ایجاد action لازم جهت ثبت محصولات انتخاب شده توسط کاربر در سبد خرید
- پیاده سازی مینی پروژه سبد خرید و اضافه کردن محصول به سبد خرید از طریق به ثبت رساندن دکمه add
- پیاده سازی مینی پروژه سبد خرید و ایجاد دکمه remove به نحوی که با به ثبت رساندن دکمهremove محصول از سبد خرید حذف می گردد
- آشنایی با redux-thunk
- طریقه لاگین در react
- ادامه پیاده سازی مینی پروژه لاگین
- پیاده سازی سرور با php برای مینی پروژه لاگین
- پیاده سازی سرور با php برای صفحه فرود پروژه لاگین
- پیاده سازی کامپوننت مقالات در پروژه لاگین
- استفاده از کامپوننت های Route و switch در پروژه لاگین
- آشنایی با متود localStorage
- دسته بندی کامپوننت ها در پروژه لاگین
- رفع چند ایراد از پروژه لاگین از جمله اینکه با لاگین کردن در سایت از طریق ریلود به صفحه مقالات منتقل شویم
- اتصال پروژه لاگین به ریداکس و ارسال اطلاعات لاگین به ریداکس
- دریافت اطلاعات لاگین در ریداکس و ذخیره اطلاعات لاگین در localStorage
- Logout در پروژه لاگین از طریق ریداکس و همزمان ریلود صفحه و انتقال کاربر به بخش لاگین
- آشنایی با انیمیشن ها در react و پیاده سازی پروژه show کزذن مودال جهت ایجاد بستر لازم برای کار با انیمیشن ها
- استفاده از انیمیشن ها در پروژه react با استفاده از پرپرتی های css نظیر transition و keyframes
- استفاده از ابزار react جهت اعمال انیمیشن ها در پروژه و نصب پکیج react-transition-group از طریق خط فرمان
- استفاده از کامپوننت Transition در پروژه به منظور اعمال انیمیشن روی مودال به نحوی که در زمان مخفی بودن المنت کل کدهای html از صفحه حذف می گردد و هیچگونه سرباری برای رندر صفحه ما محسوب نمی گردند
- آشنایی با برخی اتریبیوت های کامپوننت Transition نظیر onEnter ، onEntering ، onEntered ، onExit ، onExiting ، onExited ، mountOnEnter و unmountOnEnter
- آشنایی با کامپوننت CSSTransition جهت اعمال انیمیشن ها در react و طریقه کار با اتریبیوت classNames
فصل دوم : پیاده سازی پروژه آپارات
- نصب پروژه لاراولی از طریق خط فرمان جهت پیاده سازی پروژه آپارات
- پیاده سازی مایگریشن های users و channels جهت ایجاد تیبل های مربوطه
- پیاده سازی مایگریشن های followers ، categories و videos جهت ایجاذ تیبل های مربوطه
- پیاده سازی مایگریشن های publishes ، playlist و tags جهت ایجاد تیبل های مربوطه
- پیاده سازی مایگریشن comments جهت ایجاد تیبل مربوطه
- پیاده سازی مایگریشن video report categories و video reports جهت ایجاد تیبل های مربوطه
- ایجاد چند یورز تصادفی در تیبل users از طریق faker ها
- تعیین type برایuser ها از طریق تعریف کانستنت در مادل user
- پیاده سازی seederبرای مادل user و ایجاد دو کاربر فیک در تیبل users یکی با type ادمین و دیگری با تایپ user معمولی
- نصب پکیج passport در پروژه که بتوانیم برای هر کاربر یک token جنریت کنیم
- نصب postman جهت تست برنامه و جنریت کردن توکن در برنامه
- پیاده سازی متود findForPassport جهت تشخیص نوع لاگین
- تشخیص نوع ورود به سایت از طریق متود findForPassport که کاربر با email یا موبایل لاگین کرده
- تغییر روت ورود به سایت از oauth/token به login
- ذخیره توکن در postman تا بتوان پس از لاگین، به صفحات دیگر سایت دسترسی داشت


بخش های رایگان این مجموعه آموزشی:
نصب و راه اندازی node.js ( بخش 1 ) دانلود مستقیم نصب فریم ورک react روی لوکال ( بخش 2 ) دانلود مستقیم آغاز آشنایی با سینتکس های react.js ( بخش 3 ) دانلود مستقیم آشنایی با arrow function در فریم ورک react ( بخش 4 ) دانلود مستقیم نصب اپلیکیشن با قابلیت های ری اکتی ( بخش 11 ) دانلود مستقیم آشنایی با دستور npm start ( بخش 12 ) دانلود مستقیم جستجو در لیست ها ( بخش 24 ) دانلود مستقیم آشنایی کامل با props ( بخش 25 ) دانلود مستقیم ادامه بحث جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل ( بخش 31 ) دانلود مستقیم ایجاد یک نویگیشن و تبدیل آن به یک کامپوننت ( بخش 32 ) دانلود مستقیم رفع مشکل تشابه Route ها ( بخش 37 ) دانلود مستقیم آشنایی با ریداکس ( بخش 44 ) دانلود مستقیم پیاده سازی مینی پروژه سبد خرید ( بخش 56 ) دانلود مستقیم پیاده سازی سرور با php برای مینی پروژه لاگین ( بخش 65 ) دانلود مستقیم پیاده سازی سرور با php برای صفحه فرود پروژه لاگین ( بخش 66 ) دانلود مستقیم رفع چند باگ از پروژه لاگین ( بخش 71 ) دانلود مستقیم آشنایی با برخی اتریبیوت های کامپوننت Transition ( بخش 79 ) دانلود مستقیم نصب پروژه لاراولی از طریق خط فرمان ( بخش 81 ) دانلود مستقیم پیاده سازی مایگریشن video report categories و video reports ( بخش 86 ) دانلود مستقیم پیاده سازی متود findForPassport ( بخش 92 ) دانلود مستقیم( نصب و راه اندازی node.js )
( نصب فریم ورک react روی لوکال )
( آغاز آشنایی با سینتکس های react.js )
( آشنایی با arrow function در فریم ورک react )
( آشنایی با نحوه پیاده سازی یک class در فریم ورک react )
( آشنایی با Rest و اپریتورها )
( ادامه مبحث Rest و اپریتورها )
( آشنایی با مبحث closure )
( ادامه مبحث کلوژرها )
( آشنایی با دستور this )
( نصب اپلیکیشن با قابلیت های ری اکتی )
( آشنایی با دستور npm start )
( آشنایی با jsx )
( آشنای با ماژول ها )
( آشنایی با کامپوننت ها )
( آشنایی با استیت ها )
( آشنایی با to way buinding )
( طریقه استایل دهی به المت های یک کامپوننت )
( پیاده سازی یک تم پلیت در کامپوننت )
( پیاده سازی یک مینی پروژه )
( آشنایی با لیست ها )
( نحوه داینامیک سازی لیست ها )
( حذف لیست ها )
( جستجو در لیست ها )
( آشنایی کامل با props )
( نحوه کارکردن React با Dom )
( روش صحیح استفاده از state ها )
( ادامه بحث نحوه استفاده صحیح از state ها در برنامه )
( Spa یا سینگل اپلیکیشن )
( جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل )
( ادامه بحث جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل )
( ایجاد یک نویگیشن و تبدیل آن به یک کامپوننت )
( نصب روتر(router) در برنامه )
( پیاده سازی سیستم روتینگ برای کامپوننت ها )
( ادامه مبحث routing )
( نحوه دستیابی به اطلاعات یک کامپوننت در کامپوننت دیگر )
( رفع مشکل تشابه Route ها )
( عملیات Redirect با React )
( مبحث اکسیوس(axios) )
( سلکت کردن دیتا از طریق اکسیوس یا axios )
( اضافه کردن پست به پست های سرور از طریق axios )
( آشنایی با interceptors ها(اینترسپتورها) در axios )
( ایجاد نمونه های مختلف از axios )
( آشنایی با ریداکس )
( ادامه بحث ریداکس )
( طریقه مقدار دهی به action ها در redux )
( آشنایی با subscribe )
( حذف یک مقدار از state از طریق ریداکس )
( ایجاد استورهای چندگانه در ریداکس )
( ادامه مبحث پیاده سازی استورهای چندگانه در ریداکس )
( اتصال اپ ری اکتی به redux )
( نصب پکیج react-redux )
( آشنایی با کمپوننت connect و Provider )
( نحوه استفاده از کامپوننت connect )
( پیاده سازی کامل مینی پروژه اتصال اپلیکیشن به Redux )
( پیاده سازی مینی پروژه سبد خرید )
( ادامه پیاده سازی مینی پروژه سبد خرید )
( ادامه پیاده سازی مینی پروژه سبد خرید )
( ادامه پیاده سازی مینی پروژه سبد خرید )
( ادامه پیاده سازی مینی پروژه سبد خرید )
( آشنایی با redux-thunk )
( طریقه لاگین در react )
( ادامه پیاده سازی مینی پروژه لاگین )
( ادامه پیاده سازی مینی پروژه لاگین )
( پیاده سازی سرور با php برای مینی پروژه لاگین )
( پیاده سازی سرور با php برای صفحه فرود پروژه لاگین )
( پیاده سازی کامپوننت مقالات در پروژه لاگین )
( استفاده از کامپوننت های Route و switch در پروژه لاگین )
( آشنایی با متود localStorage )
( دسته بندی کامپوننت ها در پروژه لاگین )
( رفع چند باگ از پروژه لاگین )
( اتصال پروژه لاگین به ریداکس )
( دریافت اطلاعات لاگین در ریداکس )
( Logout در پروژه لاگین از طریق ریداکس )
( آشنایی با انیمیشن ها در react )
( استفاده از انیمیشن ها در پروژه react )
( استفاده از ابزار react جهت اعمال انیمیشن ها در پروژه )
( استفاده از کامپوننت Transition در پروژه به منظور اعمال انیمیشن روی مودال )
( آشنایی با برخی اتریبیوت های کامپوننت Transition )
( آشنایی با کامپوننت CSSTransition جهت اعمال انیمیشن ها در react )

تخفیف تا تاریخ 1403/3/15 (تخفیف فوق،صرفا به خرید کل پکیج،و یا خرید فصل ها تعلق می گیرد و به خرید تک بخش ها،اعمال نمی گردد)
وضعیت دوره: درحال برگزاری
تعداد قسمت ها : 95 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
پشتیبانی فنی: دارد
می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس میرمحمدی ) در میان گذاشته و برطرف نمایید.
تعداد فصل ها: 2 فصل
مدت زمان: 36 ساعت
افزودن پکیج به سبد خرید
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید

در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات
شهاب شهیدی
میگه:
سلام وقت بخیر
واسه فرانت این دوره از ورژن 18 react js استفاده کرده اید؟
و اینکه نسخه لاراولی که استفاده کرده اید چند هست؟
من میخوام این دوره رو تهیه کنم خواستم این دو مورد رو بدونم
پاسخ:
باسلام.خیلی نسخه فریم ورک اهمیتی نداره این بستگی به کانفیگ سیستم شما داره اگر سیستم شما یا نسخه زمپ شما قدیمی باشه نسخه های جدید رو پشتیبانی نمیکنه لذا خیلی فرقی نمی کنه شما از چه نسخه ای استفاده کنی ولی اگر سیستم شما بروز هست از جدید ترین نسخه استفاده کنید خیلی فرق زیادی هم با هم نمی کنند مثل آفیس ها اگر دقت کرده باشید در کلیت موضوع خیلی تفاوتی بینشون نیست
میلاد سلیمی
میگه:
سلام وقت بخیر جناب این دوره هر چند وقت قسمت جدید قرار میگیره داخل سایت ؟
پاسخ:
سلام: هرهفته آپدیت میشه یک تأخیر یک ماه داشتیم به دلیل درگذشت یکی از بستگان که ایشالا از این هفته مجدداً بروز آوری دوره از سرگرفته می شود
طاها صمدی
میگه:
با سلام و احترام
ببخشید میخواستم بدونم این دوره streaming در حد اپارات داره یانه
دومین سوالی که داشتم این که کی دوره به اتمام میرسه
سومین سوالی ک داشتم این ک با چه نسخه ای از لاراول زده شده
پاسخ:
باسلام:بله تمام امکانات آپارات رو ما در این دوره پیاده سازی می کنیم ، کلا این دوره خیلی سنگینه فکر کنم تکمیلش حدود یکسال طول بکشه چون نمی خوایم از چیزی بگذریم می خوایم در حقیقیت دوره ای رو تولید کنیم که در پایان شما یک وب نویس حرفه ای بشید ، نسخه هم اصلا مهم نیست شما با هر نسخه ای که دوست داری کد بزن چون خیلی با هم فرقی نمی کنند تفاوت هاشون رو می تونید تو سایت رسمی لاراول بررسی کنید ولی ما از جدیدترین نسخه استفاده می کنیم
Saman sherwani
میگه:
سلام وقت بخیر
ایا این پروژە مشابهە اپارات دارای بخشهای مثلن بخش اسپرت و فیلم و مدرسە هم میباشە، ممنونم
سامان شیروانی
میگه:
سلام استاد، ایا تو این پروژە اموزشی،ایا کاملا مشابهە اپارات هست یعنی مثلن بخش اپارات فیلم و اسپرت و کودک و مدرسە و پخش زندە .. از این بخش هام طراحی و برنامەنیسی انجام میدی یا فقط اپارات سادە رو پیادە سازی میکنید، ممنون
پاسخ:
باسلام:بله تمامی امکانات سایت آپارات رو در این پروژه پیاده سازی خواهیم کرد به طوری که شما دیگه توانایی طراحی هر سایت دیگه ای رو با react و لاراول خواهید داشت
مسعود مرادی
میگه:
میشه به صورت میکروسرویس بزنید
پاسخ:
باسلام: بله حتما
محمد
میگه:
سلام وقت بخیر
من از مدرس این دوره خواهشمندم این دوره رو با next.js برن جلو و از ریکت به نکست تغییر بدن.
قبلا دوره هایی مشابه با ریکت کار شده ولی اگه نکست باشه همه از جمله من این دوره رو میخریم و کاربرد زیادی خواهد داشت
پاسخ:
باسلام: تو این سایت هیچ دوره ای با تلفیق ری اکت و لاراول ارائه نشده لذا با توجه به درخواست های قبلی فعلا این مورد در اولویت می باشد.
armin
میگه:
سلام خسته نباشید این دوره حدود چند قسمت هستش؟بعد از دیدن دوره شیپور و لاراول باید این دوره رو دید؟و این که اگر بصورت کامل دوره رو خریداری کنیم اپدیت ها رایگان اضافه میشن؟
پاسخ:
باسلام: این دوره خیلی سنگین هست و به احتمال زیاد تعداد بخش های این دوره از 300 بخش تجاوز خواهد کرد ، بخش های اول که در مورد react js است و پیش نیاز خاصی نداره اما برای قسمت بک اند که با فریم ورک لاراول پیاده سازی میشه، بهتره که فصل اول دوره لاراول بنده که 140 قسمت هست رو ببینید بقیه فصولش لزومی نداره ولی اگر اونا رو هم ببینید بهتر هست ، آپدیت ها هم هیچ هزینه ای نداره و جایگزین فیلم های قدیمی میشه و شما هر زمان که بخواید می تونید برید دانلود کنید