Bootstrap para Verdadeiros Iniciantes

Uma maneira rápida e profissional de criar páginas responsivas

O Bootstrap é, sem dúvida, o framework mais amplamente utilizado para criar páginas da web responsivas de forma rápida e profissional em todo o mundo. Ele não apenas nos permite adaptar nossas páginas da web a qualquer dispositivo, mas também nos fornece uma ampla gama de ferramentas para simplificar a vida dos designers e desenvolvedores da web. Este curso é focado em pessoas que não têm conhecimento sobre o assunto, mas desejam ser capazes de criar páginas flexíveis e poderosas. É necessário ter conhecimentos básicos de HTML e CSS, mas você não precisa ser um especialista na área. Não é necessário conhecimento de JavaScript, pois não estaremos usando essa linguagem. Ao final do curso, você será capaz de: - Compreender o básico do Bootstrap, como instalá-lo em seu computador ou a partir de um CDN, e usar o sistema de grid para criar uma página responsiva. - Aprender as diferenças tipográficas e de estilo entre HTML e Bootstrap em tags como abbr, mark, pre, kdb ou blockquote. - Aprender a criar listas agrupadas, painéis e grupos de painéis, menus suspensos, listas colapsáveis, criar um acordeão, menus com abas, menus de pílulas, menus verticais, bem como abas e pílulas centralizadas no Bootstrap. - Criar barras de navegação normais e invertidas, adicionar um menu suspenso, criar opções no lado direito e esquerdo da barra, adicionar botões, um formulário e criar uma barra colapsível para um dispositivo pequeno. - Aprender a criar e modificar objetos de mídia, centralizá-los verticalmente, justificá-los à esquerda ou à direita, ou aninhá-los. - Criar um carrossel de imagens e posteriormente adicionar legendas, criar janelas modais, adicionar uma dica de ferramenta a um elemento HTML, criar popovers, bem como uma barra ScrollSpy e um componente Affix. - Criar páginas de várias colunas responsivas para dispositivos pequenos, dispositivos médios, computadores desktop e telas largas. Você também aprenderá o uso de classes como hidden, visible, clearfix, offset, pull e push. No curso, você encontrará notas para cada seção, bem como mais de 100 exercícios que o ajudarão a alcançar nossos objetivos. Para este curso, você precisará de um computador com acesso à internet e um navegador moderno, além de um editor de código como SublimeText, Brackets, Dreamweaver, etc.

O que você aprenderá

Ao final deste curso, você será capaz de: - Compreender o básico do Bootstrap, como instalá-lo em seu computador ou a partir de um CDN, e usar o sistema de grid para criar uma página responsiva. - Aprender as diferenças tipográficas e de estilo entre HTML e Bootstrap em tags como abbr, mark, pre, kdb ou blockquote. - Aprender a criar listas agrupadas, painéis e grupos de painéis, menus suspensos, listas colapsáveis, criar um acordeão, menus com abas, menus de pílulas, menus verticais, bem como abas e pílulas centralizadas no Bootstrap. - Criar barras de navegação normais e invertidas, adicionar um menu suspenso, criar opções no lado direito e esquerdo da barra, adicionar botões, um formulário e criar uma barra colapsível para um dispositivo pequeno. - Aprender a criar e modificar objetos de mídia, centralizá-los verticalmente, justificá-los à esquerda ou à direita, ou aninhá-los. - Criar um carrossel de imagens e posteriormente adicionar legendas, criar janelas modais, adicionar uma dica de ferramenta a um elemento HTML, criar popovers, bem como uma barra ScrollSpy e um componente Affix. - Criar páginas de várias colunas responsivas para dispositivos pequenos, dispositivos médios, computadores desktop e telas largas. Você também aprenderá o uso de classes como hidden, visible, clearfix, offset, pull e push.