انجام پروژه های react

انجام پروژه های react

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

ژوئن 13, 2023 , admin    , پیغام بگذارید   
انجام پروژه های ری اکت  react
گروه برنامه نویسی وطراحی سایت azsoftir اماده انجام پروژه های ری اکت نیتیو (React native ) در کمترین زمان وبالاترین کیفیت می باشد برای سفارش می توانید از طریق شماره تماس

09367292276 یا ایمیل آدرس azsoftir @gmail.com  ثبت کنید ،در اولین فرصت ،پروژه شما را بررسی خواهیم کرد ،هزینه وزمان برای اعلام خواهد شد .

خدماتی که توسط سایت azsoftir در زمینه انجام پروژه های react انجام می دهند ؟
طراحی سایت با استفاده از ری اکت react
برنامه نویسی پروژه های موبایل با استفاده از react
پروژه های react
انجام پروژه های ای اکت react

react  چیست؟

پروژه ری اکت یک فریم ورک بر پایه جاوا اسکریپت برای طراحی و برنامه نویسی موبایل برای اندروید وios  می باشد .

React یک کتابخانه جاوااسکریپت مبتنی بر کامپوننت‌ها است که توسط شرکت فیسبوک ایجاد شده است. با استفاده از React، می‌توانید رابط کاربری وب قدرتمندی را ایجاد کنید که به صورت پویا و با کارایی بالا با داده‌های تغییر پذیر هماهنگ می‌شود.

انجام پروژه react یک کتابخانه واکنش‌گرا باز منبع باز است که برای ساخت رابط کاربری وب (Front-end) به کار می‌رود. این کتابخانه توسط فیسبوک توسعه داده شده است و حالا توسط جامعه بسیاری از توسعه‌دهندگان در سراسر جهان استفاده می‌شود.

what react

React با استفاده از مبانی معماری MVC (Model-View-Controller)، به توسعه‌دهندگان کمک می‌کند تا کدهای خود را به صورت قابل توسعه‌تر و قابل نگهداری‌تری بنویسند. در واقع، React تلاش می‌کند به توسعه‌دهندگان اجازه‌ی مدیریت وضعیت UI خود را بدهد، به عنوان مثال در پاسخ به ورودی کاربر یا تغییراتی که در برنامه به وجود می‌آید.

React علاوه بر این، با استفاده از DOM (Document Object Model) مجازی، تغییراتی که در UI رخ می‌دهند را به صورت بهینه‌تری بروز می‌دهد. در واقع، React با ساخت یک DOM مجازی، تغییرات را در آن اعمال کرده و سپس فقط تفاوت‌ها را به DOM اصلی منتقل می‌کند. این عمل باعث می‌شود که UI به صورت بسیار سریعتر و با کمترین تأخیری به تغییرات پاسخ دهد.

انجام پروژه react با استفاده از JSX (JavaScript XML)، به توسعه‌دهندگان اجازه می‌دهد تا کدهای HTML را در بین کدهای جاوااسکریپت خود قرار دهند، به همین دلیل تولید کد بسیار ساده‌تر و قابل فهم‌تری دارد. همچنین، React به توسعه‌دهندگان اجازه می‌دهد که به صورت جداگانه بخش‌های کد خود را تست کنند، به عنوان مثال تست کامپوننت‌های UI از کامپوننت‌هایی که در آن‌ها بکار رفته‌اند جداگانه می‌تواند انجام شود.

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

مزیت های فریم ورک پروژه های react چیست ؟

React یکی از محبوب‌ترین کتابخانه‌های جاوااسکریپت برای توسعه رابط کاربری وب است و دارای مزایای زیر است:

    سادگی و قابلیت‌فهمی:پروژه React با استفاده از مفهوم کامپوننت، کد نویسی را بسیار ساده و شفاف می‌کند. هر کامپوننت با بودن وظایفی مشخص، قابل فهم و قابل استفاده در پروژه‌های بزرگ و کوچک است.
    کارایی بالا:انجام پروژه های React با استفاده از الگوریتم Virtual DOM که به صورت خودکار تغییرات در صفحه را شناسایی می‌کند و فقط تغییرات لازم را اعمال می‌کند، کارایی بالایی را در برنامه‌های وب ارائه می‌دهد.
    امکان استفاده در پروژه‌های بزرگ: React با استفاده از معماری MVC و سلسله مراتبی، به شما امکان می‌دهد کدی را با قابلیت توسعه و نگه‌داری بالا بسازید و به راحتی با پروژه‌های بزرگ و پیچیده سروکار داشته باشید.
    امکان استفاده در کنار فریم‌ورک‌های مختلف: React قابلیت ترکیب با فریم‌ورک‌های دیگر را دارد و شما می‌توانید آن را با فریم‌ورک‌های مثل Angular و Vue.js همراه کنید.
    جامعیت:انجام پروژه های  React به همراه کتابخانه‌های مختلفی مانند Redux، React Router و … عرضه شده است که به شما امکان پوشش کامل از جنبه‌های مختلف توسعه رابط کاربری وب را می‌دهد.
    پشتیبانی و جامعه فعال: React یکی از محبوب‌ترین و پرکاربردترین کتابخانه‌های جاوااسکریپت است و از یک جامعه فعال و پشتیبانی قوی برخوردار است که می‌تواند به شما در حل مشکلات و به‌روزرسانی‌های بعدی کمک کند.

do projects react

موارد استفاده انجام پروژه های react را بنویسید؟

React یک کتابخانه جاوااسکریپت بسیار قدرتمند است که برای ساخت رابط کاربری وب (Front-end) استفاده می‌شود. در زیر موارد استفاده React را برای شما آورده‌ایم:

    ساخت صفحات وب پویا: با استفاده از  پروژه React می‌توان صفحات وب پویا و تعاملی ایجاد کرد که کاربر بتواند با آنها به راحتی تعامل کند.
    توسعه اپلیکیشن های موبایل: React Native یک فریم‌ورک موبایل است که بر اساس React ساخته شده است. با استفاده از این فریم‌ورک می‌توان اپلیکیشن‌های موبایل حرفه ای و قابل توسعه ایجاد کرد.
    توسعه افزونه‌های مرورگر: با استفاده ازانجام پروژه های React می‌توان افزونه‌های مرورگری سفارشی و کارآمد ساخت که از طریق آنها کاربران بتوانند به سایت شما دسترسی داشته باشند.
    استفاده در محصولات شبکه‌های اجتماعی: محصولات شبکه‌های اجتماعی مانند فیسبوک، اینستاگرام و توئیتر از React برای ساخت رابط کاربری خود استفاده می‌کنند.
    توسعه سایت‌های E-commerce: با استفاده از React می‌توان سایت‌های E-commerce حرفه‌ای و قابل توسعه ایجاد کرد که بتواند نیازهای کسب و کار شما را برآورده کند

برای ثبت سفارش پروژه react  چه اقدامی باید انجام دهیم ؟

برای ثبت پروژه خود می توانید طبق دستور عمل که اشاره شد اقدام کنید،از طریق ایمیل آدرس یا شماره تماس اقدام کنید .

زمان تحویل پروژه react  چگونه خواهد بود ؟

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

نحوه شروع وتحویل پروژه react  چگونه خواهد بود ؟

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

هزینه انجام پروژه react چگونه خواهد بود؟

هزینه انجام پروژه react بستگی به کاری که شما می خواهید، دارد،برای انجام پروژه  هزینه ای توافق خواهیم کرد.
انجام پروژه های react

بعضی از انجام پروژه‌هایی که می‌توان با استفاده از ReactJS پیاده‌سازی کرد، عبارتند از:

توسعه یک برنامه وب تحت عنوان “تودو لیست” (Todo List Web Application)
ساخت یک وبلاگ شخصی (Personal Blog)
پیاده‌سازی یک فروشگاه آنلاین (E-commerce Store)
توسعه یک گالری عکس (Photo Gallery)
ساخت یک داشبورد مدیریت (Admin Dashboard)
پیاده‌سازی یک سیستم جستجوی پیشرفته (Advanced Search System)
توسعه یک اپلیکیشن بازی (Game Application)
ساخت یک پنل مدیریت کاربران (User Management Panel)
پیاده‌سازی یک وب اپلیکیشن چت (Chat Web Application)
توسعه یک برنامه مدیریت پروژه (Project Management Tool)

این فقط چند نمونه از پروژه‌هایی هستند که می‌توان با استفاده از ReactJS پیاده‌سازی کرد. در صورت نیاز به راهنمایی بیشتر، من می‌توانم به شما در این زمینه کمک کنم.

ساخت یک برنامه تبدیل فایل PDF به Word (PDF to Word Converter)
پیاده‌سازی یک برنامه نوشتاری (Word Processor)
توسعه یک برنامه مدیریت ارتباط با مشتری (Customer Relationship Management System)
ساخت یک برنامه تحلیل داده (Data Analysis Application)
پیاده‌سازی یک سیستم سفارش آنلاین برای رستوران‌ها (Online Ordering System for Restaurants)
توسعه یک برنامه کتابخانه آنلاین (Online Library)
ساخت یک اپلیکیشن خبری (News Application)
پیاده‌سازی یک سیستم جامع برای مدیریت حساب کاربری (Comprehensive User Account Management System)
توسعه یک برنامه پیام‌رسان (Messaging App)
ساخت یک پلتفرم آموزش آنلاین (Online Learning Platform)

