Aprenda o Framework Bootstrap do zero
Acelere o desenvolvimento da interface gráfica frontend com o framework Bootstrap, HTML, CSS e JavaScript. Classificação: 4.5 de 5 com 1 avaliação. 13 horas totais. 90 palestras. Todos os níveis.
Acelere o desenvolvimento da interface gráfica frontend com o Bootstrap, HTML, CSS e JavaScript.
O desenvolvimento web evoluiu significativamente ao longo do tempo. É necessário criar sites com uma arquitetura sólida, elegantes, fáceis de usar e que possam ser perfeitamente exibidos em todos os tipos de dispositivos atuais, como telas de computador, tablets ou smartphones. Isso requer um bom entendimento das linguagens web fundamentais (HTML, CSS e JavaScript) para concluir projetos com sucesso. No entanto, vamos ser honestos, às vezes pode ser longo e difícil. Para nos ajudar nessa tarefa, podemos usar frameworks. Frameworks são coleções de blocos de código bem estruturados e prontos para uso (HTML, CSS e JavaScript) que nos permitem começar com uma base sólida para criar nossos sites. Existem muitos frameworks disponíveis, mas o mais amplamente utilizado é, sem dúvida, o Bootstrap. Inicialmente, foi criado internamente para unificar as interfaces das aplicações do Twitter. Em seguida, um dos dois arquitetos, Mark Otto, criou um projeto aberto para todos, disponibilizando-o no GitHub. Atualmente, o Bootstrap está disponível na versão 5. O Bootstrap oferece recursos muito robustos para o desenvolvimento de nossos sites, com uma abordagem de Responsive Web Design resoluta. O Bootstrap também utiliza os recursos de layout mais recentes, incluindo o uso dos módulos CSS3 Flexbox e Grid propostos pelo W3C. Aqui estão os recursos que o Bootstrap nos oferece: Uma grade de layout para organizar as diferentes caixas de exibição dos sites. Essa grade é imediatamente Responsive Web Design, o que significa que a exibição se adaptará às telas de vários dispositivos: computadores, tablets e smartphones. Estilos CSS para formatar texto, tabelas e formulários... Estilos CSS para exibir botões atraentes e imagens elegantes. Componentes de interface para aprimorar seus sites: barra de menu, grupo de botões, breadcrumb, paginação, miniatura de imagem, lista... Inúmeras regras CSS que ajudam a melhorar o design de suas páginas da web de forma elegante: esquemas de cores, bordas, floats e posições para blocos de informações, margens adicionais... Neste curso, você começará aprendendo como instalar o Bootstrap usando vários métodos, dependendo dos objetivos de seus projetos de desenvolvimento web. Em seguida, você aprenderá técnicas de layout do Bootstrap com base no módulo CSS3 Flexbox para projetar sites de Responsive Web Design que se adaptarão automaticamente à tela de exibição (tela de computador, tablet ou smartphone). Você explorará os diferentes componentes CSS do Bootstrap para otimizar suas páginas da web: para texto, imagens, tabelas, formulários, componentes de interface e botões. Você aprenderá como criar navegação usando barras de navegação e menus. Você estudará exemplos de regras CSS que permitirão formatar elementos de interface, como bordas, esquemas de cores, floats, margens e preenchimento... Pré-requisitos: Motivação. Com um computador (é melhor!).
O que você aprenderá:
Neste curso, você aprenderá todos os fundamentos do Framework Bootstrap
Use a versão mais recente do Bootstrap para todos os seus projetos
Use animações suaves com o Bootstrap
Implemente classes e componentes do Bootstrap
Entenda o que é uma grade CSS
Tenha um design bonito e profissional sem gastar horas no design
Crie projetos complexos com o Bootstrap
