وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap

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

صفر تا قهرمان در 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

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

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

ایمیل شما:
تولید کننده:
مدرس:
شناسه: 36225
حجم: 4374 مگابایت
مدت زمان: 475 دقیقه
تعداد دیسک: 2 عدد
زیرنویس انگلیسی: دارد
زبان: انگلیسی ساده و روان
تاریخ انتشار: 22 شهریور 1401
کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap
کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap 1
کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap 2
کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap 3
کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap 4
کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap 5
کدنویسی React : کار با CSS3 Flexbox, Media Query و Bootstrap 6
طراحی سایت و خدمات سئو

139,000 تومان
افزودن به سبد خرید