توجه داشته باشید که این فقط نمونه‌هایی از پروژه‌هایی هستند که می‌توان با استفاده از ReactJS پیاده‌سازی کرد. انتخاب پروژه باید با توجه به نیازهای شما و مهارت های فنی شما در زمینه ReactJS صورت گیرد. در صورت داشتن سوالی، من در خدمت شما هستم.

پیاده‌سازی یک سیستم مدیریت فایل (File Management System)
توسعه یک برنامه تقویم آنلاین (Online Calendar Application)
ساخت یک سامانه رزرواسیون هتل (Hotel Reservation System)
پیاده‌سازی یک اپلیکیشن تجاری (Business Application)
توسعه یک برنامه ارتباطات درون شرکتی (Internal Communication Application)

همچنین، با ReactJS می‌توانید پروژه‌های واقعی‌تری نیز بسازید، مانند:

توسعه یک اپلیکیشن برای فروشگاه زنجیره‌ای (Retail Store Application)
پیاده‌سازی یک پلتفرم فروشگاهی (E-commerce Platform)
ساخت یک برنامه تحویل غذا (Food Delivery App)
توسعه یک برنامه ارائه خدمات آنلاین (Online Service Provider Application)
پیاده‌سازی یک برنامه مدیریت دانش (Knowledge Management Application)

توجه داشته باشید که این فقط چند نمونه از پروژه‌هایی هستند که می‌توان با استفاده از ReactJS پیاده‌سازی کرد. در صورت نیاز به راهنمایی بیشتر، من در خدمت شما هستم.

تاریخچه زبان react

React یک کتابخانه جاوااسکریپت متن باز است که برای توسعه وبسایت‌ها و برنامه‌های تحت وب ایجاد شده است. این کتابخانه در سال ۲۰۱۳ توسط فیسبوک معرفی شد و اکنون توسط فیسبوک و جامعه توسعه‌دهندگان بزرگ پشتیبانی می‌شود.

React براساس مفهومی به نام “کامپوننت‌ها” ساخته شده است. کامپوننت‌ها بخش‌های کوچک، قابل استفاده مجدد و مستقل در برنامه هستند که به کمک آن‌ها می‌توان صفحه وب را به ساختار منظمی تقسیم کرد. هر کامپوننت می تواند شامل کد HTML، CSS و جاوا اسکریپت باشد.

از آنجایی که React بر پایه مفهوم “واکنش‌گرا” (React) است، تغییرات در داده‌ها به صورت خودکار به روزرسانی و به روزرسانی صفحه را بدون نیاز به تازه‌سازی کامل صفحه انجام می‌دهد. این رویکرد بهینه، عملکرد سریعتری را در برنامه‌های پویا و تعاملی فراهم می‌کند.

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

React همچنین با معماری Flux یا Redux استفاده می‌شود تا مدیریت وضعیت برنامه را ساده و قابل پیشبینی کند. این معماریها درک بهتری از جریان داده در برنامه‌های React ایجاد می‌کنند و خطاهای مشترک مانند تداخل داده را کاهش می‌دهند.

از آنجایی که React بسیار پرطرفدار شده است، جامعه توسعه‌دهندگان فعالی دارد و اکوسیستم گسترده‌ای از کتابخانه‌ها و ابزارهای جانبی وجود دارد که توسعه‌دهندگان می‌توانند از آنها استفاده کنند.

تکنولوزی react
React یک تکنولوژی جاوااسکریپت متن باز است که برای توسعه واجه‌های کاربری تحت وب ساخته شده است. این تکنولوژی توسط فیسبوک توسعه داده شده و امکانات و قابلیت‌های زیادی در اختیار توسعه‌دهندگان قرار می‌دهد. در زیر به برخی از ویژگی‌ها و مزایای React اشاره می‌کنم:

کامپوننت‌ها: React بر پایه مفهوم کامپوننت‌ها ساخته شده است. کامپوننت‌ها بخش‌های مستقل و قابل استفاده‌مجدد در برنامه هستند که می‌توانند به صورت سلسله‌مراتبی ترکیب شوند تا واجه‌های کاربری پیچیده را ساختاردهی کنند.

Virtual DOM: React از Virtual DOM استفاده می‌کند که نسخه‌ای سبکتر از DOM است. با استفاده از Virtual DOM، React تغییرات در واجه‌های کاربری را بهینه‌تر ردیابی و اعمال می‌کند و فقط بخش‌هایی از صفحه را که نیاز به به‌روزرسانی دارند، به‌روز می‌کند.

تجدیدپذیری (Reusability): React با استفاده از کامپوننت‌ها و ساختار ماژولار، قابلیت تجدیدپذیری را فراهم می‌کند. این به معنای قابلیت استفاده مجدد از کدها و کامپوننت‌ها در سایر بخش‌های برنامه و حتی در پروژه‌های دیگر است.

Flux و Redux: React معماری Flux یا Redux را برای مدیریت وضعیت برنامه به‌کار می‌برد. این معماریها باعث می‌شوند مدیریت و انتقال داده‌ها در برنامه را آسان‌تر کنند و از تداخل داده‌ها جلوگیری کنند.

اکوسیستم گسترده: با توجه به محبوبیت بالای React، ابزارها و کتابخانه‌های زیادی در اطراف آن توسعه یافته‌اند. این اکوسیستم گسترده قابلیت استفاده از افزونه‌ها، کتابخانه‌ها و الگوهای طراحی را در فرایند توسعه فراهم می‌کند.

جامعه فعال: React دارای یک جامعه بزرگ و فعالی از توسعه‌دهندگان است که از طریق انجمن‌ها، منابع آموزشی و ابزارهای کمکی، تجربیات و دانش خود را به اشتراک می‌گذارند.
ری اکت ( React) چیست؟

 

React یک کتابخانه جاوااسکریپتی برای ساخت و توسعه وبسایت‌هایی بر پایه اجزای  (UI) است. این کتابخانه توسط شرکت فیسبوک توسعه داده شده است و در سال ۲۰۱۳ معرفی شد که این امکان را به توسعه دهندگان نرم افزار ها می‌دهد که برنامه‌هایی با کارایی بسیار بالا، و قابل توسعه را تولید کنند. React از مدل  های مختلف و قابل مشاهده کنندهاستفاده می‌کند.
React چگونه میتواند کار می‌کند؟

ری اکت بر پایه پردازش دوطرفه  و تجزیه و تحلیل مجدد میتواند کار می‌کند. با پردازش دوطرفه، هرگونه تغییر در UI به تغییرات در محتوای داده‌ای مربوطه منجر می‌شود. با تجزیه و تحلیل مجدد، اگر هرگونه تغییری در داده‌ها ایجاد شود، UI بروزرسانی می‌شود. این مورد باعث می‌شود که React برای ساخت برنامه‌هایی با کارایی بالا، قابل توسعه و قابلیت تست بسیار مناسب باشد.
مزایای React چیست؟

همانطور که میدانید ری اکت دارای مزایای بسیاری است که آن را از دیگر کتابخانه‌ها جدا می‌کندو یکی از مزیت‌های اصلی React، قابلیت باز استفاده بالاست. این به این معنی است که شما می‌توانید کامپوننت‌های React را در برنامه‌های دیگر مورد  استفاده قرار دهید  همچنین یک روش عالی برای برای توسعه و انجام پروژه های بزرگ است. شما میتوانید با استفاده از React، برنامه‌هایی با کارایی بالا و عالی تولید کنید.

 
کاربرد های ری اکت چیست؟
دلایل استفاده از React از چیست؟ - رایا پروژه

دلایل استفاده از React از چیست؟ – رایا پروژه

ری اکت را میتوان یکی  از محبوب‌ترین کتابخانه‌های جاوااسکریپت است که در حال حاضر توسط فیسبوک توسعه داده می‌شود. این کتابخانه برای ساخت و توسعه وبسایت‌هایی بر پایه اجزای واسط (UI) استفاده می‌شود. به دلیل داشتن ویژگی‌هایی مانند سازمان‌یافته بودن، قابلیت توسعه، باز استفاده، کارایی بالا و قابلیت تست، ری اکت به عنوان یکی از بهترین ابزارهای توسعه وبسایت‌ها شناخته می‌شود.
توسعه وبسایت‌های SPA

React برای توسعه وبسایت‌های SPA (single-page application) بسیار مناسب است. در وبسایت‌های SPA تمامی صفحات برای کاربر به صورت یک بارگذاری شده بارگذاری می‌شود و هیچگونه بارگذاری مجددی نیاز نیست. React با استفاده از مفهومی به نام “رندرینگ سمت کلاینت” (client-side rendering) این امکان را به توسعه دهندگان می‌دهد که وبسایت‌های SPA را با کارایی بسیار بالا ساختاردهی کنند.
ساخت برنامه‌های موبایل

React Native یک پلتفرم توسعه برنامه‌های موبایل بر پایه ری اکت است. با استفاده از React Native، شما می‌توانید برنامه‌های موبایل برای سیستم‌عامل‌هایی مانند iOS و Android بسازید. با استفاده از React Native، شما می‌توانید کدی را برای برنامه‌های موبایل و وبسایت‌های خود بازنویسی کنید.
طراحی اپلیکیشن‌ها و نرم افزار های دسکتاپ

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

