Introduction to Bootstrap

The styling and presentation of your website is imperative, as it plays an important role in creating a sublime user experience. Therefore, you need to acquire design skills, which help you to create attractive websites. Add deadlines to the project where time is imperative and you realize you have quite a task at hand.

Several toolkits and frameworks have come to the fore to ease and streamline the task of web designing but none comes close to the open source framework, Bootstrap.

Bootstrap has become one of the most popular projects on the code-sharing platform GitHub.

It has good community support and a vast ecosystem including templates and extensions built around it. With a modular approach, Bootstrap saves you a considerable amount of time and effort allowing you to focus on the core parts of your web development projects.

Originally released initially by Twitter to maintain consistency in their internal web designing and development projects, Bootstrap has evolved and since the release of Version 3 and now has a mobile-first approach which helps you to create websites that function efficiently on mobile platforms despite the platform constraints.

    Objectives for this class:
  • Understand the advantages of using a component CSS framework.
  • Know the benefits of reusability in design and development
  • How grid work and how to use them in mobile and responsive design
  • Obtain an introduction to compiled CSS with LESS
  • How to work with 3rd party components
  • Integrate in existing web projects for fast development
  • Learn what other web tools use Bootstrap

Who Should Attend: This course is for anybody who creates and/or develops web sites or applications needing a framework to help them quickly prototype their designs or speed up their design process.

Outline
Week 1 - Bootstrap Scaffolding
  • Mobile first design
  • Why Bootstrap?
  • Including Bootstrap
  • Customizing install
  • Responsive Design
  • The "container" class
  • How Grids work in Bootstrap
    • Grid classes (.col-xs-, .col-sm-, .col-md-, .col-lg-)
    • Adding offsets to columns
    • Pushing and pulling columns
    • Nesting columns
  • Navigation components
    • Navs
    • Navbars
  • Jumbotron component
Week 2: Page Components
  • Headers
  • Panels
  • ListGroup
  • Breadcrumbs
  • Labels
  • Buttons
  • Glyphicons (with buttons, toolbars and form inputs)
  • Wells
Week 3: Page Components: Forms
  • Creating forms
  • Inline and horizontal forms
  • Form validation
Week 4: Bootstrap Plugins
  • Alert Messages
  • Buttons and button groups
  • ScrollSpy
  • Tabs
  • Collapse
  • Carousel
  • Modal
Week 5: Extending Bootstrap with Custom Plugins
  • Bootbox.js
  • DateTime Picker
  • Font Awesome
  • Off-Canvas
  • Image Gallery
  • Social Buttons
  • SweetAlert
  • Yamm3 Mega Menu
Week 6: Under the Hood and More Practice
  • Reviewing the Bootstrap CSS source code
  • Building another Bootstrap web page from scratch
Prerequisites
  • Students should be knowledgeable in HTML5, CSS, and basic responsive design concepts
Requirements

Books:
No Textbook Required
Suggested Resource Bootstrap Official Documentation

Additional information:

Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.

Refund Policy: Please read our Terms and Refund Policy before registering for this course.

Additional Cost: Book and software might be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

How eClasses Work:Instructors post lectures (text-based, no video or audio), reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class.

3766

Price: $240.00
IWA Member Price: $140.00
Course No.: D505
Instructor Frank Stepanski
Co-instructor/TA
CEUs 3
Duration 6 weeks
Cost 56
Open Courses:
- Start Date: Apr 03, 2017
(Register by: Apr 06, 2017)
- Start Date: May 01, 2017
(Register by: May 04, 2017)
- Start Date: May 30, 2017
(Register by: Jun 02, 2017)
- Start Date: Jun 26, 2017
(Register by: Jun 29, 2017)
- Start Date: Jul 24, 2017
(Register by: Jul 27, 2017)
- Start Date: Aug 21, 2017
(Register by: Aug 24, 2017)
- Start Date: Sep 18, 2017
(Register by: Sep 21, 2017)
- Start Date: Oct 16, 2017
(Register by: Oct 19, 2017)
- Start Date: Nov 13, 2017
(Register by: Nov 16, 2017)
Instructor's Profile:
InstructorFrank Stepanski has a Masters in software engineering and has over 10 years experience in web development. Frank has worked with technologies such as ASP.NET, SQL Server, PHP, MySQL, as well as HTML, CSS and JavaScript.
Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.
 

 Testimonials

Sorry, no testimonial has been posted for this course!

Ratings