Responsive & Bootstrap Training

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. In this course we'll see how to use Bootstrap's CSS and JavaScript to turn plain HTML into navigational menus, picture carousels, split buttons, alerts, modal dialogs, and more. As an open source and free gift from the developers at Twitter, Bootstrap is a pure CSS and JavaScript framework that you can use with any editor or server technology.

Module 1 (Layout with Bootstrap)

  • Grid Layouts
  • Simple Layouts
  • Fixed Grids
  • Fluid Grids
  • Responsive Design
  • Responsive Utilities

Module 2 (Bootstrap Components)

  • Dropdown Menus
  • Buttons with Menus
  • Tabs & Pills
  • Forms
  • Images & Icons
  • Typography

Module 3 (Bootstrap & Javascript)

  • Modals
  • Tooltips & Popovers
  • Scrollspy
  • Carousel
  • Tabbing Structure
  • Tooltip

Learning Outcomes

Learn web design and upon completion of this course you will know how to create an HTML page and add content and images, links, divs and lists. You will have a good understanding of the meaning of inheritance, cascade, pseudo classes, pseudo elements and selectors which are concepts that are commonly used in web pages. You will become familiar with using font, background styles and style sheets.

This course will help you use Adobe Dreamweaver to create a website with HTML, CSS, JavaScript, and Photoshop. It will help you to understand naming conventions, index files, welcome screen, graphical user interface (GUI) and many more settings that are useful when creating a website successfully.