React نه تنها برای توسعه وبسایت‌ها و برنامه‌های موبایل بلکه برای توسعه اپلیکیشن‌های دسکتاپ انجام میشه ، با استفاده از کتابخانه‌هایی مانند Electron، شما می‌توانید اپلیکیشن‌های دسکتاپ بر پایه React بسازید که برای سیستم‌عامل‌های مختلف مانند ویندوز، مک و لینوکس قابل استفاده باشند.
ایجاد ابزارهای مدیریت محتوا

برای توسعه ابزارهای مدیریت محتوا نیز از ری اکت استفاده می‌شود. برای مثال، GatsbyJS یک چارچوب توسعه بر پایه React است که برای ساخت وبسایت‌های استاتیک و داینامیک استفاده می‌شود. با استفاده از GatsbyJS، شما می‌توانید وبسایت‌هایی با کارایی بسیار بالا و قابلیت افزایش سرعت بارگذاری بسازید. همچنین، ابزارهای مانند WordPress و Drupal نیز از React برای توسعه قسمت‌هایی از سیستم‌های مدیریت محتوا استفاده می‌کنند.
ساخت ابزارهای تحلیل داده

React برای توسعه ابزارهای تحلیل داده نیزخیلی مورد استفاده قرار میگیرد و برای مثال، کتابخانه‌هایی مانند Victory و Recharts برای ساخت نمودارهای تحلیلی با استفاده از ری اکت طراحی شده‌اند. با استفاده از این کتابخانه‌ها، شما می‌توانید نمودارهایی با کیفیت بالا و قابلیت تطبیق با اندازه صفحه ساختاردهی کنید.

 
دلایل استفاده از React از چیست؟

 

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

ری اکت با استفاده از Virtual DOM، بهینه‌سازی‌هایی را انجام می‌دهد که باعث بهبود کارایی و سرعت برنامه می‌شود. در واقع، با استفاده از Virtual DOM، React تنها تفاوت‌هایی را که در UI رخ می‌دهد را به‌روزرسانی می‌کند، در نتیجه سرعت برنامه هم بالاتر خواهد بود.
کدنویسی در آن ساده است

ما میتوانید با ری اکت با استفاده از JSX، اجازه می‌دهد که HTML و JavaScript درون هم قرار بگیرند و کدنویسی را ساده‌تر کند. با استفاده از JSX، برنامه‌نویسان می‌توانند کامپوننت‌های خود را با استفاده از کد HTML و JavaScript ساخته و توسعه دهند.
افزایش قابلیت توسعه با ری اکت

React با معماری ساختاری مانند Flux و Redux ارائه می‌دهد که به برنامه‌نویسان اجازه می‌دهد که برنامه‌های خود را به راحتی توسعه دهند و در برابر تغییرات مقاومت کنند. با استفاده از Flux و Redux، برنامه‌نویسان می‌توانند داده‌های برنامه را در یک جایگاه مرکزی نگهداری کنند و به راحتی آن‌ها را به کامپوننت‌های مختلف ارسال کنند.
قابلیت استفاده  و اجرا در پلتفرم‌های مختلف

React می‌تواند در پلتفرم‌های مختلفی مانند وب، iOS و Android استفاده شود. با استفاده از React Native، برنامه‌نویسان می‌توانند برنامه‌هایی برای iOS و Android بنویسند که از کد مشترک با وب سایت استفاده می‌کنند.
ارائه ابزار های عالی برای برنامه نویسان

ری اکت با ارائه مجموعه‌ای از ابزارها و کتابخانه‌های کاربردی مانند React Router، Redux، و Material UI، به برنامه‌نویسان اجازه می‌دهد تا برنامه‌های پیچیده و جامع با قابلیت‌های مختلف را با استفاده از ری اکت ساخته  و توسعه داده میشود.
پشتیبانی برنامه

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

ری اکت با ارائه ابزارهایی مانند React Developer Tools و React Native Debugger، به برنامه‌نویسان کمک می‌کند تا برنامه‌های خود را به راحتی تست و دیباگ کنندو همچنین این ابزار به برنامه‌نویسان اجازه می‌دهند تا به راحتی زمانی که با مشکلاترا سریعتر رفع کند.
انجام پروژه های ری اکت نیتیو (React native)
ری اکت نیتیو چیست؟

ری اکت نیتیو (React native) یک چارچوب جاوا اسکریپت برای نوشتن برنامه های کاربردی تلفن همراه واقعی و بومی برای iOS و Android است.

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

پروژه ری اکت نیتیو

 ری اکت به شما کمک می کند که فرانت (ظاهر) وب سایت و یا اپلیکیشن موبایل ( React Native ) را به راحتی بسازید. به کمک ReactJs می توان کامپوننت هایی آماده ایجاد کرد که قابلیت استفاده مجدد نیز دارند. کامپوننت ها در واقع قطعاتی از ظاهر وب سایت یا اپلیکیشن هستند. برای مثال شما می توانید یک کامپوننت با نام MyInput برای فیلد های ورودی خود بسازید که امکانات سفارشی شده داشته باشد و به جای استفاده از تگ <input /> از تگ <MyInput/> استفاده کنید.

ری اکت ( React js ) چیست و چه کاربردی دارد؟

React یک کتابخانه‌ی قدرتمند است که تحت زبان برنامه نویسی جاوا اسکریپت (js) عمل می‌کند. یک کتابخانه‌ی منبع باز یا اوپن سورس (Open-Source) که به کمکش می‌توانید برای برنامه‌های مختلف علی‌الخصوص برنامه‌های یک‌صفحه‌ای (Single-page)، رابط کاربری ایجاد کنید. قابلیتی که به شما این امکان را می‌دهد تا به‌راحتی لایه‌های نمایشی برنامه‌های وب یا موبایل را مدیریت کنید.

یکی دیگر از کاربردهای مهمReact این است که توسعه‌دهنده‌ها به کمکش می‌توانند برنامه‌های تحت وب ویژه‌ای طراحی کنند. برنامه‌هایی که بدون نیاز به بارگذاری دوباره‌ی صفحه (Refresh) می‌توانند داده‌ها را تغییر دهند. با اینکه بسیاریReact را یک فریم ورک فرانت اند می‌دانند اما باید بدانید که از نظر فنی تفاوت‌هایی با فرانت‌اندها دارد و هدف اصلی‌اش جنریت (Generate) یا ایجاد رابط کاربری است

پروژه های پایه

1 – birthday-reminder
پیش نمایش

2 – tours
پیش نمایش

3 – reviews
پیش نمایش

4 – accordion
پیش نمایش

5 – menu
پیش نمایش

6 – tabs
پیش نمایش

7 – sliders
پیش نمایش

8 – lorem-ipsum
پیش نمایش

9 – color-generator
پیش نمایش

10 – grocery-bud
پیش نمایش

11 – navbar
پیش نمایش

12 – sidebar-modal
پیش نمایش

13 – stripe-submenus
پیش نمایش

14 – cart
پیش نمایش

15 – cocktails
پیش نمایش

پروژه اختصاصی

16 – markdown-preview
پیش نمایش

17 – random-person
پیش نمایش

18 – pagination
پیش نمایش

19 – stock-photos
پیش نمایش

20 – dark-mode
پیش نمایش

21 – movie-db
پیش نمایش

22 – hacker-news
پیش نمایش

23 – ره چی یاد بگیرم؟

    ایجاد وب سایت های تعاملی پویا با React
    انجام چند پروژه جذاب با React
    کار با React Hook‌ هایی مانند useState، useEffect، useParams useHistory
    آموزش React Context API برای مدیریت کاهش دهنده های حالت جهانی
    استفاده از Firebase در پروژه
    بررسی Components و Props
    استایل دهی اپلیکیشن های React
    و ....

سرفصل های دوره
۱۶ فصل
۱۴۲ جلسه
۲۰ ساعت
۱
توضیحات، نصب و راه اندازی
۲ قسمت
۰۰:۱۰:۴۵
۱

توضیحات اولیه (هرچی که لازمه بدونی)
رایگان
۰۷:۱۵
۲

نصب و راه اندازی نرم افزار های مورد نیاز
رایگان
۰۳:۳۰
۲
مقدمات React
۴ قسمت
۰۰:۳۵:۳۷
۳
استفاده از Create-React-App
۵ قسمت
۰۰:۲۷:۳۸
۴
مقدمه ای بر State و useState
۶ قسمت
۰۰:۵۱:۰۵
۵
پروژه – ساخت ماشین حساب ساده
۱ قسمت
۰۰:۲۱:۲۵

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

۶
بررسی Components و Props
۸ قسمت
۰۰:۴۵:۳۲
۷
استایل دهی اپلیکیشن های React
۷ قسمت
۰۰:۳۲:۲۱
۸
ورودی و رویدادهای کاربر
۷ قسمت
۰۰:۵۱:۵۷
۹
واکشی داده ها و استفاده از useEffect
۸ قسمت
۰۱:۰۷:۵۴
۱۰
ساخت پروژه – بازی حافظه
۱۰ قسمت
۰۱:۰۶:۲۷
۱۱
روتر (React Router 6)
۹ قسمت
۰۱:۲۷:۲۶
۱۲
پروژه فهرست دستور العمل ها
۱۳ قسمت
۰۱:۵۳:۲۹
۱۳
Context and Reducers
۹ قسمت
۰۱:۲۱:۵۷
۱۴
مقدمات Firebase 9
۹ قسمت
۰۱:۱۴:۱۳
۱۵
پروژه – ساخت گالری تصاویر توسط React و Firebase
۱۰ قسمت
۰۱:۵۸:۱۷
۱۶
ساخت اپلیکیشن – طراحی اپ مشابه راک استار گیم
۳۴ قسمت
۰۴:۴۸:۳۰

