WEB-BS
Bootstrap 4
Web development with more efficient tools: bootstrap 3 and 4
Description
The aim of the course is to teach students how to use the jQuery JavaScript library, which makes the basic JavaScript language simpler and easier to use. With jQuery, they will be able to create browser-independent solutions much faster. With the Bootstrap 4 CSS framework, they will be able to create responsive websites with minimal time investment, with a layout and look that is adapted to the size of the device. Use and customise the static and dynamic elements of Bootstrap 4.
Outline
Introduction
- About Bootstrap
- Usage, the beginner template
The Bootstrap grid system
- What is a grid? Flexbox grid.
- container, container-fluid, .container-{breakpoint}
- row, and col class
- breakpoints
- media queryk
- col class postfixes, responsive display
- Offset classes
- Order classes
- Vertical and horizontal alignment
- Embed rows
Other
- d-none, d-sm-none etc, .d-print-none and sr-only
- Utiliytik
- Typography
- Table, figure
Structure of a complete page
- Home page
- carousel
- media object
- they said about us
- card
- img
- Team
- card
- progess
- img
- tooltip
- Blog
- quote from
- pagination
- img fluid
- badge
- FAQ
- accordion
- Contact (form, button, chk?, modal)
- Header - where?
- jumborton
- Footer
- newer nav
- icons
- Header - where?
Prerequisites
Windows 10+ user level skills. Knowledge of HTML, CSS, or completion of our Fundamentals of Enterprise Web Development training.