curso Bootstrap: Trabalhando com Design Responsivo

Este curso tem como objetivo apresentar o framework Bootstrap 3. Para isso, inicialmente vamos entender o que é essa tecnologia e em quais situações seu uso é indicado. Com esses conceitos em mente, abordaremos os componentes que foram atualizados, assim como os novos recursos, passando, em seguida, para o desenvolvimento de uma aplicação. A partir disso, você estará apto a dominar o Bootstrap e passar a utilizá-lo em seus projetos.

Este conteúdo faz parte do guia:

/
Iniciar Carga Horária - 45H

Curso Grátis de Bootstrap

Aula 1

Introdução

Iniciaremos um novo curso de front-end e desta vez vamos explorar os novos recursos do Framework Bootstrap3 e quais suas diferenças entre esta nova versão e a versão 2.3. Nesta videoaula vamos aprender a configurar o ambiente de trabalho.
Free
Aula 1 - Free

Introdução

Aula 2

Inclusão do Framework e criação de um template básico

Nesta videoaula vamos aprender sobre a estrutura de arquivos do Bootstrap e ainda como criar um template básico usando os arquivos locais e ainda utilizando recursos de inclusão dos arquivos através de serviço de CDN.
Free
Aula 2 - Free

Inclusão do Framework e criação de um template básico

Aula 3

Mobile first

Nesta videoaula aprenderemos o que é um site mobile first. Após, aprenderemos como utilizar os recursos responsivos do Framework Bootstrap na sua versão 3.
Free
Aula 3 - Free

Mobile first

Aula 4

Introdução ao uso de grids

Vamos aprender como trabalhar com grids usando Bootstrap, como definir containers, linhas e colunas e ainda como subdividir nossas linhas em colunas de acordo com a nossa necessidade.
Free
Aula 4 - Free

Introdução ao uso de grids

Aula 5

Colunas de acordo com o tamanho da tela do dispositivo

Vamos aprender como utilizar os recursos de responsividade do Bootstrap trabalhando com o novo sistema de grid implementado na versão 3 do Framework. Vamos aprender as diferenças entre a versão 2 e 3 como utilizar os novos recursos.
Free
Aula 5 - Free

Colunas de acordo com o tamanho da tela do dispositivo

Aula 6

Aninhamento de colunas e offsets

Vamos aprender como reunir todos os conceitos sobre grids já vistos no curso, onde trabalharemos com aninhamento de linhas e offsets de acordo com a resolução do monitor em que o sistema estiver sendo exibido.
Free
Aula 6 - Free

Aninhamento de colunas e offsets

Aula 7

Trabalhando com textos e fontes

Vamos aprender trabalhar com tipografia usando Bootstrap, onde veremos os mais variados elementos textuais tipo parágrafos, títulos e demais estilos de alinhamento de textos fornecidos pelo Framework.
Free
Aula 7 - Free

Trabalhando com textos e fontes

Aula 8

Listas e citações

Vamos avançar em nossos estudos acerca do uso de tipografias, aprendendo como trabalhar com ênfase em textos, listas ordenadas e ainda listas de descrição tanto na vertical quanto na horizontal, melhorando a exibição de nossos elementos.
Free
Aula 8 - Free

Listas e citações

Aula 9

Trabalhando com tabelas

Vamos trabalhar com o uso de tabelas, criando tabelas responsivas e ainda usando os recursos de contextualização do Framework Bootstrap e ainda aprendendo as principais formatações de tabelas.
Free
Aula 9 - Free

Trabalhando com tabelas

Aula 10

Trabalhando com formulários

Vamos trabalhar com o uso de formulários utilizando os recursos do Framework Bootstrap, criando formulários verticais, horizontais e ainda formatação de campos para validações e ainda tamanho de campos e grupos.
Free
Aula 10 - Free

Trabalhando com formulários

Aula 11

Trabalhando com botões

Vamos aprender como trabalhar com a declaração de botões e as principais formatações disponíveis, tal como botões default e ainda botões em bloco, da mesma forma como botões desabilitados e ativos.
Free
Aula 11 - Free

Trabalhando com botões

Aula 12

Imagens responsivas

Vamos aprender como trabalhar com imagens responsivas utilizando o Framework Bootstrap e ainda como aplicar as formatações de imagens circulares e bordas arredondadas.
Free
Aula 12 - Free

Imagens responsivas

Aula 13

Helper Classes

Vamos aprender como utilizar as helper classes do Framework Bootstrap, onde aprenderemos sobre diversos elementos de cores e alinhamentos, bem como floats, center-blocks e demais classes auxiliares.
Free
Aula 13 - Free

Helper Classes

Aula 14

Responsive Utilities

Vamos aprender como exibir ou esconder objetos de acordo com o tamanho do monitor através do uso das responsive utilities do Framework Bootstrap, bem como não exibir elementos em uma versão para impressão da página que estiver sendo exibida.
Free
Aula 14 - Free

Responsive Utilities

Aula 15

Usando Less

Vamos aprender como fazer uso da metologia Less para realizar customizações globais no Framework Bootstrap, possibilitando customizar e trocar as cores de todo o sistema de maneira fácil e intuitiva através do uso de arquivos Less.
Free
Aula 15 - Free

Usando Less

Aula 16

Glyphicons

Vamos aprender como fazer uso dos Glyphicons que foram implementados nesta nova versão do Framework Bootstrap e que podem ser utilizados de forma gratuita por usuários do framework.
Free
Aula 16 - Free

Glyphicons

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Avaliação do curso

Como adquirir esse curso?

Acesse esse e todos os demais cursos devmedia sendo um assinante mvp

Benefícios MVP
  • Guias de referência
  • Suporte em tempo real
  • Assista o conteúdo offline
  • Emissão de certificado
  • #JOBS - Diversas vagas de emprego
  • Web-currículo
SEJA MVP
R$ 69,90 /mês
Assine agora e tenha acesso ao curso
15 anos de treinamento online
700 mil cadastros
140 mil fãs no facebook
100 mil certificados emitidos