Técnicas de desenvolvimento web com HTML5 e CSS3

Um curso de Marta Armada
Web designer. Barcelona, Espanha.
Na Domestika desde 11/08/2015
, Web designer

Otimize seus sites com novas técnicas de programação e layout

  • Espanhol com legendas em português
  • 97% Avaliações positivas (181)
  • 5120 estudantes

Otimize seus sites com novas técnicas de programação e layout


  • Espanhol com legendas em português
  • 97% Avaliações positivas (181)
  • 5120 estudantes
  • Online e no seu ritmo
  • Áudio: Espanhol
  • Nível: intermediário
  • 29 Aulas (2 h 14 m)
  • Disponível no aplicativo
  • Espanhol, Inglês, Português
  • Acesso ilimitado para sempre

Marta Armada - projetista web especializado em UX, design responsivo e front-end e fundador do estúdio Swwweet com Javier Usobiaga - vai te ensinar como melhorar suas habilidades de desenvolvimento web analisando diferentes técnicas HTML5 e CSS3.

Você aprenderá sobre semântica, gradientes, sombras, formulários, animações e flexbox, entre muitas outras coisas, que lhe permitirão melhorar e otimizar suas páginas web.

É um curso complementar a Introdução ao desenvolvimento Web responsivo com HTML e CSS por Javier Usobiaga.

O que este curso inclui?

Índice do curso

  • U1
    U1. Introdução
  • U2
    U2. Introdução ao HTML5 e CSS3
  • U3
    U3. Semântica
  • U4
    U4. Decoração
  • U5
    U5. Vídeo, áudio e imagens responsivas
  • U6
    U6. Seletores
  • U7
    U7. Formulários
  • U8
    U8. Transições e animações
  • U9
    U9. Ferramentas de layout
  • PF
    PF Projeto final
Ver detalhe

Você começará conhecendo o trabalho e as influências de Marta Armada e seu estúdio de web design, Swwweet.

Em seguida, você inserirá uma breve introdução sobre HTML, CSS, navegadores e mídia, que será o ponto de partida para começar a explorar as possibilidades de novas técnicas da Web que são possíveis por meio de HTML5 e CSS3.

Você começará a conhecer a semântica e os formulários em HTML5 e, em seguida, aprofundará as ferramentas de decoração, como bordas arredondadas, gradientes e sombras.

Mais tarde você descobrirá as ferramentas de vídeo, áudio e imagens responsivas . Também as transições, transformações e animações, novos seletores e ferramentas de layout como flexbox e calc ().

Qual é o projeto do curso?

O projeto final consiste em criar uma página web de design livre, como uma síntese dos diferentes assuntos que você verá ao longo do curso.

Projetos de alunos do curso

A quem se dirige?

Este curso é destinado a web designers, programadores, designers gráficos e todas aquelas pessoas que se sentem à vontade para escrever HTML e CSS, mas que querem melhorar suas habilidades. Não é necessário ter um nível muito alto e o conhecimento de design também não é essencial.

Também para aqueles que fizeram o curso de Javier Usobiaga Desenvolvimento Web Responsivo com HTML e CSS e quer aprofundar o assunto de Marta Armada.

Requisitos

Para este curso você precisa de conhecimentos prévios que lhe permitam escrever confortavelmente HTML e CSS. Você precisará de um computador e de seu editor de código favorito.


Avaliações

5120 Alunos
181 Avaliações
97% Avaliações positivas

Marta Armada

Um curso de Marta Armada

ProfessorPro
Web designer

Marta Armada é um web designer em Barcelona. Ele está interessado em tipografia, web design responsivo , CSS, UX ou design em geral: qualquer coisa que ajude a melhorar a web.

Em 2009, ela fundou o estúdio de web design Swwweet com seu marido, Javier Usobiaga, onde eles trabalham criando páginas web para startups .

Marta deu várias palestras e oficinas ambos os eventos locais e palestras internacionalmente e ensina web design em ELISAVA School of Design.


