
Nesta aula iremos falar um pouco sobre as novidades da nova versão do Bootstrap 4.
Nesta aula vamos conhecer o que é e no que pode nos ajudar os famosos Framework.
Arquivos para a aula de instalação do Bootstrap 4.
Nesta aula você aprenderá a instalar o Bootstrap utilizando as CDNs.
Nesta aula você aprenderá a instalar o Bootstrap fazendo dowloand e instalando em pastas.
Nesta aula aprenderemos a base do framework que são os containers, breakpoints responsivos e o a propriedade Z-index.
Nesta aula você irá aprender a trabalhar com o sistema de 12 colunas do Framework Bootstrap 4.
Nesta aula você conhecerá a tipografia básica do Framework Bootstrap 4.
Conheça uma tipografia adicional para apresentar trechos de códigos que necessitam de destaque em seus sistemas.
Nesta aula você conhecerá a manipulação básica de imagens com o Framework.
Nesta aula aprenderemos a usar imagens e textos juntos na aplicação web.
Nesta aula iremos aprender a usar as tabelas pré formatados do Bootstrap 4.
Nesta aula iremos iniciar os componentes por um recurso muito importante na hora que o sistema deve enviar informações ao usuário.
Nesta aula aprenderemos a como utilizar os distintivos que podem ser usados para informar ao usuário sobre novidades e itens novos que podem conter em uma determinada área do nosso sistema.
Nesta aula aprenderemos um recurso importante que cria uma hierarquia de links em nossas páginas.
Nesta aula aprenderemos um dos componentes base de uma aplicação que são os botões, aprenderemos diversos usos dele no Bootstrap.
Nesta aula iremos aprender a criar diversos grupos de botões no framework.
Nesta aula aprenderemos os primeiros conceitos do uso dos cartões no framework Bootstrap 4.
Nesta aula continuamos a falar sobre cartões e nela aprenderemos a estilizar os cartões com algumas classes auxiliares do Bootstrap 4.
Nesta aula finalizamos o assunto sobre os cartões apresentando formas de agrupar cartões e melhorar a visualização deles em nossos sistemas.
Nesta aula aprenderemos um recurso muito importante e que geralmente é utlizado na primeira página de nossos sites para trazer uma rolagem de imagens.
Nesta aula vamos aprender a utilizar um componente muito legal que nos permite mostrar e ocultar conteúdos do sistema e também permite criar o efeito sanfona em nossos conteúdos.
Nesta aula aprenderemos a usar o componente Dropdown que faz com que submenus fiquem disponíveis em links ou botões.
Nesta aula iremos iniciar os trabalhos com os formulários, aprendendo a exibição básica dos mesmos.
Nesta aula você aprenderá outras formatações que podem ser utilizadas em formulários com o uso do Framework Bootstrap 4.
Nesta aula aprenderemos a agrupar botões e textos junto aos nossos inputs.
Nesta aula aprenderemos a utilizar o componente que cria a unidade herói de nossa aplicação, muito utilizada na index de sites na web.
Nesta aula você irá aprender a criar o design de um paginador usando as classes disponíveis do Bootstrap 4.
Nesta aula nos aprenderemos a usar o componente popover semelhante ao do IOS.
Nesta aula iremos aprender a forma mais simples de se trabalhar com uma lista no framework Bootstrap 4.
Nesta aula iremos aprender diversas formas de se trabalhar com as Listas dentro do Framework Bootstrap 4.
Nesta aula você irá aprender a criar o Modal que pode ser usado como alertas, marketing ou destaques em seu sistema.
Nesta aula você aprenderá a montar diversos estilos de navegadores dentro de sua aplicação.
Nesta aula você irá aprender as funções básicas da criação de uma barra de navegação com o Bootstrap 4.
Nesta aula aprenderemos a montar uma barra de navegação que pode ser usada fixa no topo ou rodapé e também iremos adicionar cores a nossa barra.
Nesta aula aprenderemos a criar uma barra de progresso simples e animada com o Bootstrap 4.
Nesta aula aprenderemos um componente que pode simplificar e substituir o uso do Popover.
Nesta aula você aprenderá a utilizar todas as variações e opções de bordas presentes no Framework.
Nesta aula você entenderá como funciona o sistema de cores que trazem um sentido visual a nosso sistema.
Nesta aula aprenderemos a incorporar conteúdos como vídeos do Youtube e tornar-los responsivo de acordo com seu aspect ratio.
Nesta aula você aprenderá as classes auxiliares que auxiliam no controle do tamanho do conteúdo.
Nesta aula aprenderemos como utilizar as classes de padding e margin presentes no Framework.
Nesta aula iremos aprender a como formatar nossos texto com base nas classes auxiliares do Bootstrap 4.
Nesta aula você terá a disposição diversas bibliotecas de ícones que podem ser utilizadas junto ao Bootstrap 4.
Nesta aula iremos aprender a instalar e utilizar a biblioteca de ícones Iconic junto ao Framework Bootstrap 4.
Arquivos para as aulas de Atualização do Bootstrap 4 Beta 2
Nesta aula iremos atualizar alguns arquivos para a nova versão do Bootstrap 4.
Veja o que iremos montar nesta seção.
Faça o download de todos os pacotes necessários para criação do nosso Dashboard.
Nesta aula iremos realizar a instalação do tema para criação do template de nosso Painel de Controle.
Nesta aula iremos criar o Layout da nossa Página de Login.
Nesta aula iremos criar o layout da página de nossa aplicação que pode ser usada para recuperar senhas de usuários.
Nesta aula iremos criar o Layout da página que poderemos usar para novos usuários criarem suas contas no sistema.
Nesta aula iremos iniciar todo o processo para a criação do template padrão do nosso tema.
Nesta aula iremos criar todo o conteúdo de links que irão compor nosso tema.
Nesta aula iremos criar o layout do corpo e o rodapé de nossa aplicação. Também iremos adicionar mais links desta vez ao topo de nossa aplicação.
Nesta aula iremos adicionar o segundo e terceiro nível ao menu lateral de nossa aplicação.
Nesta aula iremos criar um link que pode ser usado para apresentar mensagens aos usuários do sistema.
Nesta aula iremos criar um link que pode ser usado para apresentar alertas aos usuários do sistema.
Nesta aula você irá aprender a trabalhar os cards personalizados disponíveis com o tema.
Nesta aula você irá aprender a trabalhar com tabelas utilizando de ferramentas que o tema disponibiliza sendo a paginação, busca e ordenação de resultados.
Nesta aula você irá aprender a como traduzir os termos que estão em nossa tabela.
Veja o que iremos montar nesta seção.
Faça download de todos os pacotes necessários para a criação do nosso segundo projeto.
Nesta aula iremos adicionar o Bootstrap 4.1.1 a nosso template base e iniciar a construção de nossa OnePage.
Nesta aula iremos criar o topo de nossa aplicação e realizar as primeiras personalizações na página.
Nesta aula iremos adicionar um carrossel de imagens ao nosso projeto da OnePage.
Nesta aula iremos estilizar a seção de serviços na OnePage de nosso projeto.
Nesta aula iremos adicionar a seção de parceiros a nossa OnePage.
Nesta aula iremos montar a estrutura que conterá os contadores progressivos de nosso site.
Nesta aula iremos adicionar um efeito muito utilizado atualmente que é o efeito de Parallax na rolagem da página.
Nesta aula iremos adicionar um recursos bem legal que é um contador progressivo.
Nesta aula iremos montar a estrutura da seção de produtos em destaque de nossa One Page.
Nesta aula iremos realizar a estilização de nossa seção de produtos em destaques.
Nesta aula iremos adicionar e estilizar o rodapé do nosso template.
Nesta aula iremos adicionar um efeito de rolagem da página nos links da nossa OnePage.
Nesta aula aprenderemos a realizar a instalação da nova versão do Bootstrap 4.
Nesta aula aprenderemos a manipular o componente novo que pode ser usado em carregamento de páginas e arquivos.
Nesta aula conheceremos o novo recurso que permite criar Notificações semelhantes as que existem em Aplicativos para Celular.
Nesta aula conheceremos novas formatações para textos e o nova forma de renderização dos checkboxs.
Nesta aula conheceremos a nova forma de se trabalhar com margens no Framework e que ajudará na criação de layouts.
Nesta aula você irá aprender a como adquirir um domínio que servirá para ser o seu endereço na web.
Nesta aula aprenderemos a como realizar o cadastro no servidor comercial e resgatar nosso bônus.
Nesta aula aprenderemos a como criar nossa hospedagem sob medida.
Nesta aula iremos aprender a como configurar e enviar os nossos arquivos para a hospedagem.
Nesta aula você irá aprender a criar emails personalizados para comunicação com seus clientes.
Bootstrap é o mais popular framework HTML, CSS, e JS para desenvolvimento de projetos responsivo, ele é principalmente focado para trazer Responsividade para dispositivos móveis na web.
O Bootstrap é um projeto de código aberto originalmente construído para o Twitter. É um dos mais populares estruturas de front-end de HTML, CSS e JavaScript para desenvolvimento responsivo, primeiros aplicativos para web. Ele é um projeto gratuito e de código aberto, construído com Jekyll e hospedado no Github. Oferece uma variedade de componentes reutilizáveis prontamente disponíveis, que são fáceis de aprender e usar.
O Bootstrap torna o desenvolvimento front-end web mais rápido e fácil. Ele é feito para desenvolvedores de todos os níveis e se adapta a dispositivos de qualquer forma ou tamanho.
Ele usa o CSS tradicional, mas seu código fonte utiliza Sass, um popular pré-processador CSS.
Fácil e eficiente, com Bootstrap você adapta seus projetos web para celulares, tablets e para desktops através de media queries CSS de forma muito simples.
No curso aprenderemos elementos HTML comuns, dezenas componentes CSS e HTML personalizados e incríveis plugins jQuery.
Ao final do Curso faremos 2 Templates trabalhando com Temas do Bootstrap: um voltado a dashboard e outro para um site institucional estilo One Page.