پیشنهاد فرادرس

سفارشی سازی Bootstrap 3 با LESS

دسته بندی ها: آموزش بوت استرپ (Bootstrap) ، فریمورک ها ، آموزش های لیندا (Lynda) ، آموزش طراحی وب ، آموزش LESS ، آموزش CSS

سفارشی-سازی-bootstrap-3-با-less

LESS یک ابزار ساده است که شما می توانید در آن متغیر، عملگر، تابع و ... تعریف کنید و در CSS از آن استفاده کنید.

در این دوره آموزشی از موسسه Lynda با نحوه سفارشی سازی Bootstrap با استفاده از LESS آشنا می شوید.

سرفصل های دوره آموزشی:

  • دانلود و نصب Bootstrap
  • دانلود و نصب jQuery
  • پیکربندی و شروع وب سایت با Bootstrap
  • سفارشی کردن Bootstrap با استفاده از صفحه نمایش های سفارشی
  • کار با LESS
  • دانلود، نصب و پیکربندی کامپایلر Prepros LESS
  • بررسی ساختار فایل LESS
  • کامپایل LESS با Prepros
  • تبدیل custom.css به LESS
  • کار با Google Fonts  و LESS
  • حل پیشرفته تغییرات با استفاده از LESS 
  • طراحی ظاهر برنامه با JumboTron
  • طراحی ظاهر منو و پانل
  • ایجاد یک دکمه سفارشی با mixin ها
  • ایجاد دکمه های مختلف با اندازه mixin

لیست سرفصل های دوره آموزشی:

Do more with LESS in Bootstrap. In this course, Jen Kramer shows you how to customize the look and feel of your Bootstrap site with LESS CSS, as well as LESS mixins and Bootstap's own customization screens. You'll learn how to configure Prepros, a LESS compiler; work within the LESS file structure; and start modifying fonts, color, spacing, and more with the variables.less file. Then LESS's mixins will allow you to make advanced customizations like custom buttons and tab styles. Just press Play to start learning.
Topics include:
Setting up your working environment for Bootstrap and LESS
Understanding the LESS file structure
Creating and manipulating LESS variables
Working with LESS mixins
Creating custom styles using mixins and variables

Introduction 10m 6s Welcome 52s Using the exercise files 1m 35s Working with challenges 39s What are Bootstrap and LESS? 3m 50s A few words on LESS, Sass, CSS preprocessors, and workflows 3m 10s 1. Getting Started 12m 53s Downloading and installing Sublime Text 2 52s Downloading and installing Bootstrap 3m 14s Download and install jQuery 2m 49s Configuring and examining the starting Bootstrap website 3m 59s Customizing Bootstrap using Bootstrap's customization screen 1m 59s 2. Working with LESS 14m 27s Downloading, installing, and configuring the Prepros LESS compiler 3m 12s Examining the LESS file structure 3m 56s Compiling LESS with Prepros 3m 26s Converting custom.css to LESS and compiling 3m 53s 3. Simple LESS Customizations 34m 57s Understanding and changing variables with variables.less 7m 17s Working with Google Fonts and LESS 4m 7s Styling the JumboTron 9m 21s Styling the nav bar 8m 24s Challenge: Styling the panels 1m 27s Solution: Styling the panels 4m 21s 4. Advanced LESS Customizations 21m 6s Understanding mixins 5m 25s Creating a custom button with mixins 3m 59s Styling the tabs 7m 54s Challenge: Creating different-sized buttons with mixins 1m 11s Solution: Creating different-sized buttons with mixins 2m 37s Conclusion 3m 15s Minifying the CSS and launching your site 2m 29s Next steps 46s

عنوان دوره: Lynda - Customizing Bootstrap 3 with LESS حجم فایل: 432MB

آیا این نوشته را دوست داشتید؟
Lynda Customizing Bootstrap 3 with LESS

پیشنهاد فرادرس