
Primeira Aula do curso onde abordamos a história e evolução dos Layouts Web ao longo dos anos, também conheceremos a quem este curso é direcionado.
Segunda aula do curso onde abordaremos o inicio da criação de Layouts Responsivos, os mitos mais comuns relacionados ao RWD, entenderemos também o conceito do Mobile First.
Terceira aula do curso onde abordaremos a diferença entre Web Design Adaptivo e Responsive Web Design, conheceremos as limitações existentes nos Desktops e Dispositivos Móveis e também falaremos um pouco mais sobre o Mobile First.
Nesta aula conheceremos as vantagens de se programar para web usando o HTML5, entenderemos sua estrutura e também o porque da metatag viewport em aplicações responsivas.
Nesta aula conheceremos as meta tags antigas, o futuro da metatag viewport e também os métodos de resetar ou normalizar as folhas de estilo. Outro tópico importante da aula é aprender a dar suporte ao Internet Explore 9 e nas versões anteriores.
Nesta aula conhecemos a fundo a sintaxe das Media Queries, elemento criado junto a CSS3 que auxilia na construção de aplicações Responsivas.
Nesta aula teórica entenderemos as funcionalidades de mídia previstas para as Media Queries nas CSS3, sendo elas: width, height, device-width, device-height, orientation, aspect-ratio, device-aspect-ratio, color, color-index, monochrome, resolution, scan, grid.
Nesta aula aprenderemos os fundamentos das Media Queries, conhecendo o conceito dos Breakpoints e realizando um desafio prático, antes de iniciar a prática do curso.
Na aula de hoje iniciaremos o projeto de construção de uma Aplicação Responsiva utilizando todos os conceitos que aprendemos nas aulas anteriores, tais como, Mobile First e Media Queries.
Hoje aprenderemos o principio da Acessibilidade Web, os Outlines são pontos de nosso documento com o objetivo de facilitar a navegação de pessoas que necessitam de tecnologias assistidas.
Na aula de hoje iniciaremos a estilização da nossa página partindo do Conceito do Mobile First, a aula está recheada de dicas para desenvolvimento de Layouts com uso de imagens no background e alinhamento de figuras independente do viewport.
Na aula de hoje criaremos um widget de Menu Sanfona Responsivo usando apenas o CSS3 na criação do efeito, finalizando assim a nossa aplicação para visualização em Smartphone. A partir da próxima aula iremos definindo as visualizações de acordo com os Breakpoint definidos em nosso Wireframe.
Na aula de hoje aprenderemos a criar nossa primeira media query a exatos 30em (480px), nesta aula aprenderemos a esconder e mostrar conteúdos de acordo com o viewport.
Na aula de hoje vamos finalizar nossa primeira prática, aplicando assim as definições do nosso projeto a 62.5em (1000px) e a 75em (1200px), lembrando que teremos mais praticas ao longo do curso.
Na próxima aula iremos começar a trabalhar com imagens e mídias flexíveis.
Na aula de hoje teremos uma breve introdução do conceito das Imagens Responsivas, nela aprenderemos que criar uma regra CSS para esticar e encolher a imagem dependendo da largura da viewport não é a solução completa e eficaz para criação de imagens responsivas e acessíveis.
Na aula de hoje aprenderemos a otimizar imagens antes de enviar para nosso site ou aplicação. Aprenderemos a teoria e a prática desta ação.
Nesta aula aprenderemos a utilizar a técnica do Art Direction para criação de imagens responsivas.
Hoje vamos aprender a trabalhar com o atributo que veio para tentar solucionar o grande problema de se inserir uma imagem com sentido semântico e responsivo nas aplicações web.
Hoje vamos aprender a trabalhar com o elemento HTML5 Picture que nos auxilia na criação de imagens responsivas para web.
Na aula de hoje iremos aprender e aplicar os conceitos para criação de vídeo responsivos.
Na aula de hoje aprenderemos a deixar de forma responsiva os vídeos de terceiros, tais como os do Youtube e do Vimeo.
Nesta aula aplicaremos os conceitos das aulas anteriores de Mídias Flexíveis para criação de um mapa responsivo em nossa aplicação.
Na aula de hoje iremos conhecer algumas recomendações na construções de aplicações acessíveis, este tópico é dividido em duas aulas sobre o assunto.
Na aula de hoje iremos conhecer mais recomendações na construções de aplicações acessíveis, este tópico é dividido em duas aulas sobre o assunto.
Na parte final do nosso curso, iremos praticar todo conteúdo abordado em um sistema que pode inclusive ser base para uma aplicação comercial. Nesta aula iremos estruturar o sistema para entender como funcionará cada sessão.
Nesta aula construiremos o cabeçalho (header) e a navegação principal (nav) do nosso projeto final.
Na aula de hoje aprenderemos a configurar um slide show não responsivo para um slide show responsivo.
Nesta aula complementaremos nosso projeto com um campo de busca responsivo e bem estilizado em nossa aplicação.
Nesta aula programaremos a área de notícias da index do nosso projeto, neste momento apenas a versão mobile é criada.
Nesta Aula criaremos as partes finais de nosso projeto que são as áreas de informações complementares e o rodapé.
Ultima aula do curso onde finalizaremos nosso projeto.
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.
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.