آموزش react را از ابتدا شروع کنید تا وب‌سایت‌های پویا بسازید. (شامل Context، Hooks، Reducer، Routing، Auth، پایگاه‌های داده) یاد بگیرید چگونه وب‌سایت‌های مدرن و پویا را با تکنولوژی React ایجاد کنید. درباره Components، Props، Hooks، Context، State، Reducer بیاموزید. & the React Router آموزش پیاده سازی پایگاه داده، احراز هویت و آپلود فایل با React & Firebase ایجاد و استقرار وب سایت های React کاملاً مبتنی بر کاربر React یک کتابخانه front-end بسیار محبوب است و توسعه دهندگان React همیشه در بازار کار توسعه دهندگان وب تقاضای بالایی دارند.
آنچه در دوره آموزش react می‌آموزید

در دوره آموزش ری اکت شما یاد خواهید گرفت که چگونه از ابتدا از React برای ایجاد وب سایت های تعاملی پویا استفاده کنید و تا پایان کار در موقعیت عالی برای موفقیت در شغلی به عنوان توسعه دهنده React خواهید بود. شما همچنین 4 پروژه کامل React را در اختیار خواهید داشت که می توانید آنها را سفارشی کنید و در نمونه کارها خود استفاده کنید!

در طول دوره شما دقیقاً یاد خواهید گرفت که React چیست و چرا انتخاب محبوبی برای ایجاد وب سایت های پویا تعاملی است. نحوه راه‌اندازی یک وب‌سایت React را از ابتدا، نحوه ایجاد مؤلفه‌های React، نحوه استفاده از وضعیت برای مدیریت داده‌های مؤلفه، نحوه کار با رویدادهای تعاملی مانند رویدادهای کلیکی که ارسال‌شده از فرم‌های ارسالی را یاد می‌گیرید.
react Router

همچنین با آموزش ری اکت Router (که در React برای ایجاد وب‌سایت با “چند صفحه” استفاده می‌شود) تمرین عملی خواهید داشت و خواهید دید که چگونه اینها در واقع به عنوان برنامه‌های یک صفحه (یا به اختصار SPA) شناخته می‌شوند.

ما به React Hook‌هایی مانند useState، useEffect، useParams useHistory می‌پردازیم و از آنها برای کمک به ما در ایجاد 4 پروژه کامل React از ابتدا استفاده می‌کنیم – یک بازی حافظه، یک وب‌سایت دستور العمل، یک ردیاب مالی، یک برنامه مدیریت پروژه.
React Context API

در دوره آموزش react دانشجویار موضوعات پیشرفته تری مانند React Context API برای مدیریت کاهش دهنده های حالت جهانی (از جمله قلاب useReducer) برای کمک به مدیریت وضعیت پیچیده تر یاد خواهید گرفت.
استفاده از Firebase در پروژه

پس از تسلط بر React، وب‌سایت‌های خود را با ادغام آن‌ها با Firebase – یک Backend به عنوان یک سرویس – به سطح بعدی ارتقا می‌دهیم. شما یاد خواهید گرفت که چگونه خدماتی مانند احراز هویت پایگاه داده بلادرنگ را به سایت های React خود اضافه کنید و همچنین چگونه به کاربران نهایی اجازه دهید فایل ها را از رایانه خود با کمک Firebase Storage آپلود کنند. در نهایت، من به شما آموزش می‌دهم که چگونه سایت‌های React خود را با استفاده از میزبانی Firebase در وب بسازید.
سرفصل های دوره آموزش react
۱) توضیحات، نصب و راه اندازی

    توضیحات اولیه (هرچی که لازمه بدونی)
    نصب و راه اندازی نرم افزار های مورد نیاز

2) مقدمات آموزش react

    استفاده از React با CDN
    ساخت یک React Component
    JSX و قالب ها
    بررسی ایونت کلیک

3) استفاده از Create-React-App

    ساخت سایت (create-react-app)
    بررسی ساختار پروژه
    اجرای برنامه
    استفاده از تصاویر
    استفاده از Stylesheets

4) مقدمه ای بر State و useState

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

    تعریف و کاربرد State
    استفاده از هوک useState
    بررسی هوک و چرخه حیات در React
    نمایش مقادیر یک لیست State
    استفاده از حالت قبلی یا prevState
    الگوهای مشروط

۵) پروژه تمرینی آموزش ری اکت

    ساخت ماشین حساب ساده

6) بررسی Components و Props

    استفاده از چندین کامپوننت
    ایجاد کامپوننت Title
    معرفی Props
    بررسی React Fragments
    بررسی Children Prop
    ارسال تابع به عنوان Props
    چالش ۱ – نمایش مدال
    چالش 2 – کامپوننت قابل استفاده EventList

7) استایل دهی اپلیکیشن های React

    پاسخ چالش ۱ – نمایش مدال
    پاسخ چالش 2 – کامپوننت قابل استفاده EventList
    استفاده از استایل گلوبال
    استفاده از استایل کامپوننت
    استفاده از استایل داخلی
    استایل داخلی داینامیک
    کلاس های CSS شرطی
    ماژول های CSS

۸) ورودی و رویدادهای کاربر

    فرم و لیبل در React
    ایونت onChange
    ایجاد ارتباط دو طرفه
    ایونت onSubmit
    اضافه کردن رویدادها به لیست رویدادها
    ایونت onRef
    بررسی Select Boxes

9) واکشی داده ها و استفاده از useEffect

    پروژه جدید و استفاده از json-server
    چرا ما به useEffect نیاز داریم
    واکشی داده ها با useEffect
    آرایه وابستگی useEffect
    استفاده از Callback برای وابستگی های تابع
    ایجاد یک هوک واکشی سفارشی (Custom Hook)
    اضافه کردن یک وضعیت در حال بارگیری/در انتظار
    رسیدگی به خطاها

10) پروژه آموزش react – بازی حافظه

    پیش نمایش و راه اندازی پروژه
    راه اندازی و به هم ریختن کارت ها
    ایجاد یک شبکه کارت
    ایجاد کامپوننت کارت
    انتخاب کارت
    مقایسه انتخاب ها
    افزودن یک ویژگی «matched» به کارت‌ها
    چرخاندن کارت ها
    انیمیشن به چرخاندن کارت ها
    تغییرات نهایی

11) React Router 6

    سایت های واکنش چند صفحه ای
    راه اندازی روتر React
    Links & navLinks
    واکشی داده ها از فایل جیسون
    پارامترهای Route
    هوک UseParams
    تغییر مسیرهای برنامه ای
    صفحات تودرتو
    Query Parameters

۱۲) پروژه – فهرست دستور العمل ها

    پیش نمایش و راه اندازی پروژه
    راه اندازی روتر و صفحات
    ساخت کامپوننت Navbar
    واکشی داده ها
    ساخت کامپوننت RecipeList
    چالش 1 – واکشی یک Recipe
    الگوی جزئیات Recipe
    ساخت فرم “Create Recipe”
    اضافخ کردن مقادیر ingredients
    ایجاد یک درخواست POST
    چالش ۲ – تغییر مسیر کاربر
    ساخت کامپوننت SearchBar
    صفحه نتایج جستجو
یاز های ری اکت
20 جلسه 5 ساعت
1
ویدیوی معرفی
15:53

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

