Criar sites responsivos com bootstrap

Bootstrap é o framework HTML, CSS e JavaScript mais popular para criar sites e sistemas web responsivos – ou seja, que se adaptam perfeitamente a celulares, tablets e desktops. Este curso te ensina a usar o Bootstrap para desenvolver projetos front-end web de forma rápida, moderna e elegante. Você vai descobrir como criar layouts incríveis com facilidade, independentemente do tipo de dispositivo.

Muitos sites de sucesso ao redor do mundo utilizam Bootstrap. Neste curso, você aprenderá os conhecimentos essenciais em CSS, Componentes e JavaScript para construir seus próprios projetos com Bootstrap CSS.

CSS com Bootstrap: Domine o Estilo Responsivo

Você aprenderá a configurar o CSS do Bootstrap, com foco no seu poderoso sistema de grid. Explore os seguintes tópicos:

• Visão Geral: Entenda a estrutura e os princípios do CSS do Bootstrap.
• Sistema de Grid: Crie layouts flexíveis e responsivos com o sistema de grid do Bootstrap.
• Tipografia: Personalize a aparência do texto em seus projetos.
• Tabelas: Crie tabelas estilizadas e responsivas.
• Formulários: Desenvolva formulários atraentes e fáceis de usar.
• Botões: Crie botões com diferentes estilos e funcionalidades.
• Imagens: Incorpore imagens de forma eficaz em seus projetos.

Componentes Bootstrap: Reutilize e Personalize

O Bootstrap oferece uma vasta gama de componentes reutilizáveis para agilizar o desenvolvimento. Este curso aborda:

• Ícones por Glyphicons: Adicione ícones de alta qualidade aos seus projetos.
• Dropdowns: Crie menus suspensos interativos.
• Grupo de Inputs (Campos): Organize e estilize os campos de entrada de formulários.
• Navegações: Desenvolva menus de navegação responsivos.
• Breadcrumbs (Rastro de Navegação): Melhore a navegação do usuário.
• Labels (Rótulos): Adicione rótulos claros e concisos aos seus formulários.
• Jumbotron (Telão): Crie seções de destaque visualmente impactantes.
• Cabeçalho de Página: Desenvolva cabeçalhos de página personalizados.
• Imagens Miniaturas: Exiba imagens em formato de miniaturas.
• Alertas: Mostre mensagens importantes aos usuários.
• Objeto de Mídia: Integre vídeos e outros conteúdos multimídia.

JavaScript com Bootstrap: Adicione Interatividade

Dê vida aos seus componentes Bootstrap com JavaScript! Neste curso, você aprenderá a usar JavaScript para:

• Visão Geral: Entenda como o JavaScript interage com os componentes Bootstrap.
• Modal: Crie janelas modais para exibir informações adicionais.
• Dropdown: Personalize o comportamento dos dropdowns.
• Alert: Adicione funcionalidades extras aos alertas.
• Botões: Implemente ações personalizadas nos botões.
• Collapse: Crie seções colapsáveis.
• Carousel: Desenvolva carrosséis de imagens e conteúdo.

Pré-requisitos: Conhecimento básico de HTML, JavaScript e CSS.