>

Curso de Bootstrap 5 - Criando Layout Responsivo

Bootstrap é um framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia, melhorando a experiência do usuário em um site amigável e responsivo. Bootstrap é utilizado em uma infinidade de sites e aplicações web. Dois pontos tornam o Bootstrap um framework tão utilizado atualmente: a simplicidade de uso aliada à recursos para criação de interfaces modernas e ricas. Neste curso de Bootstrap 5 - Criando Layout Responsivo, inicialmente vamos entender o que é essa tecnologia e em quais situações seu uso é indicado. Com esses conceitos em mente, abordaremos seus principais recursos, passando, em seguida, para o desenvolvimento de uma layout completo e responsivo.

10 horas 

Para conclusão!

20 horas

no certificado!

Suporte

24 horas!

Avaliação

20 perguntas!

Código

incluso!


Faça esse curso e aprenda:

  • Conhecer estrutura do bootstrap e seus conceitos essenciais;
  • Entenderá as diferentes maneiras de incorporar o Bootstrap a uma aplicação web;
  • Compreenderá o Containers e Grid System;
  • Conseguirá criar interfaces responsivas e adaptativas de maneira muito simples;
  • Utilização de variáveis e efeitos no CSS;

Conteúdo do Curso

    Introdução
    • O que é Bootstrap
    • Porque utilizar Bootstrap
    • Components
    • Bootstrap 5
    • Layout responsivo
      • Instalação e Configuração
      • Utilizando biblioteca
      • Bootstrap via CDN
      • Download do Bootstrap
      • Inclusão dos arquivos .CSS e .JS
        • BootStrap Container e GridSystem
        • Classe Container
        • GridSystem
        • Classe row
        • Classes: col-sm, col-lg, col-md, col-xl etc
        • Utilities Bootstrap 5
          • Header Bootstrap (navbar)
          • Criando arquivo CSS principal (style.css)
          • Criando topo do Layout e barra de navegação
          • Classe navbar, navbar-expand-lg navbar-light
          • Classe navbar, navbar-expand-lg navbar-light
          • Classe navbar-nav, nav-item, nav-link active
            • Google Fonts e Tips CSS
            • Instalando Google Fonts no seu projeto
            • Font Roboto
            • Criando variáveis no CSS
            • Definindo fonte Roboto para navbar
              • Layout Responsivo
              • Semântica
              • section main
              • Section site-banner
              • Classes title-text, text-uppercase
              • Criando Botões Modernos
              • Efeito Hover em botões
              • Section about-area
              • Classe container-fluid
              • Section brand-area
              • Classes d-flex flex-row, p-3
              • Section brand-area
              • card-body, card-text
              • section footer
              • Layouts responsivos
              • @media only screen
                • Font Awesome
                • O que é Font Awesome
                • Buscando ícones
                • Configurando biblioteca font-awesome
                • Definindo icones, tamanhos e cores
                • Finalizando footer, com ícones de redes sociais


VEJA O PRIMEIRO VÍDEO DO CURSO



PÚBLICO ALVO

Este curso é destinado a desenvolvedores web que desejam iniciar seus estudos no Bootstrap e aprender a criar layouts responsivos.


NÍVEL DE DIFICULDADE

Básico ao Avançado


INSTRUTOR DO CURSO


Rafael Silva é autor da RL System. Especialista há diversos anos em tecnologias de desenvolvimento como Android, iOS, ASP.NET, PHP, Java, Delphi, Banco de Dados, Windows Phone e Front-End. Foi um dos primeiros autores a desenvolver um curso de Android e o primeiro a disponibilizar cursos de Java e Android gratuitamente.
Nesses anos de experiência, Rafael já desenvolveu projetos nacionais e internacionais, inclusive diversos treinamentos e desenvolvimento para projetos do governo Brasileiro.
É autor de diversos artigos na internet e possui mais de 4 mil vídeo aulas publicadas em diversos sites.

Vantagens em estudar na
RL System

Conheça algumas das vantagens em estudar com a RL System, se tornar um desenvolvedor Full Stak ou DevOps e dar um UP na sua carreira!

Plataforma de estudo simples e intuitiva

Através do Painel do Aluno, você tem acesso de forma simples aos seus cursos, arquivos, certificados e muito mais.

Suporte 24 horas para tirar suas dúvidas

Você tem suporte com nossos instrutores e moderadores em um fórum exclusivo para você tirar suas dúvidas.

Certificado ao final do curso

Todos os cursos da RL System emitem certificado, apôs uma prova online, comprovando que você realmente aprendeu.

Satisfação Garantida

A RL System possui mais de 300 mil alunos e mais de 500 mil certificados emitidos.

Planos de Estudos

Não sabe por onde começar? Temos planos de estudos exclusivos para Membros Gold. Torne-se agora um desenvolvedor Full Stack!

LiveCast

LiveCast semanal, ao vivo e online para tira dúvidas e ensino de novas tecnologias!