ساخت یک وب سایت نمونه کار Responsive بوسیله React

ساخت وب سایت React Portfolio ، React Context API ، ارسال ایمیل از برنامه React ، قلاب های React ، بسته های React ، موضوع React

عنوان اصلی : React Responsive Portfolio Website - Complete React Project

سرفصل های دوره :

مقدمه:
مقدمه
نسخه ی نمایشی پروژه - توضیحات مربوط به پروژه ای که شما ایجاد خواهید کرد
ایجاد پروژه و نوار کناری طراحی:
قسمت 1 ایجاد پروژه و نصب bootstrap
پرونده بخش Sidebar Part-2 ایجاد شده است
ویژگی های نوار کناری قسمت 3
قسمت 4 نوار کناری تصویر و موارد NAVBAR را گسترش دهید
طراحی لیست موارد NAVBAR Sidebar Part-5
بخش خانه:
بخش بخش خانه قسمت 6
قسمت 7 خانه اثر ماشین تحریر
قسمت 8 بارگیری ویژگی های CV
درباره بخش:
قسمت 9 درباره طراحی بخش
بخش پشته فنی:
بخش پشته فنی Part-10 طراحی API و نمایش داده ها
Part-11 رنگ تصادفی برای مورد پشته فنی تولید می کند
قسمت 12 ویژگی های صفحه بندی بیشتری را بارگیری کنید
قسمت پشته فنی قسمت 13 بر اساس موقعیت شاخص
بخش پروژه:
بخش PART-14 بخش پروژه API طراحی
بخش بخش PART-15 Component و تمام داده ها را نشان دهید
ویژگی های آکاردئون بخش PART-16 (سقوط و نمایش)
Part-17 React onMouseHovereffect برای لیست پروژه ها
بخش تجربه کار:
بخش تجربه کار بخش کار API طراحی و نصب مؤلفه زمانی عمودی
قسمت 19 داده های تجربه کار را به مؤلفه زمانی عمودی نشان می دهد
بخش آموزش:
بخش آموزش قسمت 20 داده ها را در مؤلفه جدول زمانی عمودی نشان می دهد
بخش توصیف:
بخش شهادت بخش -21 طراحی API و کشویی نرم و صاف نصب شده
قسمت 22 کشویی نرم و صاف را برای نشان دادن داده های توصیف کننده پیاده سازی کنید
طراحی سفارشی کشویی Slick Part-23 برای بخش توصیف
تماس از بخش:
قسمت 24 ایجاد بخش فرم تماس و زمینه های ورودی طراحی
طراحی فرم تماس با قسمت 25
پیمایش به ویژگی های برتر:
Part-26 پیمایش به ویژگی های برتر و طراحی نوار پیمایشی سفارشی
منوی نوار کناری پیمایش صاف:
لیست منوی نوار کناری قسمت 27 پیمایش صاف به هر بخش
نوار ناوبری پاسخگو برای نمای تلفن همراه:
Part-28 NAVBAR پاسخگو برای نمای تلفن همراه
Part-29 Mobile View Design Navbar
طراحی پاسخگو:
قسمت 30 رفع مشکلات طراحی پاسخگو
ویژگی های موضوع تاریک و نور با استفاده از API زمینه:
ویژگی های موضوع تاریک و نور با استفاده از API زمینه
قسمت 32 تغییر رنگ مؤلفه برای موضوع تاریک
ویژگی های سوئیچ قسمت 33 برای تغییر موضوع تاریک و سبک در نمای موبایل NAVBAR
انیمیشن JS را واکنش نشان دهید:
قسمت 34 اضافه کردن انیمیشن به مؤلفه React
رنگ تصادفی کشویی نرم و صاف تولید:
قسمت 35 رنگ تصادفی را برای موارد کشویی نرم و صاف و لیست پروژه ایجاد می کند
گره js- طراحی API طراحی برای ارسال ایمیل:
قسمت 36 گره JS را نصب کنید و SendGrid را برای ارسال ایمیل پیکربندی کنید
قسمت 37 برای ارسال نامه الکترونیکی نقطه انتهایی API ایجاد کنید
قسمت 38 نامه الکترونیکی را از فرم تماس React با استفاده از API Backend ارسال کنید
قسمت 39 پیام Toast React React را نشان می دهد
پروژه را برای NetLlify Cloud Server مستقر کنید:
پروژه مستقر در قسمت 40 به NetLify