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
180h
Para conclusão
16
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

Com quem você irá aprender

  • Douglas Quintanilha Barbosa Ferreira

  • Fábio Pimentel

  • Juliana Amoasei

  • Matheus Castiglioni

  • Natan Souza

  • Pedro Marins

  • Sérgio Lopes

  • Yuri Padilha

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

      Curso | 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

      Curso | 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

      Curso | 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.

    • Curso Bootstrap 4: Criando uma landing page responsiva

      Curso | 08h
      • Faça esse curso e:
      • Mantenha seu código limpo e bem feito seguindo as boas práticas do desenvolvimento HTML5, agilizando seu desenvolvimento.
      • Utilize os componentes prontos de navbar, carrossel, cards e modais para criar sites responsivos automaticamente.
      • Use o método de desenvolvimento front-end para que suas aplicações sejam sempre responsivas, simples e funcionais independente do dispositivo.
      • Produza um código HTML e CSS semântico e de qualidade para que leitores de tela e robôs de busca consigam ler bem o seu site.
      • Padronize os componentes de seu site ou aplicação web.

      Mais detalhesdo curso Bootstrap 4: Criando uma landing page responsiva

    • Post Como lidar com os limites de resolução em sites responsivos? | Alura Cursos Online

  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.

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Experiências de quem já estudou com a gente

Anne

em 20/11/2020

Professor fantásticos! As coisas começam a assentar agora no terceiro curso, com a repetição das ideias e conteúdos expostos nos 2 primeiros.

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

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

Aline Rodrigues Ferraz

em 20/11/2020

Adorei a forma como este professor ensina, as aulas dele são muito bem explicadas, ele fala com clareza e fica muito fácil de entender o conteúdo. a metodologia do curso também é otima, estou adorando.

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

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

  • 1245 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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

  • 1245 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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

  • 1245 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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

  • 1245 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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • 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 por 1 ano

Estude 24h/dia onde e quando quiser

Novos cursos todas as semanas

Cursos

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