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

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

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

  • Pedro Marins

    Pedro é desenvolvedor Front-End há mais de 10 anos. Nas horas vagas é instrutor da Alura e Caelum.

  • Pedro Marins

    Pedro é desenvolvedor Front-End há mais de 10 anos. Nas horas vagas é instrutor da Alura e Caelum.

  • Juliana Amoasei

    Desenvolvedora JavaScript com background multidisciplinar, sempre aprendendo para ensinar e vice-versa. Atuo em diversas iniciativas de inclusão em tecnologia desde 2018 e acredito no potencial do conhecimento como agente de mudança pessoal e social. Atualmente trabalho como instrutora na Escola de Programação da Alura e dou mentoria técnica a iniciantes na área de desenvolvimento web frontend e backend.

  • Juliana Amoasei

    Desenvolvedora JavaScript com background multidisciplinar, sempre aprendendo para ensinar e vice-versa. Atuo em diversas iniciativas de inclusão em tecnologia desde 2018 e acredito no potencial do conhecimento como agente de mudança pessoal e social. Atualmente trabalho como instrutora na Escola de Programação da Alura e dou mentoria técnica a iniciantes na área de desenvolvimento web frontend e backend.

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

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

  • 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 projeto, ensino e lidero Product 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.

  • Natan Souza

    Atualmente projeto, ensino e lidero Product 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.

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.

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Professor claro, objetivo e profundidade correta para cada nível.

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

Bianca Sales Vila Real Mós

Extraordinária pelo fato de você realmente por a mão na massa..ops no teclado

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

Thiago de Souza Netto

Curso introdutório de HTML e CSS, com ótimas explicações e exemplos. Obrigado!

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

Alan Nascimento Batista Cordeiro

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

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

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 | IoT
Cursos de Front-end
HTML, CSS | React | Angular | JavaScript | jQuery
Cursos de Data Science
Ciência de dados | BI | SQL e Banco de Dados | Excel | Machine Learning | NoSQL | Estatística
Cursos de DevOps
AWS | Azure | Docker | Segurança | IaC | Linux
Cursos de UX & Design
Photoshop e Illustrator | Usabilidade e UX | Vídeo e Motion | 3D
Cursos de Mobile
React Native | Flutter | iOS e Swift | Android, Kotlin | Jogos
Cursos de Inovação & Gestão
Métodos Ágeis | Softskills | Liderança e Gestão | Startups | Vendas