پکیج پروژه محور ساخت سایت مشابه آپارات با فریم ورک های react.js و laravel

( فیلم آموزشی ) ،توسط مهندس میرمحمدی

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

موضوعات:

آموزش HTML5 آموزش CSS آموزش JAVASCRIPT آموزش JQUERY آموزش PHP آموزش PHP MVC آموزش Ajax آموزش HTML آموزش NodeJs آموزش Bootstrap آموزش Laravel آموزش Symphony

جهت مشاهده دمو روی تصویر کلیک کنید.

دریافت همه بخش های رایگان

پکیج پروژه محور ساخت سایت مشابه آپارات با فریم ورک های 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

فصل دوم : پیاده سازی بخش BackEnd پروژه آپارات

نصب پروژه لاراولی از طریق خط فرمان جهت پیاده سازی پروژه آپارات
پیاده سازی مایگریشن های 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 تا بتوان پس از لاگین، به صفحات دیگر سایت دسترسی داشت
ایجاد Route جهت رجیستر کردن user و ایجاد کنترلر مربوطه از طریق خط فرمان
ایجاد Request از طریق خط فرمان برای بخش رجیستری کاربر تا بتوانیم تشخیص دهیم کاربر با موبایل قصد رجیستری دارد یا با email
تشخیص اینکه کاربر با موبایل اقدام به رجیستری کرده یا با email در کنترلر و ذخیره اطلاعات کاربر در cacheسیستم
ایجاد یک expirtion برای ذخیره اطلاعات کاربر در cache که مثلا حداکثر تا 5 روز اطلاعات کاربر در cache سیستم نگهداری شود
ایجاد Route در سیستم جهت وریفای کردن کاربر و تا زمانی که token و نام کاربری موجود در لینک صحیح نباشد ثبت نام کاربر قطعی نمی شود
ایجاد حطای Exception در بخش وریفای ثبت نام به نحوی که اگر کاربر کد فعالسازی را اشتباه وارد کرد یک خطا به صورت response برای کاربر ارسال گردد
ذخیره اطلاعات کاربر در پایگاه داده پس از ثبت نام در سایت
تغییر روش ارسال پارامتر به متود verify از GET به POST و ساخت یک Request برای بخش وریفای کاربر و ارسال کد به متود مربوط به وریفای کاربر از طریق کلاس Request
جلوگیری از ثبت نام کاربر با یک ایمیل یا موبایل تکراری و ارسال خطا در قالب یک Exception
ایجاد ولیدیشن برای شماره موبایل به نحوی که اگر کاربر از فرمت غلط شماره موبایل استفاده کرد یک response خطا برگشت خواهد داد
اصلاح فرمت موبایل به +98 به نحوی که اگر کاربر هر فرمتی غیر از 98+ را وارد کرد خود برنامه فرمت موبایل را اصلاح خواهد کرد
ایجاد یک trait در برنامه در جهت بهینه سازی و خلاصه نویسی کدها برای متود های رجیستر و وریفای کاربر در AuthController
ایجاد روت و کنترلر بخش ارسال مجدد کد فعالسازی و ایجاد شبیه ساز کلاینت در postman جهت ارسال مجدد کد به کنترلر مربوطه
پیاده سازی فرایند ارسال مجدد کدفعالسازی به نحوی که اگر یوزر وریفای نشده با شماره یا ایمیل ارسال شده در پایگاه وجود نداشت نسبت به ارسال مجدد کد اقدام می گردد
تعیین زمان انقضاء برای کد فعالسازی ارسال شده به نحوی که مثلا اگر کاربر درخواست ارسال مجدد کد نماید تا 60دقیقه فقط یک شماره مشخص برای او ارسال می گردد اما بعد از پایان تاریخ انقضاء کد، یک کد جدید برای کاربر جنریت می گردد
تعریف یک کانفیگ برای مدت زمان جنریت کردن کدفعالسازی که مثلا تا نیم ساعت اگر کاربر به طور مکرر تقاضای دریافت کد فعالسازی را ارسال کرد، یک کد ثابت به کاربر اختصاص یابد و پس از پایان این مدت کد جدیدی جنریت می گردد
ایجاد route بخش ویرایش ایمیل در تنظیمات پنل کاربری
ایجاد controllerو Request بخش ویرایش ایمیل و دریافت ایمیل و آیدی کاربر در متود changeEmail
ذخیره ایمیل ارسالی در cacheسیستم به نحوی که پس از آنکه کاربر اقدام به ویرایش ایمیل خود کرد ایمیل ارسالی توسط کاربر در کش سیستم نگهداری شود تا پس از دریافت کد ارسالی و وریفای کردن نام کاربری جدید نسبت به تغییر ایمیل اقدام گردد
ایجاد Route جدید جهت وریفای کردن نام کاربری جدید و ایجاد یک Request برای این قسمت و تعریف یک شرط در کنترلر که اگر کد ارسالی توسط کاربر با کد ذخیره شده در کش برابر نباشد یک response به سمت کاربر ارسال می گردد که درخواست نامعتبر می باشد
ویرایش کامل ایمیل یا نام کاربری در بخش تنظیمات و جلوگیری از ثبت ایمیل تکراری در پایگاه داده
ایجاد بخش تعریف کانال در تنظیمات سایت شامل تولید مادل channels و اینکه قبل از آنکه کاربر اقدام به تنظیم اطلاعات کانال نماید همزمان با ثبت نام باید ایمیل یا شماره تلفن کاربر به عنوان نام کانال لحاظ گردد و بعدا کاربر می تواند نسبت به تغییر آن اقدام کند
جلوگیری از ثبت کاربر در صورت بروز خطا هنگام ثبت کانال، چون به صورت همزمان نسبت به ایجاد کاربر و ثبت ،نام کانال اقدام می گردد از طریق متود rollback در صورت بروز هر گونه خطا در ثبت اطلاعات، از ورود اطلاعات در هر دو جدول جلوگیری می گردد
پیاده سازی یک observer برای بخش ایجاد channel تا create کردن کانال از طریق create کردن user انجام پذیرد
انتقال کدهای create کانال به observer که پس از ایجاد یک یوزر به صورت اتومات نام ایمیل یا شماره موبایل به عنوان نام دیفالت کانال در پایگاه داده و در جدول channels ذخیره می گردد
پیاده سازی یک BaseService برای کنترلر user
ادامه پیاده سازی یک BaseService برای کنترلز user در جهت نظام مند کردن کدهای کنترلر
ادامه پیاده سازی یک BaseService برای کنترلز user در جهت نظام مند کردن کدهای کنترلر
گروه بندی روت های سیستم در جهت منظم شدن روت های api
ایجاد کنترلر برای بخش channel تا از طریق تنظیمات پنل کاربر بتواند اطلاعات کانال خود را ویرایش کند
ایجاد Request برای بخش ویرایش channel در جهت validated کردن ریکوئست های ارسالی از سمت کاربر و ایحاد یک BaseService برای بخش channel
دریافت پارامتر Id کاربر در سرویس channel و ایجاد بستر لازم در جهت ویرایش کانال کاربران سایت توسط مدیر سیستم
برقراری ارتباط بین مادل user و مادل channel از طریق متود belongsTo
ویرایش اطلاعات کانال و آدرس وب سایت کاربر و ایجاد یک exception در جهت جلوگیری از ذخیره دیتا در پایگاه داده در صورت بروز خطا در فرایند ذخیره اطلاعات
پیاده سازی یک شرط در فرایند ذخیره اطلاعات کانال به نحوی که اگر کاربر مدیر باشد می تواند اطلاعات کانال سایر کاربران را نیز تغییر دهد اما کاربر معمولی فقط می تواند اطلاعات کانال خود را ویرایش نماید
بررسی سطح دسترسی کاربر برای تغییر اطلاعات کانال دیگران از طریق متود authorize در ریکوئست
ایجاد ریکوئست ، و کنترلر برای آپلود عکس کانال
در ادامه بحث آپلود عکس کانال در فایل gitignor مسیری که فایل قرار هست در پوشه public ذخیره شود را مشخص می کنیم
ایجاد کنترلر جهت تعریف شبکه های اجتماعی در کانال آپارات
ذخیره اطلاعات شبکه های اجتماعی کاربر در کانال آپارات به صورت encode شده در تیبل channel
ایجاد مادل category جهت اختصاص به کته گوری به ویدئوی آپلود شده توسط کاربر
ایجاد مادل tags جهت اختصاص تگ به ویدئوی آپلود شده توسط کاربر
ایجاد یک rule برای آپلود ویدئو که از طریق آن بتوانیم یک شرط اعمال کنیم که حتما ریکوئست ارسالی از نوع upload-video باشد
ایجاد بستر های لازم جهت آپلود بنر برای ویدئویی که توسط کاربر آپلود شده است
ایجاد بستر های لازم برای اینکه کاربر بتواند برای ویدئوی خود category شخصی ایجاد کند
اصلاح تیبل مربوط به ویدئو ها و ایجاد یک کالمن جدید به نام channel-category-id که بتوان از این طریق بین تیبل channel_category و تیبل ویدئوها ارتباط برقرار کنیم
اصلاح قسمت دوم شرط rule مربوط آپلود ویدئو به نحوی که فقط کته گوری هایی که مختص کاربر هست رو selectکنه و سایر کته گوری ها رو نمایش نده
ایجاد playlist برای ویدئو های آپلود شده توسط کاربر لذا براش مادل ایجاد می کنم
انتقال ویدئو آپلود شده به پوشه ای با نام آیدی کاربر به این منظور که بتوان فایل های آپلود شده در معماری پروژه را به راحتی مدیریت کرد
برقراری ارتباط بین مادل video و playlist تا با این ارتباط بتوانیم به ویدئو ها playlist اختصاص دهیم
آپلود بنر برای ویدئو هایی که کاربر ثبت کرده است
نصب پکیج hashids برای آنکه بتوانیم برای هر ویدئو یک slug در نظر بگیریم
بدست آوردن حجم ویدئو آپلود شده توسط کاربر و ذخیره آن در کالمن duration
مشخص کردن مسیر فایل های مربوط به پکیج FFmpeg و معرفی به پروژه
پیاده سازی یک api برای کته گوری های اختصاصی که از طریق آن کاربر بتواند یک دسته یا کته گوری اختصاصی برای خود ایجاد کند

