در حال حاضر محصولی در سبد خرید شما وجود ندارد.
صفر تا قهرمان در CSS3 ، Flexbox ، Reactjs ، Fontawesome ، Google Fonts & Bootstrap5 با توسعه 4 پروژه دنیای واقعی
عنوان اصلی : ReactJs CSS3 Flexbox Media Queries Bootstrap with 4 Projects
سرفصل های دوره :
معرفی و راه اندازی:
نصب کد VS و پسوند سرور
معرفی Flexbox
فایل های index.html و style.css را راه اندازی کنید
بازنشانی اندازه جعبه حاشیه حاشیه در عملگر جهانی
استایل دادن به جعبه ها
کار با Flexbox:
ردیف Flex Direction ردیف - ستون معکوس ستون - معکوس
فلکس رشد کوچک می شود
شروع Flex Content را توجیه کنید
مطالب Flex End را توجیه کنید
مرکز محتوا را توجیه کنید
فضای محتوا را توجیه کنید
فضای محتوا را توجیه کنید
چرا نباید از ویژگی Float استفاده کنید
مورد Flex End را تراز کنید
مورد Flex Start را تراز کنید
مرکز مورد را تراز کنید
Flex Bassis همانند Width on Flex Item
پاسخگویی با پرسش رسانه
ایجاد طرح بندی Flex Wrap
استایل دادن به طرح بندی فلکس
ساخت صفحه نمایش با Flex Wrap
افزایش پاسخگویی
پرسش‌های رسانه‌ای و توسعه وب پاسخگو:
منظور از پاسخگویی چیست؟
نمونه ای از وب سایت Non_responsive
ایجاد اسکلت HTML برای وب سایت غیر پاسخگو
استایل دادن به صفحه غیر پاسخگو
نقطه گسست پرسش‌های رسانه برای دستگاه‌های مختلف:
نقاط شکست دستگاه های مختلف
پاسخگو در دستگاه تا 768 پیکسل
برای عرض دستگاه تا 468 پیکسل پاسخگو کنید
پاسخگو شدن بین 769 پیکسل تا 1023 پیکسل
Git و Github:
Git و Github Part-1
Git و Github Part-2
Git and Github Part-3
Git and Github Part-4
شبکه CSS:
راه اندازی Html و Css Layout - Part-2
رنگ پس‌زمینه جعبه‌ها
نمایش گرید با سطر و ستون
واحد کسری برای اشغال عرض کامل
شکاف بین سطر و ستون
دست کوتاه برای ردیف‌ها و ستون‌های الگو
دست کوتاه برای شکاف ردیف و ستون شبکه
خطوط سطر و ستون
موقعیت عنصر شبکه متحرک
خلاصه برای سطر و ستون و عرض کامل
ردیف‌های خودکار و طرح‌بندی صریح و ضمنی
رفتار پاسخگو فقط با شبکه css بدون درخواست رسانه
کد منبع:
کد منبع
معرفی و راه اندازی CSS-React-Project:
نصب نرم افزار
پروژه 1 - وب سایت واکنش گرا:
تنظیم طرح بندی پروژه
کار بر روی طرح کلی منو
استایل دادن به بخش منو قسمت - 1
استایل دادن به بخش منو قسمت - 2
استایل دادن به بخش منو قسمت - 3
استایل دادن به بخش بدن قسمت - 1
استایل دادن به بخش بدن قسمت - 2
ریسپانسیو کردن صفحه
پروژه 2 - خدمات ما:
تنظیم اسکلت
کار بر روی نشانه گذاری و چیدمان
کار بر روی استایل و پاسخگویی
پروژه 3 - برنامه ReactJS Listing Marketplace:
Github-Repo-Local-Setup
Create-react-app
پاکسازی کد
افزودن-Googlefonts
React-How-it-works-VSC-Extension
Creating-TopBar-Component
درک JSX
Styling-TopBar-Part-1
Styling-TopBar-Part-2
Adding-Fontawesome-Styling-TopBar-Part-3
Styling-TopBar-Part-5
Styling-TopBar-Part-6
Styling-Hero-Section-Part-1
Styling-Hero-Section-Part-2
Styling-Hero-Section-Part-3
Styling-Hero-Section-Part-4
Styling-Sidebar-Section-Part-1
Styling-Sidebar-Section-Part-2
Styling-Sidebar-Section-Part-3
Styling-Sidebar-Section-Part-4
Styling-Sidebar-Section-Part-5
Styling-Sidebar-Section-Part-6
Styling-Sidebar-Section-Part-7
کار بر روی مؤلفه مورد فهرست
استفاده از متغیرهای CSS
کار بر روی صفحه نمای کلی فهرست
بخش زمان و دسته بندی موارد فهرست بندی استایل
بخش توضیحات مورد فهرست بندی استایل
کار بر روی طرح بندی جزء جزئیات لیست
افزودن نوار کناری در صفحه جزئیات فهرست
استایل دادن به صفحه جزئیات فهرست
کار بر روی بخش داده های متا صفحه جزئیات فهرست
استایل دادن به بخش تصویر در صفحه جزئیات فهرست
عنوان سبک و بخش عمل در صفحه فهرست
استایل دادن به بخش نویسنده و زمان ارسال در صفحه جزئیات فهرست
استایل دادن به بخش توضیحات صفحه جزئیات فهرست
طراحی حرف اول توضیحات در صفحه جزئیات فهرست
تنظیم Layout برای ایجاد صفحه فهرست
روی ایجاد صفحه فهرست کار کنید
کار بر روی نماد آپلود در صفحه ایجاد فهرست
استایل دادن به صفحه ایجاد فهرست
نصب کتابخانه React Router Dom برای مسیریابی بین اجزا
افزودن پیمایش و مسیریابی برای آیتم های منو
ناوبری پویا برای نمایش جزئیات دارایی
کد منبع:
کد منبع 3 پروژه
ReactJs CSS3 Flexbox Media Queries Bootstrap with 4 Projects
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