2
مفهوم Hoisting در جاوا اسکریپت
12:39
3
تفاوت های بین var, let و const
24:18
4
مفهوم و ویژگی های Arrow Function
20:33
5
کار با Rest Operator
14:38
6
نحوه استفاده از Spread Syntax
11:42
7
مفهوم Array Destructuring در Es6
16:09
8
نحوه کار با Object Destructuring
11:25
9
نحوه کار با Ternary Condition در جاوا اسکریپت
08:01
10
مفهوم ماژول و برنامه نویسی ماژولار
26:35
11
نحوه کار با متد map برای آرایه‌ها
12:33
12
this شناسی در جاوا اسکریپت
10:39
13
متد bind و کاربرد آن در جاوا اسکریپت
13:35
14
مفهوم class و برنامه نویسی OOP در جاوا اسکریپت
17:06
15
نقش کلمه کلیدی extend در شی گرایی
15:12
16
توضیح مفصل template string در جاوا اسکریپت
12:06
17
کار با متد filter در جاوا اسکریپت
15:33
18
نحوه استفاده از متد بسیار مهم reduce
22:39
19
مفاهیم Truthy - Falsy values
12:57
20
مفهوم عمیق عملگر های && و ||
17:36
Main Concept های ری‌اکت
72 جلسه 14 ساعت
1
بررسی مفاهیم اولیه ری‌اکت و بررسی بازار کار آن
19:31
2
نصب Node Js - چرا به Node نیاز داریم؟
18:19
3
نحوه دانلود و نصب GitBash
05:37
4
NPM چیست و چطور باید ازش استفاده کرد؟
17:17
5
نحوه ایجاد پروژه ری‌اکتی با CRA (Create React App)
15:15
6
ساختار یک پروژه ری‌اکتی چگونه است؟
24:05
7
درک عمیق مفهوم Component Base بودن ری‌اکت
21:29
8
چطور باید به کامپوننت های ری‌اکت استایل بدیم؟
13:56
9
پیاده سازی مینی پروژه باحال NavBar
18:36
10
پیاده سازی مینی پروژه جذاب Landing Page
25:52
11
پیاده سازی پروژه Product Cart
19:26
12
JSX چیست و چرا باید از آن استفاده کنیم؟
18:45
13
Virtual Dom چیست و چه کاربردی دارد؟
10:48
14
نصب اکستنشن React Snippets برای افزایش سرعت کد نویسی
04:27
15
نحوه فعال کردن Emmet برای کامپوننت های ری‌اکتی
07:19
16
نمونه کار هایی برای پر کردن رزومه
17:59
17
مفهوم Class Components و نحوه استفاده از آن ها
11:32
18
از کامپوننت های کلاسی استفاده کنیم یا فانکشنال؟
07:35
19
مفهوم Prop و نحوه استفاده از آن ها در Functional Component
12:38
20
پیاده سازی پروژه کاربردی Dynamic Products Box
09:48
21
نحوه استفاده شرطی از propها
10:03
22
استفاده از Destructuring برای دریافت props
06:26
23
استفاده از spread برای ارسال راحت‌تر prop
08:06
24
نحوه تغییر اسم prop در شرایط لازم
05:18
25
نحوه مقدار دهی default برای propها در Functional Components
11:41
26
مفهوم children special prop و نحوه استفاده از آن
08:34
27
پیاده سازی پروژه Modal
08:12
28
نحوه استفاده از props در class components
08:07
29
نحوه تعیین مقادیر default برای props در class components
06:12
30
نصب اکستنشن React Developer Tools
05:36
31
تشریح نمونه کار دانشجویان دوره - بررسی ساختار پروژه های ری‌اکتی
11:17
32
تشریح و بررسی نمونه کار دانشجویان دوره
09:17
33
انجام Prop Validation با پکیج PropTypes
15:35
34
state چیست و کجا باید ازش استفاده کنیم؟
14:38
35
چرا نمی‌توانیم اسم ویژگی state را تغییر دهیم؟
11:14
36
نحوه استفاده از Event ها در ری‌اکت
12:24
37
3 روش برای this binding در class components
07:07
38
2 روش برای تغییر state به کمک متد setState
13:06
39
پیاده سازی مینی پروژه Counter
10:57
40
پیاده سازی مینی پروژه Temperature Display
12:48
41
نحوه ارسال پارامتر به متدها در Event Handling
10:25
42
4 روش برای پیاده سازی Conditional Rendering
15:19
43
مینی پروژه Notification Counter - نحوه پیاده سازی
04:47
44
پیاده سازی مینی پروژه Notification Counter
06:25
45
نحوه پیاده سازی List Rendering با متد map
10:50
46
چرا و چه زمانی باید از key استفاده کنیم؟
08:53
47
چه مقادیری را نباید به عنوان key ارسال کنیم؟
07:30
48
نحوه هندل کردن Form و اینپوت‌ها در ری‌اکت
22:29
49
مینی پروژه باحال و کاربردی Form Validation - نحوه پیاده سازی
08:16
50
پیاده سازی مینی پروژه Form Validation
17:44
51
مینی پروژه جذاب و چالش برانگیز Quiz App - نحوه پیاده سازی
11:04
52
پیاده سازی پروژه Quiz App
20:31
53
پروژه باحال و کاربردی فروش بلیط - نحوه پیاده سازی
08:40
54
پیاده سازی پروژه فروش بلیط آنلاین

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

55
چطور یک متد را به عنوان Prop ارسال کنیم؟
16:49
56
مفهوم Fragment و روش های استفاده از آن در ری‌اکت
06:56
57
استفاده از پکیج React-Icons در ری‌اکت
11:25
58
روش های استفاده از Css در ری‌اکت
10:20
59
پروژه جذاب BookList - نحوه پیاده سازی
11:03
60
پیاده سازی پروژه BookList - قسمت 1
09:10
61
پیاده سازی پروژه BookList - قسمت 2
14:14
62
پروژه کاربردی و جذاب Shopping Cart - نحوه پیاده سازی
14:17
63
پیاده سازی پروژه Shopping Cart - نمایش محصولات در DOM
19:25
64
پیاده سازی پروژه Shopping Cart - اضافه کردن محصولات به سبد خرید
14:28
65
پروژه TodoList حرفه ای - نحوه پیاده سازی
19:51
66
پیاده سازی پروژه TodoList حرفه ای - اضافه کردن Todo ها
13:12
67
پیاده سازی پروژه TodoList حرفه ای - حذف و ویرایش Todo ها
16:12
68
پیاده سازی پروژه TodoList حرفه ای - فیلتر سازی Todo ها
12:23
69
پروژه جذاب و لذت بخش Note App - نحوه پیاده سازی
14:21
70
پیاده سازی پروژه NoteApp - قسمت 1
14:01
71
پیاده سازی پروژه Note App - قسمت 2
16:57
72
پیاده سازی پروژه Note App - قسمت 3
20:53
کار با فریمورک React BootStrap + پروژه
12 جلسه 2 ساعت
1
چرا نمی توان از تمامیت فریمورک بوت استرپ در پروژه های ری‌اکت استفاده کرد؟
12:18
2
نحوه استفاده از کامپوننت های بوت استرپ در ری‌اکت
12:26
3
معرفی فریمورک React BootStrap - نحوه نصب و استفاده از آن
12:09
4
نحوه استفاده از Alert های مختلف در React BootStrap
11:40
5
نحوه استفاده از Button ها در React BootStrap
12:45
6
نحوه استفاده از Card های React BootStrap
09:24
7
استفاده از Modal در React BootStrap
12:25
8
نحوه Customize کردن کامپوننت های React BootStrap
09:28
9
نحوه استفاده از Grid System ری‌اکت‌بوت‌استرپ برای ریسپانسیو سازی
20:44
10
پیاده سازی پروژه صفحه لاگین با ری‌اکت بوت استرپ (ریسپانسیو) - قسمت Header
11:57
11
پیاده سازی پروژه صفحه لاگین با ری‌اکت بوت استرپ (ریسپانسیو) - قسمت RightSide
07:30
12
پیاده سازی پروژه صفحه لاگین با ری‌اکت بوت استرپ (ریسپانسیو) - قسمت LeftSide
12:02
معرفی و نحوه استفاده از متد های LifeCycle
7 جلسه 1 ساعت
1
مفهوم LifeCycle و کاربرد متد هایی که در اختیارمون میذاره
12:43
2
تشریح مفصل متد های Mounting و استفاده عملی از آن ها - قسمت 1
22:33
3
تشریح مفصل متد های Mounting و استفاده عملی از آن ها - قسمت 2
15:24
4
تشریح مفصل متد های Updating و استفاده عملی از آن ها - قسمت 1
22:52
5
استفاده از pureComponent و خلاص شدن از shouldComponentUpdate
05:11
6
تشریح مفصل متد های Updating و استفاده عملی از آن ها - قسمت 2
14:28
7
تشریح کامل قسمت UnMounting از چرخه حیات و استفاده عملی از آن
05:40
مباحث مربوط به Ajax و Api از صفر تا صد در ری‌اکت + مینی پروژه
14 جلسه 2 ساعت
1
CallBack Function چیست و چگونه استفاده می شود؟
11:49
2
مفهوم Sync و Async - مثالی برای درک کاربرد CallBack Function
16:46
3
مثال دوم برای درک کاربرد و عملکرد Callback Function
08:41
4
Promise چیست؟ راهی برای خلاص شدن از CallBack Hell
14:51
5
مثالی برای درک کاربرد Promise و نحوه استفاده از آن
08:00
6
مثال دوم برای درک عمیق کاربرد و عملکرد Promise
05:32
7
async و await چیست و چطور باید ازشون استفاده کنیم؟
09:54
8
Api چیست؟ راهی برای ارتباط بین فرانت اند و بک اند
13:31
9
Json چیست؟ - فرمتی برای ذخیره سازی اطلاعات
09:04
10
آشنایی با متد fetch در Es6 - نحوه ارسال ریکوئست به Api
15:15
11
آشنایی با متد های DELETE, PUT و POST در کار با Api
09:51
12
آشنایی با ساختار دیتابیس برای درک بهتر کار با Api
10:26
13
کار با Api واقعی نوشته شده با NodeJs برای ثبت نام کاربر
17:21
14
مینی پروژه دریافت اطلاعات POST ها از Api و نمایش آن ها در Table
16:21
شروع Hook ها - مقدماتی
9 جلسه 2 ساعت
1
معرفی Hook ها
05:42
2
نحوه استفاده از useState در کامپوننت های Functional
14:01
3
چه زمانی باید برای آپدیت state از متد استفاده کنیم؟
15:58
4
ریفکتور کردن پروژه TodoList از Class به Functional - برای درک بهتر useState
17:35
5
ریفکتور کردن پروژه سبد خرید از Class به Functional
13:41
6
شروع کار با هوک useEffect برای پیاده سازی Mount و Updating
12:32
7
نحوه پیاده سازی UnMounting با هوک useEffect
16:36
8
تشریح کامل هوک useEffect با پروژه TodoList
11:00
9
مقایسه کد برنامه نویس کارآموز - جونیور و میدلول در استفاده از هوک‌ها
19:40
آموزش پکیج MUI
5 جلسه 1 ساعت
1
معرفی کتابخونه MUI - نصب آن در پروژه
12:30
2
استفاده از کامپوننت Typography در MUI
10:06
3
نحوه استفاده از ICON های MUI
08:47
4
استفاده از کامپوننت Button و prop های آن
12:25
5
استفاده از DataGrid های MUI برای نمایش اطلاعات
18:52
مفهوم SPA و کار با پکیج React-Router ورژن 6 - پیاده سازی پروژه SPA
18 جلسه 3 ساعت
1
مفاهیم Spa و Mpa به چه معنی هستند؟
11:06
2
تفاوت Lifecycle و نحوه عملکرد سایت های Spa و Mpa
08:54
3
نصب پکیج React-Router و نحوه Route بندی
14:18
4
استفاده از کامپوننت Link برای آدرس دهی به شکل Spa
06:44
5
استفاده از هوک useParams برای دریافت پارامتر های Route
17:36
6
نحوه ریدایرکت کردن کاربر با کامپوننت Navigate
09:39
7
نحوه پیاده سازی صفحه 404 در سایت های ری‌اکتی
05:28
8
مینی پروژه قسمت دوره های سبزلرن به شکل Spa - پیاده سازی Navbar

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

