Curso Online de CSS3 - Design Responsivo - Avançado

Neste curso, você aprenderá que os “ingredientes” para se criar um web design responsivo são: Layout flexível, mídias flexíveis (inclusive, imagens) e Media Queries. E o propósito deste curso é exatamente ensinar estes assuntos.

Por apenas:

10x de R$ 16,49

sem juros no cartão ou R$ 164,90 à vista

Adicionar ao carrinho

Ao final do curso, receba o certificado impresso em casa, sem custo adicional.

Curso com
certificado de 40 horas

Satisfação garantida

ou seu dinheiro de volta!

Curso com vídeo-aulas!

Mais de 1h20 de vídeo-aulas.

Sobre o curso

Sobre o curso de CSS3 - Design Responsivo

Ethan Marcotte (idealizador do conceito), inspirado pelo conceito de arquitetura responsiva – no qual prédios inteiros podem ser feitos para “responder” às pessoas que nele se encontram, alterando a opacidade de vidros para conferir maior privacidade para quem está no recinto e até mesmo mudar a posição de suas paredes para beneficiar o tipo de pessoas que por ele transita – pensou: "E se os sites também se adaptassem aos dispositivos que os acessam?".

Devido à grande popularização de dispositivos diversos com acesso à web e da necessidade de proporcionar uma boa e facilitada experiência para os que acessam web sites destes dispositivos, ter o conhecimento para desenvolver um site/sistema responsivo é um fator fundamental para o seu sucesso.

E este curso irá lhe mostrar como usar o CSS para deixar suas aplicações web responsivas, você também aprenderá sobre conceitos, como definir as medidas da aplicação e sobre como calcular a relatividade para o web design responsivo.

Ao longo do curso outras dicas e conselhos para melhorar sua aplicação também serão informados, deixando assim claro quando e como usar as técnicas responsivas propostas pelo curso.

Conhecimentos adquiridos

Você iniciará o curso de Design Responsivo do TreinaWeb Cursos aprendendo sobre a diferença entre Front-end e back-end, o conceito do que é o web design responsivo, desenvolvimento “em camadas” e como surgiu o web design responsivo.

Neste curso você aprenderá sobre os ingredientes para um web design responsivo, que são, entre outros, criar um layout, imagens e mídias flexíveis. Para aplicar isso em seus projetos ao longo do curso você aprenderá sobre a teoria e como aplicar tais conceitos em suas aplicações.

Neste curso você aprenderá como usar o CSS para criar designs responsivos e aprender sobre os tipos de medida em CSS fundamentais para que você possa criar tais layouts, então ao longo do curso você aprender sobre mas medidas em pixel (px), em (em), porcentagem (%), ex (ex), centímetros (cm), milímetros (mm), polegadas (in), pontos (pt), picas (pc) e outros tipos de medida CSS.

Outro tema que será abordado e você aprenderá neste curso é a criação da fórmula para calcular a relatividade em web design responsivo, aprenderá sobre imagens, mídia e outros tipos de recursos flexíveis e aprenderá a usar imagens independentes de resolução.

E para fechar o curso com chave de ouro, no projeto final você aprenderá a criar uma página completa com web design responsivo.

Ficha técnica

Metodologia
Vídeo-aulas
Texto e imagens
Início imediato
Exemplos completos
Testes de aprendizado
Suporte incluso
Suporte incluso com instrutores especialistas.
Certificado incluso
Incluso! Receba o certificado impresso em casa (sem custo adicional)
Prazo de acesso
Enquanto não concluir, o curso não expira nunca! Após a conclusão acesse-o por mais 2 anos.
Ambiente do curso
Google Chrome Canary
Firefox
Sublime Text 2

Pré-requisitos

Os pré-requisitos não são obrigatórios, mas é altamente recomendado que você tenha conhecimentos equivalentes antes de ingressar no curso de CSS3 - Design Responsivo Avançado.

Conteúdo Programático
Introdução 2%
  • Ambiente de trabalho
Front-end e back-end 5%
Front-end 7%
Back-end 9%
E o web design responsivo? 10%
Desenvolvimento “em camadas” 12%
Como surgiu o web design responsivo? 14%
  • Håkon Wium Lie, o criador das CSS
