Summary
Keywords
Full Transcript
Quer saber mais sobre o nosso Curso Completo de HTML e CSS? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/javascript/esperajsimpressionador?origemurl=hashtag_yt_org_lesfs__maoHDmRu3z4&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=aprenda-bootstrap-3-02&conversion=leshc-fev-25 PARA ACESSAR O MINICURSO GRATUITO DE HTML E CSS (LANDING PAGE): https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_maoHDmRu3z4&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=aprenda-bootstrap-3-02&conversion=leshc-fev-25 ----------------------------------------------------------------------- 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/html-css/arquivo/download?curso=htmlcss&id=1dXvjP7n8Snu78zJ5AcPyK81HOTWX7cSC&origemurl=hashtag_yt_org_planilhahc_maoHDmRu3z4&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=aprenda-bootstrap-3-02&conversion=leshc-fev-25 💻 Recomendação de vídeo: Aprenda SASS em 30 minutos: Instalação, Variáveis e Mixins Explicados https://youtu.be/5JZH8cmMk1I Instalação do VS Code para Programação em HTML e CSS https://youtu.be/WyXcfCPlIlk Criando um tema escuro claro com CSS e JavaScript (Light and Dark Mode) https://youtu.be/C8Vpew0B_WI ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/como-usar-bootstrap-html-e-css ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt&origemurl=hashtag_yt_org_incompany_maoHDmRu3z4&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=aprenda-bootstrap-3-02&conversion=leshc-fev-25 ----------------------------------------------------------------------- Você sabe como usar o Bootstrap? Nessa aula, você vai aprender como usar esse framework para criar sites modernos, responsivos e estilosos de forma rápida e fácil. Vamos começar entendendo como acessar o Bootstrap e navegar pela documentação, um passo essencial para qualquer desenvolvedor. Em seguida, você verá como instalar o Bootstrap e configurar um projeto do zero. Você vai aprender desde a instalação até a criação e importação de layouts completos, utilizando containers, botões e personalização de estilos. O Bootstrap facilita muito o desenvolvimento web, permitindo criar projetos sem precisar escrever todo o CSS do zero. Mas, assim como toda ferramenta, ele tem vantagens e desvantagens. Vamos falar sobre isso para te ajudar a entender quando o Bootstrap é a melhor escolha para seus projetos. Se você quer dominar Bootstrap, desenvolvimento web e design responsivo, essa aula é para você! Bora aprender? Então já deixa o like, se inscreve no canal e vem comigo! ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:35 Como acessar o Bootstrap? 01:45 Documentação do Bootstrap 02:20 Instalando o Bootstrap 06:15 Criando o título H1 da página 07:05 Ferramentas do desenvolvedor: Verificando o Bootstrap 08:30 Adicionando mais elementos à página 09:11 Importância da documentação 11:12 Containers no Bootstrap 13:35 Botões no Bootstrap 16:53 Templates prontos - Exemplos do Bootstrap 18:15 Baixando e importando o exemplo pro projeto 19:00 Usando um header pronto do Bootstrap 20:15 Personalizando a logo da header 21:17 Trocando de header 22:10 Desvantagens do Bootstrap 23:30 Conclusão #htmlecss #htmlcss #html #css #hashtagprogramacao