مینی پروژه قسمت دوره های سبزلرن به شکل Spa - پیاده سازی کامپوننت Courses
13:56
10
مینی پروژه قسمت دوره های سبزلرن به شکل Spa - پیاده سازی کامپوننت MainCourse
12:14
11
نحوه استفاده از Nested Route در سایت های Spa
13:30
12
استفاده از کامپوننت Outlet برای نمایش محتوای Sub Route
04:39
13
آموزش هوک useRoutes برای ساختار بندی بهتر Routeها
11:16
14
نحوه پیاده سازی Private Route
16:43
15
نحوه پیاده سازی راحت‌تر و خواناتر Private Routes
11:43
16
استفاده از کامپوننت NavLink برای تشخیص Main Route
08:24
17
نحوه استفاده از هوک useNavigate برای ریدایرکت کردن کاربر
10:07
18
نحوه استفاده از هوک useLocation برای دسترسی به اطلاعات Route فعلی
09:34
استفاده از Firebase در ری‌اکت
8 جلسه 1 ساعت
1
فایربیس چیست؟ راه اندازی آن و ایجاد پروژه در Firebase
07:55
2
نحوه ارسال Post Request به Api فایربیس و ذخیره سازی اطلاعات کاربر در آن
15:48
3
ارسال Get Request به فایربیس و نمایش اطلاعات دریافتی کاربران در Table (همراه با عملیات حذف و ویرایش)
17:56
4
ارسال Delete Request به Api فایربیس و حذف کاربران دلخواه از آن
21:16
5
ریفکتور کردن پروژه و تبدیل آن به حالت RealTime
09:22
6
ارسال Put Request به فایربیس و آپدیت اطلاعات کاربر دلخواه
20:08
7
نمایش اطلاعات فعلی کاربر در Modal برای آپدیت
12:56
8
معرفی چند پروژه باحال و قابل قبول بازار کار برای پیاده سازی و استفاده بعنوان نمونه کار در رزومه
07:51
پروژه Dashboard Admin حرفه ای با ری‌اکت
16 جلسه 5 ساعت
1
پیش نمایشی از پروژه فصل - پروژه Dashboard Admin
11:40
2
پیاده سازی Routing پروژه
14:28
3
پیاده سازی قسمت TopBar پروژه
24:18
4
پیاده سازی کامپوننت Sidebar
28:16
5
Fix Sidebar
12:18
6
پیاده سازی کامپوننت Features از صفحه Home
24:03
7
نصب پکیج reCharts و نحوه استفاده از آن برای پیاده سازی نمودار
13:10
8
پیاده سازی کامپوننت Chart.jsx و نمایش آمار فروش ماهانه در صفحه Home
21:50
9
Fix Chart
05:38
10
پیاده سازی کامپوننت WidgetSm از صفحه Home
26:32
11
پیاده سازی کامپوننت WidgetLg از صفحه Home
28:25
12
کدنویسی کامپوننت UsersList برای نمایش لیست کاربران و عملیات حذف آن‌ها
35:23
13
کدنویسی کامپوننت Products برای نمایش لیست محصولات و عملیات حذف آن‌ها
12:16
14
کد نویسی کامپوننت Product برای نمایش جزئیات محصول - قسمت 1
11:02
15
کد نویسی کامپوننت Product برای نمایش جزئیات محصول - قسمت 2
19:10
16
کد نویسی کامپوننت Product برای نمایش جزئیات محصول - قسمت 3
22:03
Custom Hook چیست و چطور ازش استفاده کنیم؟ + چندین مثال کاربردی و پراستفاده
6 جلسه 1 ساعت
1
Custom Hook چیست؟ - پیاده سازی useLogger
15:43
2
ریفکتور هوک useLogger
06:46
3
پیاده سازی کاستوم هوک useCounter
09:56
4
پیاده سازی کاستوم هوک useFetch
19:25
5
پیاده سازی کاستوم هوک useLocalStorage
15:41
6
پیاده سازی کاستوم هوک useInput
16:48
یادگیری عمیق مطالب مربوط به Memoize در ری‌اکت
6 جلسه 1 ساعت
1
مفهوم Memoize چیه؟ - آشنایی با هوک useMemo
20:15
2
پیاده سازی مینی پروژه برای درک عمیق useMemo
20:04
3
استفاده از useMemo در کامپوننت های Child
11:46
4
هوک useCallback چیه و کجاها استفاده میشه؟
26:51
5
memo چیست و چه فرقی با useMemo دارد؟
12:48
6
تفاوت useMemo و useCallback چیه؟ (سردرگمی اکثر توسعه دهندگان ری‌اکت)
09:22
هوک useRef
3 جلسه 40 دقیقه
1
هوک useRef چیه و چه کاربردایی داره؟ - مثال عملی
18:23
2
پیاده سازی مثال عملی برای درک کاربرد دوم useRef
10:25
3
پیاده سازی تمرین rendersCount با useRef برای درک عمیق کاربرد useRef
12:12
پروژه Pagination با ری‌اکت
5 جلسه 1 ساعت
1
توسعه Template پروژه Pagination و ارسال ریکوئست به Api
15:42
2
محاسبه تعداد صفحات لازم برای نمایش Data
22:23
3
پیاده سازی منطق نهایی Pagination
12:23
4
setState یه عملکرد Async هست. حواست بهش باشه!
11:26
5
ریفکتور پروژه Pagination
04:34
مفهوم HOC چیست؟ - پیاده سازی پروژه
7 جلسه 1 ساعت
1
مفهوم Pure Function در جاوا اسکریپت چیست؟
14:32
2
مفهوم Higher Order Function در جاوا اسکریپت چیست؟
11:40
3
مفهوم HOC در ری‌اکت چیست؟ + مثال
21:51
4
پیاده سازی قابلیت toggle با HOC
16:56
5
پروژه Accordion با HOC - نحوه پیاده سازی
06:27
6
پیاده سازی پروژه Accordion
10:34
7
ریفکتور پروژه Accordion با HOC
10:25
هوک useLayoutEffect
1 جلسه 17 دقیقه
1
هوک useLayoutEffect چیه و چه فرقی با useEffect داره؟ + مثال عملی
17:32
کانسپت پیشرفته‌ای به اسم Profiler در ری‌اکت
2 جلسه 32 دقیقه
1
چطور از قابلیت Profiler ری‌اکت استفاده کنیم؟
12:32
2
استفاده راحت‌تر از Profiler به کمک React DevTools
20:32
پروژه Restaurant Menu با قابلیت Filtering
4 جلسه 39 دقیقه
1
تشریح نحوه پیاده سازی پروژه
10:44
2
پیاده سازی کامپوننت Categories
12:53
3
پیاده سازی کامپوننت Menus
08:55
4
پیاده سازی قابلیت فیلترینگ منوها طبق Categories
09:12
پکیج uuid + هوک useId (ری‌اکت 18)
2 جلسه 23 دقیقه
1
پکیج uuid چیه و چطور میشه ازش استفاده کرد؟
12:19
2
هوک useId چیه و چه مواقعی بهش نیاز داریم؟
11:56
کار با Context Api
19 جلسه 2 ساعت
1
مفهوم Context چیه؟
05:55
2
یه تمرین بدون Context - درک کاربرد
08:44
3
ریفکتور پروژه با Context - هوک useContext
17:03
4
تغییر ساختار ContextProvider
08:56
5
شروع پروژه Shopping Card با Context Api - کدنویسی فایل Custom.css
05:36
6
پیاده سازی Navbar Template
09:21
7
پیاده سازی Css های Navbar
08:00
8
پیاده سازی Product Category Template
12:50
9
پیاده سازی Product Category Css
07:22
10
پیاده سازی ماژول products و داینامیک سازی پروژه
13:02
11
پیاده سازی کامپوننت Toast برای نمایش نتیجه اضافه کردن محصول به سبد خرید
07:51
12
پیاده سازی کامپوننت سبد خرید در قالب SideBar
10:16
13
استایل دهی کامپوننت سبد خرید
07:26
14
ساخت کانتکست و نمایش محصولات فروشگاه از کانتکست
10:35
15
اتصال Toast به Context
07:29
16
نمایش یا عدم نمایش سبد خرید طبق اطلاعات Context
05:55
17
قابلیت اضافه کردن محصول به سبد خرید
09:53
18
پیاده سازی قابلیت نمایش تعداد محصولات در سبد خرید
13:24
19
Clean The Code

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

