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

Practical CSS3 Flexbox Media Queries & CSS Grid Mastery

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: آموزش ساخت وب سایت های واکنش گرا با کمک CSS3 Flexbox، CSS Grid، Media Queries و نحوه استفاده از Git و Github شما با طراحی و توسعه وب واکنش گرا آشنا خواهید شد با تمام مفاهیم Flexbox و نحوه استفاده از آنها آشنا می شوید. در مورد Media Queries و نحوه استفاده از آنها CSS Grid و نحوه استفاده از آن برای طراحی وب واکنشگرا را یاد می گیرید. استفاده از HTML و CSS3 را یاد می گیرید اصول اولیه Git و Github را یاد می گیرید، کد خود را به github متعهد می کنید. ویرایشگر کد ویژوال استودیو و پسوند مرتبط پیش نیازها: بدون دانش برنامه نویسی

در این دوره، تمام مفاهیم 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 و فشار دادن کد محلی ما

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


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

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.

آموزش CSS3 Flexbox Media Queries و CSS Grid Master
جزییات دوره
2 hours
52
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
19,718
3.9 از 5
ندارد
ندارد
ندارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Obify Consulting Obify Consulting

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