آموزش بوت استرپ 4 با Sass

Bootstrap 4 with Sass

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Bootstrap محبوب ترین چارچوب برای ساختن وب سایت های دارای پاسخ برای تلفن همراه است. هنگامی که آن را با Sass ترکیب می کنید ، به ابر قدرت های CSS و سطح سفارشی سازی که قدرت بوت استرپ را بیشتر می کند ، بدست می آورید. این دوره تفاوت بین بوت استرپ معمولی و نسخه جدید Sass-based ، Bootstrap 4 را بررسی می کند و نحوه استفاده از ویژگی های مجهز به Sass برای ساخت سایت های سفارشی تر را نشان می دهد. مربی Ray Villalobos نحوه نصب کتابخانه ها برای افزودن فونت ها ، آیکون ها و انیمیشن های سفارشی را نشان می دهد. از متغیرهای Sass ، نقشه ها و مخلوط ها برای ایجاد طرح های سفارشی استفاده کنید. تنظیمات جهانی را تغییر دهید و م componentsلفه های موجود را با CSS و Sass سفارشی کنید.
موضوعات شامل:
  • نصب بوت استرپ 4
  • نصب قلم ها و کتابخانه های اضافی
  • سفارشی سازی بوت استرپ 4
  • پیکربندی متغیرهای Sass
  • تنظیم تنظیمات جهانی
  • استفاده از مخلوط های ابزار
  • تنظیم م componentsلفه ها با CSS و Sass

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

مقدمه Introduction

  • کار با Sass Bootstrap Working with Sass Bootstrap

  • استفاده از تمرینات این دوره Using the exercises for this course

1. تنظیم 1. Setting Up

  • نصب ساده Bassstrap Sass Simple Sass Bootstrap installation

  • کار با یک پروژه وبلاگ Working with a blog project

  • نصب فونت های اضافی Installing additional fonts

  • نصب animate.css Installing animate.css

  • افزودن CSS برای کد برجسته سازی نحو Adding CSS for syntax highlighting code

  • نصب كتابخانه هاي JavaScript Installing JavaScript libraries

2. شخصی سازی نصب شما 2. Customizing Your Installation

  • متغیرهای پیکربندی جهانی Global configuration variables

  • ایجاد یک فایل متغیر سفارشی Creating a custom variable file

  • تغییر رنگ ها Modifying colors

  • با استفاده از نقشه ها برای اضافه کردن رنگ ها Using maps to add colors

3. کار با تنظیمات Global Bootstrap 3. Working with Global Bootstrap Settings

  • اندازه فونت های پاسخگو را فعال کنید Enabling responsive font sizes

  • شیب ها ، سایه ها و گرد بودن Gradients, shadows, and roundness

  • فضاها و اندازه ها Spaces and sizes

  • سایر تنظیمات جهانی Other global settings

4- با استفاده از نرم افزار Mixins 4. Using Utility Mixins

  • کنترل نقاط بازرسی Controlling breakpoints

  • تنظیم روده ها Adjusting gutters

  • مؤلفه های اصلاح شده Modifying components

  • تنظیم با CSS و Sass Adjusting with CSS and Sass

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش بوت استرپ 4 با Sass
جزییات دوره
1h 56m
21
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
13,247
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ray Villalobos Ray Villalobos

مربی کارکنان ارشد در LinkedIn Learning

Ray Villalobos یک معلم طراحی/توسعه کامل و مدرس کارکنان ارشد در LinkedIn Learning است.

دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.

پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.