پروژه Cms فارسی به شکل SPA با بک‌اند و Api های اختصاصی Nodejs + دیتابیس Mysql
54 جلسه 9 ساعت
1
معرفی پروژه
12:40
2
اضافه کردن reset.css به پروژه
04:41
3
کدنویسی فایل custom.css و کانفیگ های اولیه
06:55
4
پیاده سازی Template کامپوننت Sidebar
05:49
5
استایل دهی کامپوننت Sidebar
08:33
6
استفاده از آیکون برای منو های Cms با پکیج react-icons
06:19
7
پیاده سازی Template کامپوننت Header
09:52
8
استایل دهی کامپوننت Header
15:22
9
راه اندازی Router پروژه
12:24
10
بهینه سازی ساختار Router با هوک useRoutes
06:54
11
پیاده سازی کامپوننت Error Box
13:31
12
پیاده سازی Template کامپوننت AddNewProduct
08:27
13
استایل دهی کامپوننت AddNewProduct
10:37
14
توسعه Template کامپوننت ProductsTable
07:59
15
استایل دهی کامپوننت ProductsTable
08:03
16
Portal چیه و چطور ازش استفاده کنیم؟
11:07
17
توسعه کامپوننت DeleteModal برای Confirm
20:53
18
فیکس باگ مربوط به نمایش Modal
06:23
19
پیاده سازی لاجیک مدال حذف محصول
12:33
20
پیاده سازی Modal جزییات محصول
09:31
21
پیاده سازی لاجیک مدال جزییات محصول
13:48
22
توسعه لاجیک مدال ویرایش
14:30
23
پیاده سازی children برای مدال ویرایش محصول
08:30
24
Nodejs چیه و چطور استفاده میشه؟
12:09
25
دیتابیس چیه و کجا استفاده میشه؟
59:46
26
نصب دیتابیس Mysql
08:15
27
ایمپورت دیتابیس
08:49
28
اجرای کد بک‌اند (Nodejs)
06:52
29
آشنایی با Api Document
13:31
30
دریافت اطلاعات محصولات از سرور و نمایش در کلاینت
13:53
31
هندل کردن موجودی یا عدم موجودی محصولات
05:54
32
توسعه قابلیت حذف محصولات از طریق Api
14:04
33
نمایش جزئیات محصولات در DetailsModal
10:56
34
نمایش اطلاعات قبلی محصول در Modal ویرایش
17:57
35
ویرایش اطلاعات محصول از طریق Api
13:39
36
توسعه قابلیت اضافه کردن محصول جدید
18:34
37
Lifting up کردن state های محصولات برای سطح دسترسی
16:02
38
دریافت اطلاعات کامنت‌ها از سرور و نمایش در کلاینت
17:05
39
نمایش متن کامنت ثبت شده در Modal
10:55
40
توسعه نمایش یا عدم نمایش مدال DeleteComment
07:01
41
پیاده سازی قابلیت حذف کامنت از طریق Api
06:36
42
نمایش متن اصلی کامنت داخل مدال EditComment
09:40
43
پیاده سازی قابلیت ویرایش متن کامنت ثبت شده
07:56
44
توسعه نمایش یا عدم نمایش مدال تایید کامنت
10:04
45
پیاده سازی قابلیت تایید کامنت برای نمایش در سایت
07:49
46
توسعه نمایش یا عدم نمایش مدال رد کامنت
06:32
47
پیاده سازی قابلیت رد کامنت
05:18
48
دریافت اطلاعات کاربران از سرور و نمایش در کلاینت
14:15
49
توسعه قابلیت حذف کاربران
12:52
50
ساخت مدال EditUser برای ویرایش اطلاعات کاربر
10:47
51
نمایش اطلاعات قبلی کاربر در مدال EditUser
13:57
52
پیاده سازی قابلیت ویرایش اطلاعات کاربر
08:44
53
نمایش جزئیات کاربر در مدال UserDetails
09:25
54
Fix Project - سخن پایانی
09:06
پروژه سبزلرن + ۳ نوع Cms + بک‌اند اختصاصی Nodejs
186 جلسه 32 ساعت
1
معرفی فصل - رونمایی از پروژه
07:58
2
آماده سازی Folder Structure پروژه
06:20
3
پیاده سازی Routing اولیه پروژه
11:04
4
توسعه کامپوننت های Navbar و Topbar
16:19
5
توسعه کامپوننت Landing + کار با ابزار svg2jsx
07:47
6
استفاده از پکیج TypeWriter برای ایجاد افکت متنی
10:45
7
توسعه کامپوننت SectionHeader
15:06
8
پیاده سازی کامپوننت Course Box
06:32
9
توسعه کامپوننت About Us
09:45
10
پیاده سازی افکت CountUp برای آمار و ارقام Landing
16:13
11
توسعه Header سکشن های اسلایدر
13:31
12
پیاده سازی کامپوننت ArticleBox
08:55
13
توسعه Footer پروژه سبزلرن
11:47
14
پیاده سازی صفحه دسته بندی دوره‌ها
13:04
15
توسعه کامپوننت Breadcrumb برای نمایش مسیر صفحات
14:32
16
توسعه سکشن اطلاعات اصلی دوره
03:43
17
توسعه کامپوننت باکس جزئیات دوره
10:06
18
توسعه سکشن نمایش توضیحات دوره
11:33
19
توسعه سایدبار صفحه جزئیات دوره
09:55
20
توسعه صفحه جزئیات مقاله
18:27
21
توسعه کامپوننت ثبت کامنت برای دوره‌ها و مقالات
07:21
22
پیاده سازی Accordion برای نمایش جلسات دوره
11:02
23
پیاده سازی صفحه تمامی دوره‌ها
13:49
24
پیاده سازی صفحات لاگین و ثبت نام
13:16
25
اضافه کردن loader برای تصاویر پروژه
09:02
26
هوک useReducer چیه و کی استفاده میشه؟
20:30
27
داینامیک سازی فرم و توسعه کامپوننت Input
13:25
28
پیاده سازی reducer برای مدیریت استیت های Input
11:43
29
توسعه کامپوننت Button
14:40
30
پیاده سازی Validation Rules برای ارزیابی اینپوت‌ها
13:40
31
پیاده سازی Validator برای تعیین نتیجه اعتبارسنجی اینپوت‌ها
22:16
32
توسعه کاستوم هوک برای مدیریت فرم‌ها
30:34
33
پیاده سازی RegEx برای اعتبارسنجی ایمیل
12:33
34
نصب دیتابیس Mongodb
05:19
35
نصب نرم افزار Robo 3T
03:26
36
ایمپورت دیتابیس پروژه و اجرای کد های بک‌اند
08:50
37
Postman چیه و چطور استفاده میشه؟
11:25
38
JWT چیه؟
08:36
39
روند ایده‌آل برای احراز هویت با JWT چطوریه؟
06:39
40
تفاوت Authentication و Authorization چیه؟
04:57
41
ایمپورت Api Doc در Postman
09:47
42
آپدیت بک اند پروژه سبزلرن
09:06
43
اعتبارسنجی فرم ثبت نام با کاستوم هوک
12:19
44
توسعه ثبت نام کاربر جدید
14:35
45
getMe چطور کار می‌کنه؟
09:44
46
پیاده سازی AuthContext برای احراز هویت کاربر
11:13
47
ذخیره AccessToken کاربر در مرورگر
10:25
48
دریافت اطلاعات کاربر از سرور به کمک Token
11:49
49
نمایش نام کاربر لاگین شده در NavBar سبزلرن
06:56
50
توسعه قابلیت لاگین کاربر
13:32
51
ذخیره Access Token در مرورگر هنگام لاگین
06:26
52
نمایش نتیجه لاگین با پکیج SweetAlert
09:12
53
اضافه کردن Google reCaptcha به فرم لاگین
12:26
54
نمایش لینک های Topbar به شکل رندوم و داینامیک
12:19
55
دریافت منوها و ساب‌منوها از سرور بک‌اند و نمایش در Navbar
13:24
56
دریافت اطلاعات دوره مورد نظر از سرور
11:04
57
مدیریت و دسته بندی دیتا های Response
07:00
58
نمایش جلسات مربوط به دوره مورد نظر
12:15
59
نمایش کامنت های مربوط به دوره مورد نظر
13:06
60
قطع دسترسی کاربر به ثبت کامنت در صورت لاگین نبودن
09:49
61
ثبت کامنت جدید برای دوره مورد نظر توسط کاربر
15:02
62
نمایش آخرین دوره های برگزار شده

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

