Introducción a Bootstrap 5

Bootstrap 5: Build Responsive Websites Quickly & Easily

Looking to create responsive websites with speed and professionalism? Bootstrap 5 is the leading framework for modern web development. This course empowers you to build adaptable websites for any device, offering a wealth of tools to simplify your workflow as a designer or developer.

Perfect for Beginners: No prior experience is needed! This course is designed for individuals with no prior knowledge of Bootstrap. However, a basic understanding of HTML and CSS is recommended. You won't need to learn JavaScript – we focus solely on HTML and CSS for this course.

What You'll Learn:

• Bootstrap 5 Fundamentals: Understand the basics of Bootstrap 5 and how to install it locally or using a CDN.
• Responsive Grids: Master the Bootstrap grid system to create flexible and responsive page layouts.
• HTML vs. Bootstrap Styling: Explore the differences in typography and styling between standard HTML elements and Bootstrap components (e.g., abbr, mark, pre, kbd, blockquote).
• Navigation & Menus: Create a variety of navigation elements, including:
  • Stacked lists
  • Panels and panel groups
  • Dropdown menus
  • Collapsible lists
  • Accordions
  • Tabbed menus
  • Pill menus
  • Vertical menus
  • Centered tabs and pills
• Navigation Bars: Build standard and inverted navigation bars, add dropdowns, and position elements to the left and right. Learn to add buttons, forms, and collapsible navigation for smaller screens.
• Media Objects: Learn to create and modify media objects, including vertical centering, left/right justification, and nesting.
• Advanced Components: Develop engaging user interfaces with:
  • Image carousels (with captions)
  • Modal windows
  • Tooltips
  • Popovers
  • ScrollSpy
  • Affix
• Multi-Column Layouts: Design responsive pages with multiple columns that adapt seamlessly to small, medium, desktop, and wide screens.
• Utility Classes: Utilize essential Bootstrap utility classes like hidden, visible, clearfix, offset, pull, and push for precise layout control.

Course Resources:

You'll receive comprehensive notes for each section, plus over 100 practical exercises to solidify your understanding and achieve your web development goals.

System Requirements:

• A computer with internet access.
• A modern web browser.
• A code editor (e.g., Sublime Text, Brackets, Dreamweaver).