formação_

Formação HTML e CSS

Crie páginas incríveis com as tecnologias da Web

Esta formação faz parte dos nossos cursos de Front-end
190h

Para conclusão

15
Cursos
2
Podcasts
13
Artigos

Assista o vídeo

veja nossa apresentação da Formação e uma Alura Live sobre a Carreira em Front-end

Criando Layouts modernos para Web

A Web é a plataforma de programação mais importante do mundo. Suas tecnologias principais, o HTML, o CSS fundamentais para a criação de qualquer site. Quem domina essas tecnologias, suas boas práticas e seus recursos mais avançados, tem espaço no mercado de programação para front-end e pode participar da criação de plataforma incríveis.

Praticamente todo produto digital precisa de um Front-end Web, por isso é um mercado imenso no Brasil e no mundo. Mas se engana quem acha que aprender um pouco de HTML e CSS é suficiente. O bom profissional dessa área tem que lidar com desafios enormes, saber as boas práticas de código, como lidar com múltiplos navegadores e saber escrever sites resilientes. Precisa estar antenado nas novidades do CSS, desenvolver pensando em mobile e responsivo assim como conhecer sobre acessibilidade e HTML semântico.

A Formação HTML e CSS da Alura foi pensada para você começar do zero e se tornar um profissional de ponta. É um guia de estudos com um passo a passo pensado com carinho pela equipe da Alura.

Por que estudar esta formação?

  • Guia de aprendizado

    Conteúdos pensados para facilitar seu estudo

  • Do básico ao avançado

    Formação completa para o mercado

  • Você dentro do mercado

    Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Professores especializados Front-end

Com quem você vai aprender

  • Douglas Quintanilha Barbosa Ferreira

    Douglas é desenvolvedor e instrutor na Caelum, além de instrutor na Alura, interessado em Javascript, Front end, administração de sistemas e um pouquinho de Eletrônica!

  • Douglas Quintanilha Barbosa Ferreira

    Douglas é desenvolvedor e instrutor na Caelum, além de instrutor na Alura, interessado em Javascript, Front end, administração de sistemas e um pouquinho de Eletrônica!

  • Fábio Pimentel

    Fábio é desenvolvedor full-stack com foco em Android (Java e Kotlin) e Ruby on Rails, formado pela UFRJ. É ativo na comunidade, palestrou na CocoaHeads e na Mobile Conf.

  • Fábio Pimentel

    Fábio é desenvolvedor full-stack com foco em Android (Java e Kotlin) e Ruby on Rails, formado pela UFRJ. É ativo na comunidade, palestrou na CocoaHeads e na Mobile Conf.

  • Juliana Amoasei

    Desenvolvedora JS com background multidisciplinar. Sempre aprendendo para ensinar e vice-versa.

  • Juliana Amoasei

    Desenvolvedora JS com background multidisciplinar. Sempre aprendendo para ensinar e vice-versa.

  • Matheus Castiglioni

    Apaixonado pelo mundo dos códigos e um eterno estudante, gosto de aprender e saber um pouco de tudo, aquela curiosidade de saber como tudo funciona, tento compartilhar o máximo de conhecimentos adquiridos e ajudar todos aqueles que sou capaz.

  • Matheus Castiglioni

    Apaixonado pelo mundo dos códigos e um eterno estudante, gosto de aprender e saber um pouco de tudo, aquela curiosidade de saber como tudo funciona, tento compartilhar o máximo de conhecimentos adquiridos e ajudar todos aqueles que sou capaz.

  • Natan Souza

    Atualmente desenvolvo, projeto e ensino front-end e UX Design na Alura Cursos Online de Tecnologia.UX Designer e desenvolvedor front-end com um histórico de quatro anos em ensinar.Desenvolvimento de interfaces web e sua implementação front-end, desde o HTML/CSS, projetando protótipos de alta fidelidade e testes com usuários.- http://designernatan.com.br - https://www.dicasux.com.br

  • Natan Souza

    Atualmente desenvolvo, projeto e ensino front-end e UX Design na Alura Cursos Online de Tecnologia.UX Designer e desenvolvedor front-end com um histórico de quatro anos em ensinar.Desenvolvimento de interfaces web e sua implementação front-end, desde o HTML/CSS, projetando protótipos de alta fidelidade e testes com usuários.- http://designernatan.com.br - https://www.dicasux.com.br

  • Pedro Marins

  • Pedro Marins

  • Sérgio Lopes

    Sérgio é diretor e líder do time de diversos times no Grupo Caelum, formado em Ciência da Computação pela USP. É reconhecido por sua atuação em Front-end, Performance, Mobile e Arquitetura de software e tem vasta experiência com ensino, tanto presencial quanto online. Gerencia os projetos internos da empresa e atua na definição de rumos dos produtos e da empresa em geral.

  • Sérgio Lopes

    Sérgio é diretor e líder do time de diversos times no Grupo Caelum, formado em Ciência da Computação pela USP. É reconhecido por sua atuação em Front-end, Performance, Mobile e Arquitetura de software e tem vasta experiência com ensino, tanto presencial quanto online. Gerencia os projetos internos da empresa e atua na definição de rumos dos produtos e da empresa em geral.

  • Yuri Padilha

    Yuri é desenvolvedor full-stack, formado em Tecnologia de Informação pela USP. Como instrutor de cursos presenciais (Front-end, Java e PHP, Spring e MySQL) sumarizou mais de 1 000 horas de aulas ministradas.

  • Yuri Padilha

    Yuri é desenvolvedor full-stack, formado em Tecnologia de Informação pela USP. Como instrutor de cursos presenciais (Front-end, Java e PHP, Spring e MySQL) sumarizou mais de 1 000 horas de aulas ministradas.