63
نمایش دوره‌‌ها طبق Category
07:54
64
پیاده سازی شرایط عدم وجود دوره برای یک Category
05:51
65
فیکس مشکل re-render نشدن کامپوننت هنگام تغییر Route
03:20
66
نمایش تمام دوره های برگزار شده
05:16
67
پیاده سازی منطق Pagination
21:04
68
محاسبه تعداد صفحات لازم برای Pagination
12:05
69
اضافه کردن Pagination به صفحه Category
07:26
70
نمایش اطلاعات مدرس دوره
04:05
71
نمایش آخرین مقاله های منتشر شده
09:36
72
نمایش جزئیات مقاله
11:48
73
نمایش کل مقالات منتشر شده در صفحه AllArticles
15:13
74
نمایش دوره های در حال پیش فروش به کمک Swiperjs
15:00
75
نمایش محبوب ترین دوره‌ها به کمک Swiperjs
07:55
76
نمایش دوره‌ها طبق مرتب سازی دلخواه کاربر
22:11
77
پیاده سازی حالت عدم وجود دوره برای مرتب سازی کاربر
05:24
78
توسعه قابلیت سرچ بین دوره‌ها
08:21
79
دیباگ و بهینه سازی کامپوننت‌ها به کمک memoization
07:37
80
تغییر نحوه چیدمان دوره‌ها به دلخواه کاربر
14:04
81
پیاده سازی Ui و ولیدیشن فرم ارتباط با ما
19:53
82
اتصال صفحه ارتباط با ما به سمت سرور پروژه
13:26
83
پیاده سازی قابلیت عضویت در خبرنامه
13:27
84
پیاده سازی قابلیت سرچ سراسری در سایت توسط کاربر
21:04
85
رونمایی از پنل مدیریت
09:43
86
پیاده سازی Router و Sidebar پنل مدیریت
14:50
87
پیاده سازی کامپوننت Topbar پنل مدیریت
10:11
88
نمایش اطلاعات ادمین وارد شده در پنل
06:50
89
نمایش نوتیفیکیشن های ادمین بصورت داینامیک
09:59
90
پیاده سازی قابلیت "مشاهده کردم" نوتیفیکیشن‌ها توسط مدیر
11:50
91
پیاده سازی حالت عدم وجود نوتیفیکیشن برای نمایش
03:30
92
توسعه قابلیت Logout ادمین از پنل
08:48
93
توسعه کامپوننت DataTable برای نمایش اطلاعات دلخواه
07:58
94
نمایش لیست کاربران ثبت نام شده در پنل ادمین
07:23
95
توسعه قابلیت حذف کاربر توسط ادمین
09:18
96
اضافه کردن فیلد شماره تماس به فرم ثبت نام کاربر
07:54
97
پیاده سازی قابلیت بن کردن کاربر توسط ادمین
05:08
98
جلوگیری از ثبت نام کاربر ban شده در فرم ثبت نام
09:34
99
اضافه کردن کاربر جدید توسط ادمین داخل Cms
19:03
100
نمایش لیست دوره‌های برگزار شده در پنل ادمین
12:08
101
نمایش دسته بندی دوره های سایت در پنل ادمین
09:19
102
اضافه کردن Category جدید به سایت
23:08
103
پیاده سازی قابلیت حذف دسته بندی
09:56
104
پیاده سازی قابلیت ویرایش اطلاعات دسته بندی
13:26
105
توسعه قابلیت حذف دوره مورد نظر
10:27
106
نمایش دسته بندی های موجود هنگام اضافه کردن دوره جدید
16:33
107
آماده سازی فرم مربوطه برای ساخت دوره جدید
21:55
108
ساخت آپلودر و نهایی کردن ایجاد دوره جدید در سایت
20:07
109
نمایش لیست پیغام های ثبت شده از ارتباط با ما (در قالب تیکت)
11:08
110
نمایش متن پیغام های کاربر به مدیر سایت
03:40
111
توسعه قابلیت پاسخگویی به سوالات کاربران در قالب ارسال ایمیل
14:02
112
اعتبارسنجی سلکت‌باکس انتخاب دسته بندی
06:35
113
حذف اطلاعات کاربر صفحه ارتباط با ما
07:03
114
نمایش لیست مقاله های منتشر شده
09:33
115
حذف مقاله مورد نظر از سایت
09:19
116
آماده سازی و اعتبارسنجی فرم انتشار مقاله جدید
19:27
117
اضافه کردن تکست ادیتور به فرم انتشار مقاله جدید (CkEditor)
12:06
118
انتشار مقاله جدید در سایت
13:08
119
کار با dangerouslySetInnerHTML در ری‌اکت
09:07
120
نحوه sanitize کردن Html Template برای جلوگیری از باگ Xss
05:30
121
نمایش محتوای Sanitize شده مقاله
12:09
122
آماده سازی و اعتبارسنجی فرم انتشار جلسه جدید
13:23
123
اضافه کردن آپلودر ویدیوی جلسات به فرم
03:59
124
ایجاد جلسه جدید برای دوره موردنظر
08:56
125
نمایش لیست جلسات برگزار شده در پنل ادمین
08:03
126
توسعه قابلیت حذف جلسه
06:18
127
داینامیک کردن اطلاعات صفحه اصلی سایت (دریافت از سرور)
15:35
128
تعیین رایگان بودن یا نبودن جلسات قبل از آپلود
09:16
129
قطع دسترسی کاربر به جلسات غیررایگان دوره‌ها
06:45
130
آماده سازی صفحه جزئیات جلسات
11:15
131
مشاهده ویدئو و فایل پیوست هر جلسه توسط کاربر
14:56
132
تعیین رسیدگی یا عدم رسیدگی به پیغام های کاربران
08:40
133
نمایش منوها و زیرمنوهای سایت در پنل ادمین
10:55
134
پیاده سازی قابلیت حذف منو و زیرمنو
08:14
135
آماده سازی و اعتبارسنجی فرم ساخت منوی جدید
11:35
136
نهایی کردن قابلیت ساخت منو و زیرمنوی جدید
08:56
137
نمایش کامنت های ثبت شده در پنل ادمین
08:42
138
پیاده سازی قابلیت حذف کامنت
07:25
139
نمایش متن کامنت ثبت شده به مدیر
02:09
140
توسعه قابلیت بن کردن کاربر در صورت ثبت کامنت غیر اخلاقی
06:49
141
تعیین ثبت یا عدم ثبت پاسخ به کامنت های کاربران
03:18
142
توسعه قابلیت پاسخ‌دهی به کامنت‌ها از پنل ادمین
10:24
143
نمایش پاسخ هر کامنت زیر همون کامنت
13:05
144
عدم نمایش کامنت‌ها قبل از تایید مدیر
07:23
145
توسعه قابلیت رد کامنت و عدم نمایش کامنت های رد شده
06:17
146
اماده سازی فرم ساخت کد تخفیف برای دوره‌ها توسط مدیر
11:42
147
محدود کردن کد تخفیف برای دوره های مورد نظر
05:43
148
تولید کد تخفیف با درصد دلخواه برای دوره مورد نظر
08:16
149
نمایش کد های تخفیف ساخته شده با جزئیات
10:56
150
حذف کد تخفیف مورد نظر
05:25
151
توسعه قابلیت ذخیره سازی مقاله بعنوان پیش‌نویس
11:28
152
پیاده سازی قابلیت ادامه نوشتن مقاله ذخیره شده در پیش نویس
10:35
153
پیاده سازی صفحه اصلی پنل مدیریت
12:27
154
دریافت آمار ماهانه سایت از سرور و نمایش در صفحه اصلی پنل مدیر

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

azsoft.ir

09367292276
[e-mail]
azsoft.ir
09367292276
09367292276
[e-mail]

پیاده سازی قابلیت ثبت نام در دوره های رایگان
13:26
156
ثبت نام در دوره های پولی بدون کد تخفیف
10:57
157
ثبت نام در دوره های پولی با اعمال کد تخفیف
19:09
158
امتیازدهی به دوره توسط کاربر هنگام ثبت کامنت
12:29
159
مشاهده امتیاز هر کاربر توسط مدیر سایت
06:10
160
نمایش امتیاز کل دوره با آیکون های Star
05:58
161
نمایش دوره های مرتبط در صفحه جزئیات هر دوره
11:17
162
شروع توسعه پنل کاربری - راه اندازی روتر و صفحه اول پنل
13:17
163
توسعه صفحه پیشخوان پنل کاربری سبزلرن
11:30
164
پیاده سازی قابلیت Logout پنل کاربر
07:17
165
نمایش سفارش های کاربر
15:53
166
نمایش جزئیات سفارش - نحوه پیاده سازی
06:17
167
نمایش دوره های خریداری شده کاربر
13:12
168
ساخت Tab Menu برای فیلترینگ دوره های ثبت نام شده
20:02
169
پیاده سازی حالت عدم وجود دوره برای فیلترینگ انتخاب کاربر
04:24
170
توسعه قابلیت ارسال تیکت (نمایش دپارتمان‌ها)
18:02
171
نمایش دوره های کاربر هنگام ارسال تیکت
09:29
172
پیاده سازی ثبت تیکت توسط کاربر
18:24
173
دریافت تیکت های ثبت شده هر کاربر از سرور
12:25
174
نمایش تیکت های ثبت شده هر کاربر در پنل کاربری‌اش
10:01
175
نمایش پاسخ های داده شده به تیکت توسط مدیر در پنل کاربر
22:43
176
نمایش نتیجه ثبت تیکت به کمک پکیج SweetAlert
05:33
177
نمایش اطلاعات اکانت کاربر داخل پنل کاربری‌‌اش
16:35
178
پیاده سازی قابلیت ویرایش اطلاعات اکانت توسط کاربر
13:03
179
پیاده سازی Route Protection برای صفحات پنل مدیریت پروژه
07:54
180
نمایش تیکت های ثبت شده در پنل مدیریت
15:41
181
نمایش متن تیکت ثبت شده به مدیر در Swal Modal
03:47
182
توسعه قابلیت ثبت پاسخ به تیکت توسط مدیر
17:47
183
توسعه قابلیت برگزاری کمپین تخفیف توسط مدیر
15:07
184
نمایش و اعمال تخفیف کمپین روی دوره های سایت
08:27
185
تغییر سطح دسترسی کاربر توسط مدیر سایت
14:40
186
سخن پایانی ✌️