در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.
دسته بندی
دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

ساخت وب سایت های واکنش گرا با React, Context, Sass

ساخت وب سایت های واکنش گرا با React, Context, Sass

14,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

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

ویدئو معرفی این محصول

با FlexBox, React.js, SASS/SCSS آشنا شده و ساخت وب سایت های Responsive چند صفحه ای را بوسیله آن ها یاد بگیرید.

عنوان اصلی : React, Context & Sass Build a Real World Responsive Website

سرفصل ها :


ابزار دانلود:
نصب در مقابل افزونه های کد
دانلود کد منبع
مبانی flexbox:
بخش مقدمه
ساختار پوشه را ایجاد کنید
FlexBox چیست؟
سعی کنید flexbox را عملا
Flex Wrap
Flex Direction
Flex Align Horizontal
Flex Align عمودی
SASS / SCSS اصول اولیه:
Sass چیست؟
تنظیم محیط SASS
کامپایل SCSS به CSS خالص
SCSS / متغیرهای SASS
SASS VS SCSS
Partials SCSS
دسترسی به متغیرهای SCSS در بخش های جزئی
SCSS قوانین توزیع شده
روش BEM
SCSS گسترش می یابد
SCSS Mixins
SCSS اگر اظهارات دیگر
حلقه SCSS
اصول اولیه واکنش:
بخش مقدمه
چه چیزی واکنش نشان می دهد
ایجاد برنامه REACT
ساختار پوشه React
JSX چیست؟
Emmet را در JSX فعال کنید
react دولت
به روز رسانی به روز رسانی دولت
آرایه حلقه در JSX
اظهارات شرطی در JSX
CSS در واکنش نشان می دهد
React Props
تنظیم پروژه:
بخش مقدمه
ایجاد برنامه REACT
نصب بسته SASS
ایجاد اسکریپت برای SCSS
فونت Google را انتخاب کنید
CSS REM واحد
بازنشانی Padding و حاشیه
React Routing:
بخش مقدمه
نصب React Router Dom
مسابقه دقیق مسیر
صفحه یافت نشد
بخش هدر:
بخش مقدمه
اضافه کردن ویدئو پس زمینه
ویدئو پس زمینه سبک
ایجاد مخلوط برای موقعیت
ویژگی های پوستر ویدئو
ایجاد شکل بسیار جذاب برای بخش هدر
افزودن محتویات در بخش هدر
محتویات هدر سبک
داده های منتقل شده به عنوان پروکسی به مولفه هدر
دکمه سبک
Heading Animate
Animate Sub Heading
اضافه کردن لوگو
فضای بین عنوان، زیر عنوان و دکمه را اضافه کنید
Context API و ایجاد مدال:
بخش مقدمه
ایجاد مدال
SCSS قوانین Forward
API Context چیست؟
ایجاد شی متن
ایجاد دولت یا فروشگاه جهانی
دسترسی به دولت یا فروشگاه جهانی
باز کردن مودال
بستن مودال
انیمیشن مودال
انتقال دولت و توابع جهانی به یک جزء جداگانه
اجرای تابع کاهش دهنده
تماس گیرنده تماس با اعزام
انتقال تابع گیرنده به یک فایل جداگانه
ایجاد انواع
ایجاد فرم ثبت نام
فرم ثبت نام سبک
دکمه ثبت نام سبک
ایجاد فرم ورود
یک مدال خاص را باز کنید
فرم ورود به سیستم
فیلد های فرم ثبت نام
پیوند فرم ورود به سیستم
ایجاد ناوبری:
بخش مقدمه
ایجاد لایه شفاف
ایجاد ناوبری
لینک های ناوبری سبک
ایجاد Context & Provider NAV
دسترسی به اطلاعات از Navprovider در مولفه NAV
ساخت کامپوننت ضامن
MENU TGGLE STYLE
باز کردن و بستن تغییر ناوبری
ایجاد آیکون نزدیک
HTML Meta Data
تولید Favicon
مقصد:
بخش مقدمه
ایجاد ردیف و ستون
مقصد مقصد
نقطه مقصد مقصد
داده های مقصد
مقصد مقصد
دسترسی به مقصد داده ها از فروشگاه
داده های مقصد حلقه
تصاویر سبک
فضای بین تصاویر را اضافه کنید
بهینه سازی فرایند بارگیری تصاویر
نمایش نام کشور بر روی کارت
ایجاد کارت اطلاعات
Link Explore Link
ایجاد صفحه جزئیات
دسترسی به مقصد مقصد
جزئیات مقصد
جزئیات هدر
جزئیات بیشتر در مورد مقصد
اطلاعات بیشتر در مورد مقصد بخش 2
اطلاعات شهرها
دسترسی به شهرها در صفحه جزئیات
ایجاد پس زمینه skewed
Array Cities Loop
وضعیت بسته
نمایش نام و زمان بسته
قیمت سبک
نمایش امکانات بسته
ایجاد پوشه برای اجزای شهر
Divide Citial Citys در زیر اجزای زیرزمینی
نمایش تصاویر با وضوح بالا





بخش مقدمه
ایجاد پس زمینه skewed
خدمات عنوان
خدمات سبک و پاراگراف
خدمات خدمات
ایجاد متن واکنش برای داده های خدمات
دسترسی به اطلاعات خدمات از فروشگاه API Context
خدمات Loop Array
جزئیات خدمات نمایش
افزودن انیمیشن ها به جزئیات
محتویات خدمات به صورت عمودی
نظرات:
بخش مقدمه
تنظیم داده ها
دسترسی به بررسی آرایه از فروشگاه API Context
حلقه بررسی آرایه
جزء بررسی سبک
عملکرد رتبه بندی
بارگذاری تصاویر تنبل
تصاویر گالری / سبد:
بخش مقدمه
داده های گالری تنظیمات و تصاویر
ایجاد متن واکنش برای گالری
ایجاد جزء گالری و گالری گالری گالری
Gallery Component سبک
ایجاد سبد
نمایش تصاویر پویا در سبد
سبد تحریک انیمیشن
کد Refactor
footer:
بخش مقدمه
ایجاد جزء پاورقی
تصویر پس زمینه پاورقی
نمایش لوگو و معرفی در پایین صفحه
لینک های پاورقی
Loop Links Links
دستگیره های خارجی را اداره کنید
Links Links Style
ایجاد پا بوتوم