جمع جزء: 139,000 تومان
- × 1 عدد: آموزش ساخت REST API بوسیله Node.js - 139,000 تومان
در این دوره آموزشی قدم به قدم با Responsive Layout 2.0 آشنا شده و طراحی وب مدرن و زیبا بوسیله آن را یاد می گیرید.
عنوان اصلی : Responsive Layout 2.0
معرفی
سیر تکاملی طراحی واکنشگرا
آنچه شما باید بدانید
1. CSS calc() را یاد بگیرید
نمای کلی CSS calc().
استفاده از calc() در یک مثال طرح
چالش: ایجاد مقیاس نوع
راه حل: ایجاد مقیاس نوع
2. CSS Custom Properties را بیاموزید
نمای کلی ویژگی های سفارشی CSS
ویژگی های سفارشی CSS را پیکربندی کنید
ویژگی های سفارشی CSS و وراثت
ویژگی های سفارشی CSS و متغیرهای Sass
استفاده از متغیرهای Sass
چالش: ویژگی های سفارشی را به مقیاس تایپ اضافه کنید
راه حل: ویژگی های سفارشی را به مقیاس تایپ اضافه کنید
3. Layouts ایجاد کنید
یک سیستم شبکه چهار ستونی ساده را علامت گذاری کنید
یک CSS شروع برای سیستم گرید ایجاد کنید
درخواست های رسانه ای را به سیستم شبکه خود اضافه کنید
CSS را برای ادغام calc() و ویژگی های سفارشی بازنویسی کنید
برای ادغام شکاف ها بین سلول های شبکه، CSS را بازنویسی کنید
فرمول طرح بندی را حتی انعطاف پذیرتر کنید
چالش: ادغام پرس و جو رسانه
راه حل: ادغام پرس و جو رسانه
4. یک صفحه وب را بازسازی کنید
پروژه: از calc() و خواص سفارشی استفاده کنید
مرحله 1: طرح بندی شبکه را اعمال کنید
مرحله 2: ویژگی های سفارشی را به طرح بندی شبکه اضافه کنید
مرحله 3: یک مقیاس نوع و خصوصیات سفارشی را اعمال کنید
نتیجه
مراحل بعدی
Responsive Layout 2.0
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
آموزش طراحی وب آسان با فریم ورک Foundation 5
برنامه نویسی و اتومات سازی کارهای مختلف بدون کد با Zapier
آموزش ساخت نوارهای Navigation بوسیله HTML, CSS
CSS: Selectors
آموزش کار با Metadata های درون Head فایل های HTML
آموزش داده های معنا دار ساختارمند در HTML
دوره یادگیری مبانی Squarespace
آموزش پیشرفته CSS Media Queries
HTML و CSS: ایجاد المان های ناوبری
اصول برنامه ریزی بدون کد برای وب
✨ تا ۷۰% تخفیف با شارژ کیف پول 🎁
مشاهده پلن ها