Passo a passo

  1. 1 HTML & CSS

    A base de todo desenvolvimento Web é um bom HTML. Mais que aprender tags, é saber a importância de um código semântico e bem estruturado. Em cima disso, aplicamos o layout CSS que também é muito mais que apenas colocar uma cores e firulas por aí. É muito fácil escrever códigos HTML e CSS ruins. E é muito fácil não dar a atenção devida a esses fundamentos da Web. Mas não é o que recomendamos. Bons estudos!

  2. 2 Sites feitos para todos

    Ao criarmos um produto queremos que ele atinja o maior número de pessoas possível. Assim temos uma maior chance desse produto ser um sucesso. Para isso, não podemos deixar de fora pessoas com algum tipo de limitação ou dificuldade.

    Desde o início do nosso projeto devemos pensar sobre questões de acessibilidade e por isso é importante que você estude as boas práticas constantemente

    • Curso Acessibilidade web: introdução a designs inclusivos

      06h
      • Faça esse curso e:
      • Entenda porque pensar em acessibilidade;
      • Perceba algumas particularidades de PCDs;
      • Melhore a usabilidade do seu projeto antes de por a mão no código;
      • Deixe sua interface inclusiva para todos, PCDs ou não;
      • Projete uma interface acessível de verdade;
      • Aprenda a projetar layouts para autistas, disléxicos, Surdos, etc.

      Mais detalhesdo curso Acessibilidade web: introdução a designs inclusivos

    • Curso Acessibilidade web parte 1: tornando seu front-end inclusivo

      06h
      • Faça esse curso e:
      • Melhore seu site para usuários de leitor de tela;
      • Entenda como uma pessoa cega usa a internet;
      • Aprenda a testar seu site usando o NVDA;
      • Perceba como detalhes no código podem impactar as pessoas;
      • Faça técnicas front-end que podem ajudar seus usuários;
      • Deixe seu projeto ainda mais inclusivo.

      Mais detalhesdo curso Acessibilidade web parte 1: tornando seu front-end inclusivo

    • Curso Acessibilidade web parte 2: Componentes acessíveis com um pouco de JavaScript

      04h
      • Faça esse curso e:
      • Melhore ainda mais seu site para usuários de leitor de tela;
      • Descubra como deixar uma _modal_ acessível;
      • Veja alguns cuidados em seu carrossel;
      • Perceba como detalhes em formulários podem impactar as pessoas;
      • Faça códigos JavaScript para ajudar na acessibilidade.

      Mais detalhesdo curso Acessibilidade web parte 2: Componentes acessíveis com um pouco de JavaScript

  3. 3 Javascript e sites dinâmicos

    Atualmente é muito difícil achar sites 100% estáticos, por isso que desenvolvedores front-end precisam conhecer a linguagem mais utilizada na web e no mundo, o JavaScript.

  4. 4 Interfaces avançadas com CSS

    A Web de antigamente parava em algumas poucas propriedades do CSS. Mas não mais. O mundo evoluiu, novas exigências surgiram, e a Web cresceu junto. Agora você vai mergulhar em técnicas e tecnologias mais recentes e profundas, que vão te trazer um outro olhar ao desenvolvimento front-end.

    Desde pré-processamento de CSS com SASS até o uso de ferramentas de debug, passando por layouts avançados com flexbox. E, o mais importante, como lidar com o mundo multidispositivo que temos hoje com a criação de sites responsivos e mobile-first.

  5. 5 Layouts Responsivos

    A grande diversidade de tamanhos, formatos e resoluções de telas atualmente torna impossível criarmos um site que não seja responsivo. Cada vez mais os usuários querem uma experiência ótima independente se estão trabalhando no computador, celular ou tablet e isso torna impressindivel sabermos como criar sites que se adaptam à tela que estamos usando.

  6. 6 Arquitetura CSS

    Se não tomarmos cuidado, em projetos grandes, é muito comum não sabermos mais onde as coisas se encontram além de vermos uma mistura de padrões de nomes das classes e IDs dos nossos objetos.

    Pensando nisso foram criados alguns padrões que se seguidos desde o inicio do projeto facilitam a vida de quem estiver desenvolvendo um projeto maior.

  7. 7 Otimizações e Performance

    Com a quantidade de dispositivos que acessam nossos sites todos os dias, e a quantidade cada vez maior de animações, efeitos e interações sendo colocadas no front-end é essencial que você entenda como a web funciona e como podemos utilizar melhor os recursos para tornar nossos sites cada vez mais rápidos.

