پکیج پروژه محور ساخت سایت مشابه آپارات با فریم ورک های react.js و laravel
( فیلم آموزشی ) ،توسط مهندس میرمحمدی
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش JQUERY
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش HTML
آموزش NodeJs
آموزش Bootstrap
آموزش Laravel
آموزش Symphony
معرفی سرفصل های این دوره:
توضیحات کلی مجموعه:
فصل اول : آشنایی با مباحث مقدماتی فریم ورک 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 ) دانلود مستقیم
مباحث مقدماتی فریم ورک react.js
بخش
1
:
( نصب و راه اندازی node.js )
نصب و راه اندازی node.js و کلیه پیش نیازهای لازم
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
2
:
( نصب فریم ورک react روی لوکال )
نصب فریم ورک react روی لوکال و انجام تست های لازم
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
3
:
( آغاز آشنایی با سینتکس های react.js )
آغاز آشنایی با سینتکس های react.js و بررسی تفاوت های var ، let و const
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
4
:
( آشنایی با arrow function در فریم ورک react )
آشنایی با arrow function در فریم ورک react و پیاده سازی چند مثال کاربردی
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
5
:
( آشنایی با نحوه پیاده سازی یک class در فریم ورک react )
آشنایی با نحوه ایجاد یک class در فریم ورک react و پیاده سازی چند مثال کاربردی
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
6
:
( آشنایی با Rest و اپریتورها )
آشنایی با Rest و اپریتورها و مقایسه سینتکس های جاوااسکریپت و react
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
7
:
( ادامه مبحث Rest و اپریتورها )
ادامه مبحث Rest و اپریتورها و پیاده سازی چند مثال کاربردی
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
8
:
( آشنایی با مبحث closure )
آشنایی با مبحث closure و مقایسه سینتکس های جاوااسکریپت و react
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
9
:
( ادامه مبحث کلوژرها )
ادامه مبحث کلوژرها و پیاده سازی چند مثال کاربردی
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
10
:
( آشنایی با دستور this )
آشنایی با دستور this و پیاده سازی چند مثال کاربردی
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
11
:
( نصب اپلیکیشن با قابلیت های ری اکتی )
نصب اپلیکیشن با قابلیت های ری اکتی از طریق خط فرمان
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
12
:
( آشنایی با دستور npm start )
آشنایی با دستور npm start جهت اجرای پروژه
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
13
:
( آشنایی با jsx )
آشنایی با jsx و پیاده سازی چند مثال کاربردی
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
14
:
( آشنای با ماژول ها )
آشنای با ماژول ها و پیاده سازی یک ماژول ذر پروژه
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
15
:
( آشنایی با کامپوننت ها )
آشنایی با کامپوننت ها و یپاده سازی یک کامپوننت در پروژه
دانلود مستقیم
افزودن به سبد
قیمت:
رایگان
بخش
16
:
( آشنایی با استیت ها )
آشنایی با state ها و نگهداری وضعیت جاری کامپوننت در state
افزودن به سبد
قیمت:
12,000 تومان
بخش
17
:
( آشنایی با to way buinding )
آشنایی با to way buinding و ارسال پارامتر از کامپوننت پایین دستی به کامپوننت بالا دستی
افزودن به سبد
قیمت:
12,000 تومان
بخش
18
:
( طریقه استایل دهی به المت های یک کامپوننت )
طریقه استایل دهی به المت های یک کامپوننت به چند روش مختلف
افزودن به سبد
قیمت:
12,000 تومان
بخش
19
:
( پیاده سازی یک تم پلیت در کامپوننت )
پیاده سازی یک تم پلیت در کامپوننت و طریقه لینک کردن یک فایل css به کامپوننت
افزودن به سبد
قیمت:
12,000 تومان
بخش
20
:
( پیاده سازی یک مینی پروژه )
پیاده سازی یک مینی پروژه براساس آموخته هایمان تا این بخش
افزودن به سبد
قیمت:
12,000 تومان
بخش
21
:
( آشنایی با لیست ها )
آشنایی با لیست ها و ایجاد یک لیست از طریق متود map
افزودن به سبد
قیمت:
12,000 تومان
بخش
22
:
( نحوه داینامیک سازی لیست ها )
داینامیک سازی لیست ها از طریق متود prompt
افزودن به سبد
قیمت:
12,000 تومان
بخش
23
:
( حذف لیست ها )
حذف کردن آیتم هایی یک لیست به دو روش
افزودن به سبد
قیمت:
12,000 تومان
بخش
24
:
( جستجو در لیست ها )
جستجو در لیست ها از طریق متود های target ، filter و match
افزودن به سبد
قیمت:
12,000 تومان
بخش
25
:
( آشنایی کامل با props )
آشنایی کامل با props و نحوه شرظ گذاری در props ها
افزودن به سبد
قیمت:
12,000 تومان
بخش
26
:
( نحوه کارکردن React با Dom )
نحوه کارکردن React با Dom
افزودن به سبد
قیمت:
12,000 تومان
بخش
27
:
( روش صحیح استفاده از state ها )
روش صحیح استفاده از state ها از طریق پست کردن دیتاها از طریق تگ فرم و ذخیره در state ها
افزودن به سبد
قیمت:
12,000 تومان
بخش
28
:
( ادامه بحث نحوه استفاده صحیح از state ها در برنامه )
ادامه بحث نحوه استفاده صحیح از state ها در برنامه و آشنایی با رفرنس ها
افزودن به سبد
قیمت:
12,000 تومان
بخش
29
:
( Spa یا سینگل اپلیکیشن )
Spa یا سینگل اپلیکیشن و پیاده سازی یک مینی پروژه در این خصوص
افزودن به سبد
قیمت:
12,000 تومان
بخش
30
:
( جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل )
جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل
افزودن به سبد
قیمت:
12,000 تومان
بخش
31
:
( ادامه بحث جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل )
ادامه بحث جدا سازی بخش های مختلف برنامه و تبدیل به یک کامپوننت مستقل
افزودن به سبد
قیمت:
12,000 تومان
بخش
32
:
( ایجاد یک نویگیشن و تبدیل آن به یک کامپوننت )
ایجاد یک نویگیشن و تبدیل آن به یک کامپوننت در پروژه spa
افزودن به سبد
قیمت:
12,000 تومان
بخش
33
:
( نصب روتر(router) در برنامه )
نصب روتر(router) در برنامه از طریق خط فرمان
افزودن به سبد
قیمت:
12,000 تومان
بخش
34
:
( پیاده سازی سیستم روتینگ برای کامپوننت ها )
پیاده سازی سیستم روتینگ برای کامپوننت ها و آشنایی با تگ route و اتریبیوت component
افزودن به سبد
قیمت:
12,000 تومان
بخش
35
:
( ادامه مبحث routing )
ادامه مبحث routing و آشنایی با اتریبیوت to، تگ های Link و NavLink
افزودن به سبد
قیمت:
12,000 تومان
بخش
36
:
( نحوه دستیابی به اطلاعات یک کامپوننت در کامپوننت دیگر )
نحوه دستیابی به اطلاعات یک کامپوننت در کامپوننت دیگر همراه با یک مثال کاربردی
افزودن به سبد
قیمت:
12,000 تومان
بخش
37
:
( رفع مشکل تشابه Route ها )
رفع مشکل تشابه Route ها و آشنایی با کامپوننت switch
افزودن به سبد
قیمت:
12,000 تومان
بخش
38
:
( عملیات Redirect با React )
عملیات Redirect با React و آشنایی با متود componentDidMount و کامپوننت Redirect
افزودن به سبد
قیمت:
12,000 تومان
بخش
39
:
( مبحث اکسیوس(axios) )
آشنایی با فن آوری اکسیوس(axios) و دریافت دیتا از سرور اینترنتی
افزودن به سبد
قیمت:
12,000 تومان
بخش
40
:
( سلکت کردن دیتا از طریق اکسیوس یا axios )
سلکت کردن دیتای یک سطر از طریق اکسیوس یا axios در یک کامپوننت مستقل
افزودن به سبد
قیمت:
12,000 تومان
بخش
41
:
( اضافه کردن پست به پست های سرور از طریق axios )
اضافه کردن پست به پست های سرور از طریق axios همراه با یک مثال کاربردی
افزودن به سبد
قیمت:
12,000 تومان
بخش
42
:
( آشنایی با interceptors ها(اینترسپتورها) در axios )
آشنایی با interceptors ها(اینترسپتورها) در axios و تعریف ثابت در برنامه
افزودن به سبد
قیمت:
12,000 تومان
بخش
43
:
( ایجاد نمونه های مختلف از axios )
ایجاد نمونه های مختلف از axios برای سرویس های گوناگون جهت مدیریت url سرورها در برنامه
افزودن به سبد
قیمت:
12,000 تومان
بخش
44
:
( آشنایی با ریداکس )
آشنایی با ریداکس (redux) جهت کاهش حجم بار سرور در پردازش داده ها
افزودن به سبد
قیمت:
12,000 تومان
بخش
45
:
( ادامه بحث ریداکس )
ادامه بحث ریداکس و اضافه کردن createStore به پروژه و آشنایی با action ها
افزودن به سبد
قیمت:
12,000 تومان
بخش
46
:
( طریقه مقدار دهی به action ها در redux )
طریقه مقدار دهی و اکسترنال کردن action ها در redux
افزودن به سبد
قیمت:
12,000 تومان
بخش
47
:
( آشنایی با subscribe )
آشنایی با subscribe و نمایش کلیه تغییرات انجام شده در state
افزودن به سبد
قیمت:
12,000 تومان
بخش
48
:
( حذف یک مقدار از state از طریق ریداکس )
حذف یک مقدار از state از طریق ریداکس
افزودن به سبد
قیمت:
12,000 تومان
بخش
49
:
( ایجاد استورهای چندگانه در ریداکس )
ایجاد استورهای چندگانه در ریداکس و پیاده سازی یک مثال کاربردی
افزودن به سبد
قیمت:
12,000 تومان
بخش
50
:
( ادامه مبحث پیاده سازی استورهای چندگانه در ریداکس )
ادامه مبحث پیاده سازی استورهای چندگانه در ریداکس و آشنایی کامپوننت combineReducers
افزودن به سبد
قیمت:
12,000 تومان
بخش
51
:
( اتصال اپ ری اکتی به redux )
پیاده سازی یک مینی پروژه جهت اتصال اپ ری اکتی به redux
افزودن به سبد
قیمت:
12,000 تومان
بخش
52
:
( نصب پکیج react-redux )
نصب پکیج react-redux از طریق خط فرمان
افزودن به سبد
قیمت:
12,000 تومان
بخش
53
:
( آشنایی با کمپوننت connect و Provider )
آشنایی با کمپوننت connect و Provider و انتقال کامل state به ریداکس
افزودن به سبد
قیمت:
12,000 تومان
بخش
54
:
( نحوه استفاده از کامپوننت connect )
نحوه استفاده از کامپوننت connect جهت برقرای ارتباط بین بحش های مختلف برنامه با ریداکس
افزودن به سبد
قیمت:
12,000 تومان
بخش
55
:
( پیاده سازی کامل مینی پروژه اتصال اپلیکیشن به Redux )
پیاده سازی کامل مینی پروژه اتصال اپلیکیشن به Redux و امکان نمایش لیست ها و حذف و اضافه دیتا در لیست های پروژه از طریق ریداکس
افزودن به سبد
قیمت:
12,000 تومان
بخش
56
:
( پیاده سازی مینی پروژه سبد خرید )
پیاده سازی مینی پروژه سبد خرید و تمرینی دیگر در خصوص اتصال react به redux
افزودن به سبد
قیمت:
12,000 تومان
بخش
57
:
( ادامه پیاده سازی مینی پروژه سبد خرید )
ادامه پیاده سازی مینی پروژه سبد خرید و ایجاد reducer ، storeو state پروژه و ساخت کامپوننت shop و در نهایت نمایش لیست محصولات
افزودن به سبد
قیمت:
12,000 تومان
بخش
58
:
( ادامه پیاده سازی مینی پروژه سبد خرید )
ادامه پیاده سازی مینی پروژه سبد خرید و ایجاد action لازم جهت ثبت محصولات انتخاب شده توسط کاربر در سبد خرید
افزودن به سبد
قیمت:
12,000 تومان
بخش
59
:
( ادامه پیاده سازی مینی پروژه سبد خرید )
ادامه پیاده سازی مینی پروژه سبد خرید و اضافه کردن محصول به سبد خرید از طریق به ثبت رساندن دکمه add
افزودن به سبد
قیمت:
12,000 تومان
بخش
60
:
( ادامه پیاده سازی مینی پروژه سبد خرید )
ادامه پیاده سازی مینی پروژه سبد خرید و ایجاد دکمه remove به نحوی که با به ثبت رساندن دکمهremove محصول از سبد خرید حذف می گردد
افزودن به سبد
قیمت:
12,000 تومان
بخش
61
:
( آشنایی با redux-thunk )
آشنایی با redux-thunk و ایجاد وقفه در اجرای برخی دستورات
افزودن به سبد
قیمت:
12,000 تومان
بخش
62
:
( طریقه لاگین در react )
ایجاد یک پروژه جدید و پیاده سازی پروژه لاگین
افزودن به سبد
قیمت:
12,000 تومان
بخش
63
:
( ادامه پیاده سازی مینی پروژه لاگین )
ادامه پیاده سازی مینی پروژه لاگین و استایل دهی به صفحه login
افزودن به سبد
قیمت:
12,000 تومان
بخش
64
:
( ادامه پیاده سازی مینی پروژه لاگین )
ادامه پیاده سازی مینی پروژه لاگین و دریافت نام کاربری و کلمه عبور از input ها و ذخیره در یک آبجکت
افزودن به سبد
قیمت:
12,000 تومان
بخش
65
:
( پیاده سازی سرور با php برای مینی پروژه لاگین )
پیاده سازی سرور با php جهت ارسال ریکوئست نام کاربری و کلمه عبور به سمت سرور و دریافت response در پروژه react
افزودن به سبد
قیمت:
12,000 تومان
بخش
66
:
( پیاده سازی سرور با php برای صفحه فرود پروژه لاگین )
پیاده سازی سرور با php برای صفحه فرود پروژه لاگین به این شکل که پس از اعتباری سنجی نام کابری و کلمه عبور کاربر بتواند لیستی از مقالات را دربافت کند
افزودن به سبد
قیمت:
12,000 تومان
بخش
67
:
( پیاده سازی کامپوننت مقالات در پروژه لاگین )
پیاده سازی کامپوننت مقالات در پروژه لاگین که این کامپوننت موظف است پس از لاگین لیست مقالات را از سرور دریافت کرده و نمایش دهد
افزودن به سبد
قیمت:
12,000 تومان
بخش
68
:
( استفاده از کامپوننت های Route و switch در پروژه لاگین )
استفاده از کامپوننت های Route و switch در پروژه لاگین تا کاربر قبل از لاگین نتواند به صفحه مقالات دسترسی داشته باشد
افزودن به سبد
قیمت:
12,000 تومان
بخش
69
:
( آشنایی با متود localStorage )
آشنایی با متود localStorage جهت نگهداری اطلاعات لاگین در پروژه
افزودن به سبد
قیمت:
12,000 تومان
بخش
70
:
( دسته بندی کامپوننت ها در پروژه لاگین )
دسته بندی کامپوننت ها در پروژه لاگین به نحوی که مشخص می گردد پس لاگین چه لینک هایی جهت استفاده در اختیار کاربر قرار گیرد
افزودن به سبد
قیمت:
12,000 تومان
بخش
71
:
( رفع چند باگ از پروژه لاگین )
رفع چند ایراد از پروژه لاگین از جمله اینکه با لاگین کردن در سایت از طریق ریلود به صفحه مقالات منتقل شویم
افزودن به سبد
قیمت:
12,000 تومان
بخش
72
:
( اتصال پروژه لاگین به ریداکس )
اتصال پروژه لاگین به ریداکس و ارسال اطلاعات لاگین به ریداکس
افزودن به سبد
قیمت:
12,000 تومان
بخش
73
:
( دریافت اطلاعات لاگین در ریداکس )
دریافت اطلاعات لاگین در ریداکس و ذخیره اطلاعات لاگین در localStorage
افزودن به سبد
قیمت:
12,000 تومان
بخش
74
:
( Logout در پروژه لاگین از طریق ریداکس )
Logout در پروژه لاگین از طریق ریداکس و همزمان ریلود صفحه و انتقال کاربر به بخش لاگین
افزودن به سبد
قیمت:
12,000 تومان
بخش
75
:
( آشنایی با انیمیشن ها در react )
آشنایی با انیمیشن ها در react و پیاده سازی پروژه show کزذن مودال جهت ایجاد بستر لازم برای کار با انیمیشن ها
افزودن به سبد
قیمت:
12,000 تومان
بخش
76
:
( استفاده از انیمیشن ها در پروژه react )
استفاده از انیمیشن ها در پروژه react با استفاده از پرپرتی های css نظیر transition و keyframes
افزودن به سبد
قیمت:
12,000 تومان
بخش
77
:
( استفاده از ابزار react جهت اعمال انیمیشن ها در پروژه )
استفاده از ابزار react جهت اعمال انیمیشن ها در پروژه و نصب پکیج react-transition-group از طریق خط فرمان
افزودن به سبد
قیمت:
12,000 تومان
بخش
78
:
( استفاده از کامپوننت Transition در پروژه به منظور اعمال انیمیشن روی مودال )
استفاده از کامپوننت Transition در پروژه به منظور اعمال انیمیشن روی مودال به نحوی که در زمان مخفی بودن المنت کل کدهای html از صفحه حذف می گردد و هیچگونه سرباری برای رندر صفحه ما محسوب نمی گردند
افزودن به سبد
قیمت:
12,000 تومان
بخش
79
:
( آشنایی با برخی اتریبیوت های کامپوننت Transition )
آشنایی با برخی اتریبیوت های کامپوننت Transition نظیر onEnter ، onEntering ، onEntered ، onExit ، onExiting ، onExited ، mountOnEnter و unmountOnEnter
افزودن به سبد
قیمت:
12,000 تومان
بخش
80
:
( آشنایی با کامپوننت CSSTransition جهت اعمال انیمیشن ها در react )
آشنایی با کامپوننت CSSTransition جهت اعمال انیمیشن ها در react و طریقه کار با اتریبیوت classNames
افزودن به سبد
قیمت:
12,000 تومان
35
تخفیف تا تاریخ 1403/3/15 (تخفیف فوق،صرفا به خرید کل پکیج،و یا خرید فصل ها تعلق می گیرد و به خرید تک بخش ها،اعمال نمی گردد)
تخفیف تا تاریخ 1403/3/15 (تخفیف فوق،صرفا به خرید کل پکیج،و یا خرید فصل ها تعلق می گیرد و به خرید تک بخش ها،اعمال نمی گردد)
وضعیت دوره: درحال برگزاری
تعداد قسمت ها : 155 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
پشتیبانی فنی: دارد
می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس میرمحمدی ) در میان گذاشته و برطرف نمایید.
تعداد فصل ها: 2 فصل
مدت زمان: 54 ساعت و 8 دقیقه
افزودن پکیج به سبد خرید
(کدهای تخفیف ویژه را از کانال تلگرام ما دریافت کنید.جهت ورود به کانال ،اینجا را کلیک کنید.همچنین در صورت نیاز،می توانید جهت دریافت تخفیف،با پشتیبانی آنلاین در ارتباط باشید. ) امکان خرید جدا جدای فصل ها و بخش ها نیز وجود
دارد.
هزینه تک بخش معادل
12,000
تومان می باشد.
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
مخاطبین این دوره،آموزش های زیر را نیز دیده اند
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید
در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات
لیلا عابدینی
میگه:
سلام و خسته نباشید
در این دوره es6 هم آموزش میدید؟
پاسخ:
باسلام: بله بطور کامل به این موضوع پرداخته شده است
مهرداد
میگه:
سلام فصل اول خریدم میخام فصل دوم بخرم ولی ناتمتمه بخرم قسمتای باقیمانده رو با همین تخفیف در نظر میگیرید بهم بدید یا نه؟کی فصل دوم تموم میشه
پاسخ:
باسلام فصل اول رو دیدید کامل؟ شما میتونید فعلا فصل اول رو تمرین کنید ما در حال ضبط ادامه دوره هستیم، تا شما فصل اول رو یادبگیرید فصل دوم هم تکمیل میشه و منتشر میشه روی سایت.
مهرداد
میگه:
سلام شما یه دوره اموزش ری اکت هم انگار تو سایت دارید همین مجموعه رو تهیه کنم کافیه یا نه اون مطالب کامل تر و بهتری گفته اخه مجموعه لاراول که قبلا اموزش دادید که 365 قسمت بود من تهیه کردم ولی میخام بدونم تو این مجموعه ری اکت کامل توضیح میدید یا دوره ری اکت قبلیتون تهیه کنم ممنون
پاسخ:
باسلام: این دوره نیاز به هیچ پیشنیازی نداره ما در صفحه اول همین مجموعه سیر تا پیاز react رو توضیح دادیم و ازفصل دو به بعد هم وارد پروژه اصلی این مجموعه یعنی سایت آپارات میشیم در فصل دوم بخش بک اند رو پیاده سازی می کنیم و در فصل سوم با react قالب رو انجام خواهیم کرد
مینا کمالی
میگه:
سلام آیا میشود که با لاراول اتوماسیون اداری ایجاد کرد؟ ایجاد اتوماسیون با آن را پیشنهاد میکنید؟
متشکرم
پاسخ:
باسلام: بله صد در صد هر نوع وب سایت یا وب اپلیکیشنی رو شما می تونید با این فریم ورک پیاده سازی کنید
شهاب شهیدی
میگه:
سلام وقت بخیر
واسه فرانت این دوره از ورژن 18 react js استفاده کرده اید؟
و اینکه نسخه لاراولی که استفاده کرده اید چند هست؟
من میخوام این دوره رو تهیه کنم خواستم این دو مورد رو بدونم
پاسخ:
باسلام.خیلی نسخه فریم ورک اهمیتی نداره این بستگی به کانفیگ سیستم شما داره اگر سیستم شما یا نسخه زمپ شما قدیمی باشه نسخه های جدید رو پشتیبانی نمیکنه لذا خیلی فرقی نمی کنه شما از چه نسخه ای استفاده کنی ولی اگر سیستم شما بروز هست از جدید ترین نسخه استفاده کنید خیلی فرق زیادی هم با هم نمی کنند مثل آفیس ها اگر دقت کرده باشید در کلیت موضوع خیلی تفاوتی بینشون نیست
میلاد سلیمی
میگه:
سلام وقت بخیر جناب این دوره هر چند وقت قسمت جدید قرار میگیره داخل سایت ؟
پاسخ:
سلام: هرهفته آپدیت میشه یک تأخیر یک ماه داشتیم به دلیل درگذشت یکی از بستگان که ایشالا از این هفته مجدداً بروز آوری دوره از سرگرفته می شود
طاها صمدی
میگه:
با سلام و احترام
ببخشید میخواستم بدونم این دوره streaming در حد اپارات داره یانه
دومین سوالی که داشتم این که کی دوره به اتمام میرسه
سومین سوالی ک داشتم این ک با چه نسخه ای از لاراول زده شده
پاسخ:
باسلام:بله تمام امکانات آپارات رو ما در این دوره پیاده سازی می کنیم ، کلا این دوره خیلی سنگینه فکر کنم تکمیلش حدود یکسال طول بکشه چون نمی خوایم از چیزی بگذریم می خوایم در حقیقیت دوره ای رو تولید کنیم که در پایان شما یک وب نویس حرفه ای بشید ، نسخه هم اصلا مهم نیست شما با هر نسخه ای که دوست داری کد بزن چون خیلی با هم فرقی نمی کنند تفاوت هاشون رو می تونید تو سایت رسمی لاراول بررسی کنید ولی ما از جدیدترین نسخه استفاده می کنیم
Saman sherwani
میگه:
سلام وقت بخیر
ایا این پروژە مشابهە اپارات دارای بخشهای مثلن بخش اسپرت و فیلم و مدرسە هم میباشە، ممنونم
سامان شیروانی
میگه:
سلام استاد، ایا تو این پروژە اموزشی،ایا کاملا مشابهە اپارات هست یعنی مثلن بخش اپارات فیلم و اسپرت و کودک و مدرسە و پخش زندە .. از این بخش هام طراحی و برنامەنیسی انجام میدی یا فقط اپارات سادە رو پیادە سازی میکنید، ممنون
پاسخ:
باسلام:بله تمامی امکانات سایت آپارات رو در این پروژه پیاده سازی خواهیم کرد به طوری که شما دیگه توانایی طراحی هر سایت دیگه ای رو با react و لاراول خواهید داشت
مسعود مرادی
میگه:
میشه به صورت میکروسرویس بزنید
پاسخ:
باسلام: بله حتما
محمد
میگه:
سلام وقت بخیر
من از مدرس این دوره خواهشمندم این دوره رو با next.js برن جلو و از ریکت به نکست تغییر بدن.
قبلا دوره هایی مشابه با ریکت کار شده ولی اگه نکست باشه همه از جمله من این دوره رو میخریم و کاربرد زیادی خواهد داشت
پاسخ:
باسلام: تو این سایت هیچ دوره ای با تلفیق ری اکت و لاراول ارائه نشده لذا با توجه به درخواست های قبلی فعلا این مورد در اولویت می باشد.
armin
میگه:
سلام خسته نباشید این دوره حدود چند قسمت هستش؟بعد از دیدن دوره شیپور و لاراول باید این دوره رو دید؟و این که اگر بصورت کامل دوره رو خریداری کنیم اپدیت ها رایگان اضافه میشن؟
پاسخ:
باسلام: این دوره خیلی سنگین هست و به احتمال زیاد تعداد بخش های این دوره از 300 بخش تجاوز خواهد کرد ، بخش های اول که در مورد react js است و پیش نیاز خاصی نداره اما برای قسمت بک اند که با فریم ورک لاراول پیاده سازی میشه، بهتره که فصل اول دوره لاراول بنده که 140 قسمت هست رو ببینید بقیه فصولش لزومی نداره ولی اگر اونا رو هم ببینید بهتر هست ، آپدیت ها هم هیچ هزینه ای نداره و جایگزین فیلم های قدیمی میشه و شما هر زمان که بخواید می تونید برید دانلود کنید