English French German Italian Portuguese Russian Spanish

logo_old

  • Web Development Training

    InterSource offers live instructor-led courses on all important web design technologies, including Ajax, CSS, Dreamweaver, Expression, Google, HTML, JavaScript, and Web Accessibility.

    These live classes are offered both on client sites, at our Geneva training center, and via a Web interface.

  • About Web Development

    Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers.

    The intent of web design is to create a web site-a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.


    Read More
  • Course Details Web Development

    Classes are offered at client sites, at our Geneva training center, and via a live web conference. For detailed course outlines and scheduled classes, please see below.

    To book training, navigate to the course you need, then:

    • For scheduled online classes, register from the choices indicated.
    • If you need an alternative date, time or location, or if you want a live classroom course, click on “request an offer for this course,” to complete the form.

Introduction to Bootstrap with Sass

PDF Print Email

Course duration

  • 3 days

Course Benefits

  • Learn to install Bootstrap and Sass.
  • Learn to use Bootstrap for Typography.
  • Learn to create responsive forms with Bootstrap.
  • Learn to work with images in Bootstrap.
  • Learn about Bootstrap's helper utilities.
  • Learn about Bootstrap's components for creating modern web user interfaces.
  • Learn to use Bootstrap's JavaScript plugins for making sites interactive.
  • Learn to customize Bootstrap.
  • Learn to write SassScript to simplify and speed CSS development.
  • Learn to create functions in Sass.
  • Learn to use Sass together with Bootstrap.
  • Learn the best practices for managing Sass and Bootstrap code.
  • Learn to create Sass Mixins.
  • Learn how to test Sass code.
  • Learn how to deploy and maintain Sass and Bootstrap code in a professional environment.

Course 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 will receive a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this Bootstrap class:

  • CSS
  • HTML
  • Some familiarity with JavaScript
Prerequisite Courses
Since its founding in 1995, InterSource has been providing high quality and highly customized training solutions to clients worldwide. With over 500 course titles constantly updated and numerous course customization and creation possibilities, we have the capability to meet your I.T. training needs.
Instructor-led courses are offered via a live Web connection, at client sites throughout Europe, and at our Geneva Training Center.
Facebook TwitterGoogle BookmarksLinkedin