آموزش CSS3 Flexbox Media Queries و CSS Grid Master

در این دوره، تمام مفاهیم flexbox و پرس و جوهای رسانه ای را خواهید آموخت.

تمام مفاهیم را با کمک مثال های کد یاد خواهیم گرفت.

موضوعاتی که در ادامه به آنها خواهیم پرداخت:

1.1-نصب کد VS و پسوند سرور

1.2-مقدمه ای بر Flexbox

1.3-فایل‌های index.html و style.css را تنظیم کنید

1.4- بازنشانی اندازه جعبه حاشیه حاشیه در عملگر جهانی

1.5-استایل دادن به جعبه ها

1.6-اعمال انعطاف صفحه نمایش در والدین

1.7-Flex Direction ردیف ردیف- ستون معکوس ستون- معکوس

1.8-Flex grow shrink

2.1-شروع فلکس محتوا را توجیه کنید

2.2-مطالعه Flex End را توجیه کنید

2.3-مرکز محتوا را توجیه کنید

2.4-توجیه فضای محتوا در اطراف

2.5-فضای محتوا را توجیه کنید-بین

3.1-چرا نباید از ویژگی Float استفاده کنید

3.2-Alt Item Flex End

3.3-تراز کردن مورد فلکس شروع

3.4-مرکز مورد را تراز کنید

3.5-Flex Base همان Width on Flex Item

4.1-پاسخگویی با پرسش رسانه

4.2-Flex Wrap Layout ایجاد

4.3-طرح بندی Flex

4.4-Responsive Screening with Flex Wrap

4.5-افزایش پاسخگویی

1.1-منظور از پاسخگویی چیست

1.2-نمونه وب سایت غیر پاسخگو

1.3-ایجاد اسکلت HTML برای وب سایت غیر پاسخگو

1.4-طرح دادن به صفحه غیر پاسخگو

2.1-نقاط شکست دستگاه مختلف

2.2-در دستگاه تا 768 پیکسل پاسخگو بسازید

2.3- برای عرض دستگاه تا 468 پیکسل پاسخگو کنید

2.4- برای عرض دستگاه بالاتر از 1024 پیکسل پاسخگو کنید

2.5-Responsive بین 769px و 1023px

ایجاد حساب کاربری در Github

نصب Git bash

ایجاد نشانه github و اتصال از محلی

استفاده از دستورات git برای commit و فشار دادن کد محلی ما

شما کد منبع کامل را دریافت خواهید کرد