Cursos de Web Design Responsivo

Aprenda de maneira prática como criar sites responsivos sem ajuda de Frameworks HTML e CSS

162 Avaliações

Vídeo sob demanda de 8h

+ de 30 vídeo aulas

Acesso total vitalício

Certificado de Conclusão

Criado por: Emerson Carvalho

De: R$ 39,99

Por: Verificar Preço

Requisitos
  • Um razoável conhecimento de marcação HTML e das CSS.
 
Descrição

Chegamos a uma época onde o Mobile dita as tendências do desktop. As pessoas são móveis e suas necessidades também. Com isso nunca foi tão importante criar um site que seja otimizado tanto para desktops, tablets ou smartphones. Com o curso de Web Design Responsivo você aprenderá sobre estes conceitos e fundamentos, e também no curso abordaremos a questão da acessibilidade na web e as imagens e mídias flexíveis.

Um curso completo e prático!

Aprenda a criar Templates responsivos sem a ajuda de de Frameworks.

Quem é o público-alvo?
  • Para pessoas envolvidas na criação de sites tanto na área de design quanto na de desenvolvimento e programação
  • Profissionais da área de design, familiarizados com as técnicas aqui descritas, contarão com uma valiosa fonte de conhecimento e conceitos para empregar no planejamento das funcionalidades para incrementar em suas aplicações
  • Os iniciantes irão se beneficiar por iniciar seus estudos em uma fonte que aborda as mais modernas técnicas de escrita de código

Conteúdo do Curso

Introdução
Introdução Parte 1
Introdução Parte 2
Introdução Parte 3
Grupo no Facebook e Youtube
HTML5 e CSS3
HTML5 - Estrutura e Sintaxe
CSS Reset, Normalize e Suporte ao IE
Media Queries
Anatomia das Media Queries
Funcionalidades de Mídia
Fundamentos de Media Queries
Projeto Prático 1
Iniciando um Projeto Responsivo
Entendendo os Outlines do documento HTML5
Iniciando a estilização do nosso projeto
Menu Responsivo com Efeito Sanfona usando apenas CSS3
Criando um Breackpoint a 30em (480px)
Criando os Breackpoint a 62.5em (1000px) e a 75em (1200px)
Imagens e Mídias Flexíveis
Introdução as Imagens Responsivas
Otimização de Imagens para Web
Art Direction
Atributo srcset
Elemento Picture
Vídeos Responsivos
Vídeos do Youtube e Vimeo Responsivos
Mapas Responsivos
Acessibilidade na Web
Recomendações para desenvolver conteúdo acessível na web Parte 1
Recomendações para desenvolver conteúdo acessível na web Parte 2
Projeto Final
Projeto Final - Estrutura e template da página
Projeto Final - Cabeçalho e Menu Principal
Projeto Final - Slide Show Responsivo
Projeto Final - Campo de Busca
Projeto Final - Área de Notícias
Projeto Final - Área de Informações e Rodapé
Projeto Final - Construção dos ViewPorts
Publicando nosso Projeto em um Servidor Comercial
O que irei aprender nesta seção?
Adquirindo um Domínio para meu Site
Realizando o Cadastro em um Servidor Comercial
Primeiros Passos no Servidor Comercial
Configurando, enviando os arquivos e testando nosso site no servidor
Criando Emails Personalizados
Bônus
Material de Apoio
Aula Bônus
Avaliações do Curso

Curso ideal para quem deseja começar a criar layouts responsivos de forma rápida do jeito certo e sem a utilização de frameworks!

Thiago A. Lopes em 05/05/2017

Muito bom

Kougam Lemke em 15/04/2017

Estou muito feliz com o que aprendi, realmente são dicas muito importantes para quem inicia no ramo.

Camila Ferreira em 25/03/2017

Instrutor tem domínio do conteúdo

José Plácido em 18/01/2017

MUITO BOM

Diego Morales Navarro em 10/01/2017

Estou gostando muito da metodologia e didática do professor!!! Esse curso ensina Html5 e Css3 puros, sem a utilização de Bootstrap, o que me deixa muito satisfeita. Recomendo a todos :)

Celeste Matos do Nascimento Ribeiro em 10/11/2016

Ótimas explicações e exemplos de como aplicar na construção de um site responsivo. Parabéns.

Vanderlei Corrêa Leme em 26/08/2016