بخش های رایگان این مجموعه آموزشی:

نصب و راه اندازی node.js ( بخش 1 ) دانلود مستقیم نصب فریم ورک react روی لوکال ( بخش 2 ) دانلود مستقیم آغاز آشنایی با سینتکس های react.js ( بخش 3 ) دانلود مستقیم آشنایی با arrow function در فریم ورک react ( بخش 4 ) دانلود مستقیم آشنایی با نحوه پیاده سازی یک class در فریم ورک react ( بخش 5 ) دانلود مستقیم آشنایی با Rest و اپریتورها ( بخش 6 ) دانلود مستقیم ادامه مبحث Rest و اپریتورها ( بخش 7 ) دانلود مستقیم آشنایی با مبحث closure ( بخش 8 ) دانلود مستقیم ادامه مبحث کلوژرها ( بخش 9 ) دانلود مستقیم آشنایی با دستور this ( بخش 10 ) دانلود مستقیم نصب اپلیکیشن با قابلیت های ری اکتی ( بخش 11 ) دانلود مستقیم آشنایی با دستور npm start ( بخش 12 ) دانلود مستقیم آشنایی با jsx ( بخش 13 ) دانلود مستقیم آشنای با ماژول ها ( بخش 14 ) دانلود مستقیم آشنایی با کامپوننت ها ( بخش 15 ) دانلود مستقیم