Experiências de quem já estudou com a gente

reginaldo.borges

em 02/02/2021

Excelente curso. Caso houvesse a opção, marcaria todos os fatores acima.Obrigado.

HTML5 e CSS3 parte 3: Trabalhando com formulários e tabelas

sandrasandraregreg

em 03/02/2021

Minha experiência foi ótima. Amei conhecer melhor HTML e CSS. Quero mais!

HTML5 e CSS3 parte 1: A primeira página da Web

Lesly Notter dos Anjos

em 04/01/2020

Professor maravilhoso com uma aula super didática, enfim, curso recomendadíssimo. Amo o alura!

HTML5 e CSS3 parte 2: Posicionamento, listas e navegação

Comece hoje mesmo os cursos de HTML e CSS. Matricule-se agora!

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas

Cursos

Cursos de Programação
Lógica | Python | PHP | Java | .NET | Node JS | C | Computação | Jogos
Cursos de Front-end
HTML, CSS | React | Angular | JavaScript | jQuery
Cursos de Data Science
SQL e Banco de Dados | NoSQL | Data Science | Machine Learning | BI | Estatística | Excel
Cursos de DevOps
Segurança | Cloud | Linux | IoT | Redes
Cursos de UX & Design
Photoshop e Illustrator | Usabilidade e UX | Vídeo e Motion | 3D
Cursos de Mobile
Flutter, React Native | iOS e Swift | Android, Kotlin | Jogos
Cursos de Inovação & Gestão
Métodos Ágeis | Softskills | Liderança e Gestão | Startups | Vendas