دوره آموزش آن را تمرین کنید – سی اس اس لی اوت
Linkedin – Practice It: CSS Layout
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل
در این دوره، مربی جولیا دایک به شما نشان میدهد که چگونه میتوانید طرحبندیهای وب واکنشگرا را ایجاد کنید که با هر اندازه صفحه سازگار باشد و یک تجربه کاربری یکپارچه را ارائه دهد.
به جولیا بپیوندید تا به شما نشان دهد که چگونه با استفاده از شبکههای CSS و Flexbox طرحبندیهای مدولار طراحی کنید و با استفاده از پرس و جوهای رسانهای، آنها را با عرض صفحههای مختلف تطبیق دهید.
او مقدمهای بر اصول اولیه چیدمانهای شبکهای ارائه میکند، توضیح میدهد که چگونه طرحبندیهای خود را واکنشگرا کنید، و سپس شما را از طریق ایجاد یک طرحبندی سه ستونی و دوازده ستونی راهنمایی میکند.
این دوره آموزش آن را تمرین کنید – سی اس اس لی اوت با GitHub Codespaces یکپارچه شده است، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به هیچ گونه راه اندازی ماشین محلی ارائه می دهد.
با GitHub Codespaces، میتوانید در هر زمان و در هر زمانی از هر ماشینی تمرین عملی داشته باشید، در حالی که از ابزاری استفاده میکنید که احتمالاً در محل کار با آن مواجه خواهید شد. برای یادگیری نحوه شروع، ویدیوی «استفاده از فضاهای کد GitHub با این دوره» را بررسی کنید.
فهرست سرفصل های دوره : آموزش Linkedin – Practice It: CSS Layout
دوره آموزش آن را تمرین کنید – سی اس اس لی اوت
- معرفی
ایجاد طرحبندی شبکهای واکنشگرا
آنچه شما باید بدانید
استفاده از GitHub Codespaces با این دوره
- 1. مقدمه ای بر Grid Layouts
طراحی طرح شبکه ای
تعریف عناصر شبکه
کار با انتخابگرهای پیشرفته
گرید در مقابل فلکس باکس
آن را امتحان کنید: یک طرح بندی شبکه ای اولیه ایجاد کنید
بررسی کنید: یک طرح بندی شبکه ای اولیه ایجاد کنید
- 2. پاسخگو کردن
استفاده از رویکرد اول موبایل
استفاده از پرسش های رسانه ای
تغییر طرح
در دسترس قرار دادن آن
آن را امتحان کنید: طراحی شبکه پاسخگو
بررسی کنید: طراحی شبکه پاسخگو
- 3. ایجاد یک طرح سه ستونی
طراحی یک چیدمان واکنشگرا با Flexbox
آن را امتحان کنید: طراحی یک طرح با Flexbox و Grid
بررسی کنید: طراحی یک طرح بندی سه ستونی با Flexbox
بررسی کنید: طراحی یک طرح سه ستونی با Grid
- 4. ایجاد یک طرح دوازده ستونی
راه اندازی طرح بندی دوازده ستونی
طرح دوازده ستونی برای نمای های مختلف
آن را امتحان کنید: طراحی یک طرح دوازده ستونی
بررسی کنید: طراحی یک چیدمان دوازده ستونی
- نتیجه
مراحل بعدی: طرحبندیهای پیشرفته و UX
دوره آموزش آن را تمرین کنید – سی اس اس لی اوت، Linkedin – Practice It: CSS Layout، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است.
مفید و کاربردیه
از قیمت ها و کیفیت کاراتون راضی هستیم