Um pouco de (uma triste) história 17%
HTML5 e semântica 19%
Introdução 2%
  • Ambiente de trabalho
Front-end e back-end 5%
Front-end 7%
Back-end 9%
E o web design responsivo? 10%
Desenvolvimento “em camadas” 12%
Como surgiu o web design responsivo? 14%
  • Håkon Wium Lie, o criador das CSS
Um pouco de (uma triste) história 17%
HTML5 e semântica 19%
Vantagens em se usar CSS 21%
  • Ethan Marcotte, o criador do web design responsivo
Pronto para o desenvolvimento web moderno? 24%
O CSS3 26%
Ingredientes para um web design responsivo 28%
  • Layout flexível
  • Imagens e mídia flexíveis
Media Queries 33%
  • Receita pronta
Layout flexível 36%
Em (em) 41%
Percent (%) 43%
Ex (ex) 45%
Centimeters (cm), Millimeters (mm), Inches (in), Points (pt), Picas (pc) 47%
Outros tipos de medida CSS 48%
  • Na prática...
Fórmula para calcular a relatividade em web design responsivo 52%
Media Queries 53%
A revolução dos pixels 55%
Meta tag viewport 57%
Media Types 59%
Media Queries 60%
Media Queries 60%
Como usar Media Queries 62%
Media Features 64%
Operadores lógicos 66%
Breakpoints 67%
Trabalhando com Breakpoints 69%
Imagens e mídia flexíveis 71%
Imagens flexíveis 72%
Outros tipos de recursos flexíveis 74%
Outras soluções para recursos flexíveis 76%
Modernizr 78%
Bate-papo sobre desempenho na web 79%
A questão de desempenho em mídias responsivas 81%
  • Imagens independentes de resolução
Projeto Final: página completa com web design responsivo 84%
Mobile First 86%
Considerações sobre recorte, montagem e interações 88%
Arquivos e tecnologias usadas 90%
Projeto Final: codificação 91%
  • HTML “desconstruído”
Bootstrap 95%
Explorando o CSS 97%
Códigos completos 98%
Conselhos finais 100%
Baixar PDF
Depoimentos
  • Foto do aluno

    Curso bem esclarecedor, propôs um bom entendimento sobre responsividade e como agir em determinadas situações adversas.

    Luis André Costa de Oliveira de Presidente Epitacio - SP sobre o curso de CSS3 - Design Responsivo - Avançado

  • Foto do aluno

    Ótimo curso tirei todas as minhas dúvidas, que eu tinha a respeito do design responsivo. Aconselho a todos fazerem os cursos da Treina Web. São cursos de muita qualidade.

    Otavio Luiz Lacava Filho de Caxias do Sul - RS sobre o curso de CSS3 - Design Responsivo - Avançado

  • Foto do aluno

    Torna-se cada dia mais imprescindível desenvolver sites responsivos, visto que a demanda por dispositivos móveis só tende a crescer. O curso abordou conceitos importantes na área da responsividade e contribuiu muito para meus conhecimentos em web design. Com certeza sinto-me uma profissional muito mais completa.

    Bárbara Magalhães Mendes de Tarso de Salvador - BA sobre o curso de CSS3 - Design Responsivo - Avançado

  • Foto do aluno

    Excelente curso e ótimas vídeo-aulas! Mais um curso do TreinaWeb que deixa completamente satisfeito!

    João Marcos Bizarro Lopes de Brasília - DF sobre o curso de CSS3 - Design Responsivo - Avançado

Cursos relacionados

Aproveite as vantagens e comece a estudar agora!

  • Início imediato! Não é necessário aguardar a formação de turmas.
  • Defina o horário que quiser e estude de onde estiver.
  • Após o curso, você ainda tem 2 anos para revisar o conteúdo.
  • Assim que finalizar, receba o certificado em casa, sem custo adicional.
  • Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.
  • Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Por apenas:

10x de R$ 16,49

sem juros no cartão ou R$ 164,90 à vista

Adicionar ao carrinho

Formas de pagamento

Aceitamos praticamente todas as formas de pagamento. Parcele em até 10x sem juros no cartão de crédito.

Encontre-nos nas redes sociais

Receba lançamentos e promoções

Site Seguro