Introduction to Bootstrap with Sass

  4.7 out of 5 - Read Testimonials

See Course Outline

Training for your Team

3
Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors

Training for Yourself

$1,575.00
or 3 vouchers
  • Live Online Training
  • For Individuals
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option
  • 1-minute Video

Upcoming Classes

Please select a class.
Overview

In this 3-day course, students will learn how to design, develop, and manage responsive web and mobile sites and applications using Bootstrap and Sass.

Goals
  1. Learn to install Bootstrap and Sass.
  2. Learn to use Bootstrap for Typography.
  3. Learn to create responsive forms with Bootstrap.
  4. Learn to work with images in Bootstrap.
  5. Learn about Bootstrap's helper utilities.
  6. Learn about Bootstrap's components for creating modern web user interfaces.
  7. Learn to use Bootstrap's JavaScript plugins for making sites interactive.
  8. Learn to customize Bootstrap.
  9. Learn to write SassScript to simplify and speed CSS development.
  10. Learn to create functions in Sass.
  11. Learn to use Sass together with Bootstrap.
  12. Learn the best practices for managing Sass and Bootstrap code.
  13. Learn to create Sass Mixins.
  14. Learn how to test Sass code.
  15. Learn how to deploy and maintain Sass and Bootstrap code in a professional environment.
Outline
  1. Bootstrap Basics
    1. Global Styles
    2. Grid System
  2. Bootstrap Typography
    1. Globals and Blocks
    2. Inline Elements
    3. Alignment
    4. Lists
    5. Tables
  3. Bootstrap Forms
    1. Inline Forms
    2. Horizontal Forms
    3. Input Types
    4. Buttons
  4. Images, Helper Classes, Utilities
    1. Images
    2. Other Helper Classes
    3. Responsive Utilities
  5. Bootstrap Components
    1. Glyphicons
    2. Drop-down Menus
    3. Navigation Elements
    4. Breadcrumbs
    5. Pagination
    6. Labels
    7. Badges
    8. Jumbotron
    9. Page Header
    10. Thumbnails
    11. Alerts
    12. Progress Bars
    13. Media Objects
    14. List Group
    15. Panels
    16. Responsive Embed
    17. Wells
  6. Bootstrap JavaScript Plugins
    1. Events
    2. Modals
    3. Dropdown
    4. Scrollspy
    5. Tabs
    6. Popover
    7. Alerts
    8. Buttons
    9. Collapse
    10. Carousel
    11. Affix
  7. Advanced Topics
    1. Customizing Bootstrap
    2. Introduction to Bootstrap
  8. Introduction to CSS Preprocessing
    1. What's wrong with CSS?
    2. What is a CSS Preprocessor?
  9. SASS Basics
    1. Installing and Configuring Sass
    2. Using Sass with Bootstrap
    3. Sass vs. SCSS Syntax
    4. Output Styles
  10. Organizing and Including Sass Code
    1. Partials
    2. Code Organization
  11. SassScript
    1. Comments in Sass
    2. SassScript Data Types
    3. Using Variables in Sass
  12. Operations in Sass
    1. Numeric Operations
    2. Color Operations
    3. String Operations
    4. Interpolation in Sass
    5. Boolean Operations
    6. List Operations
  13. Control Directives and Expressions
    1. If() and &if
    2. &for
    3. each
    4. while
  14. Functions in Sass
    1. Using Built-in Functions
    2. Define Your Own Functions
    3. &-Rules and Directives
    4. &import
    5. &media
    6. &extend8
    7. &debug, &warn, &error
  15. Nesting
    1. The Inception Rule
    2. Namespaced Properties
  16. Mixins
    1. Mixin Directives
    2. Arguments in Mixins
    3. Including Mixins
    4. Finding and Using Mixin Libraries
    5. Testing and Debugging Sass
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this CSS class:

  • CSS
  • HTML
  • Some familiarity with JavaScript
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

98,307

Students who have taken Live Online Training

16,247

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.44

Students rated our Introduction to Bootstrap with Sass trainers 9.44 out of 10 based on 2 reviews

Instructor provided both content and an approach that addressed our technical and business audience. We all gained new insights into the tools and how to used Business Objects at our company.

Sue Daulton, Tacoma Public Utilities
Tacoma WA

Great course!

Zibing Wang, Center for Prostate Disease Research
Rockville MD

Excellent trainer! She understands the material and how to teach it. Very impressed.

Ben Peacock, Academic Travel Abroad

This was my second class with Webucator and both were very good. I highly recommend them.

Art Mcleod, Contitech
Bowmanville ON

Contact Us or call 1-877-932-8228