Conteúdo

  • U1

    Introdução

    • Introdução
    • Influências
  • U2

    Introdução ao HTML5 e CSS3

    • Introdução ao HTML5
    • Introdução ao CSS3
    • Navegadores e suporte
  • U3

    Semântica

    • Tags HTML5 e semântica
    • Bloquear etiquetas
    • Etiquetas de linha
  • U4

    Decoração

    • Cor e opacidade
    • Bordas arredondadas
    • Sombras
    • Gradientes e fundos
  • U5

    Vídeo, áudio e imagens responsivas

    • Vídeo e áudio
    • Atributos de vídeo
    • Imagens responsivas
  • U6

    Seletores

    • Seletores filho e tipo
    • Seletores de atributo
    • Outros seletores úteis
    • Pseudo-elementos :: antes e depois
  • U7

    Formulários

    • Novos tipos de entradas
    • Atributos nas formas
    • Dê estilos aos formulários
  • U8

    Transições e animações

    • Transformações
    • Transições
    • Animações
  • U9

    Ferramentas de layout

    • Consultas de dimensionamento de caixa e mídia
    • Calc () e unidades de porta de visualização
    • Introdução ao flexbox
    • Soluções com flexbox
  • PF

    Projeto final

    • Técnicas de Desenvolvimento Web com HTML5 e CSS3

Assim são os cursos da Domestika

  • Aprenda no seu ritmo

    Desfrute dos cursos em casa, sem horários e sem entregas. Você define seu próprio cronograma.

  • Feito pelo professor

    Aprenda técnicas e métodos valiosos, que são explicados pelos maiores especialistas do mercado criativo.

  • Professores especialistas

    Cada professor ensina somente o que sabe fazer de melhor, garantindo assim que a paixão e a excelência sejam transmitidas em cada aula.

  • Certificado Pro

    Confirme que você participou do curso com um certificado assinado pelo seu professor. Adquira-o com sua assinatura do Domestika PRO.

  • Na primeira fileira

    Vídeos de alta qualidade para que você não perca nenhum detalhe. E como o acesso é ilimitado, você pode vê-los várias vezes.

  • Compartilhe o conhecimento

    Exponha suas dúvidas, peça feedback e ofereça soluções. Compartilhe o aprendizado com os outros alunos da comunidade.

  • Comunidade criativa

    Mais de 1M criativos, e a comunidade não para de crescer. O Domestika é o ambiente ideal para compartilhar e aprender o que você mais gosta.

  • Cursos elaborados profissionalmente

    Selecionamos os melhores criativos, e uma equipe de profissionais elabora o curso em parceria com eles. Eis o resultado: você terá a sensação de trabalhar com os melhores.


Perguntas frequentes

  • Os cursos da Domestika são aulas online que lhe permitem aprender uma série de ferramentas e habilidades para realizar um projeto concreto. Cada etapa do projeto combina vídeos e textos, além de materiais de ensino complementares. Os cursos também oferecem a oportunidade de compartilhar seus próprios projetos com outros usuários e com o professor, criando assim uma comunidade em torno do curso.

  • Os cursos são 100% online, portanto, assim que são publicados, os cursos começam e terminam quando você quiser. Você determina o ritmo da aula. É possível voltar para ver o que lhe interessa, passar o que você já sabe, fazer perguntas, resolver dúvidas, compartilhar seus projetos e muito mais.

  • Os cursos são divididos em diferentes unidades, cada uma inclui lições, textos explicativos, tarefas e práticas para completar seu projecto passo a passo, recursos e documentos complementares. Você também terá acesso a um fórum exclusivo no qual poderá interagir com todos os alunos do curso e o professor, bem como compartilhar seus trabalhos e o projeto que realizar, criando uma comunidade em torno do curso.

  • Você pode resgatar um curso que recebeu de presente acessando a página de resgate, na qual poderá inserir o código de presente fornecido.

Técnicas de desenvolvimento web com HTML5 e CSS3. Um curso de Tecnologia de Marta Armada

Técnicas de desenvolvimento web com HTML5 e CSS3

Um curso de Marta Armada
Web designer. Barcelona, Espanha.
Na Domestika desde 11/08/2015
  • 97% Avaliações positivas (181)
  • 5120 estudantes