88h

Para conclusão

10
Cursos
3
Vídeos extras
6
Artigos

O front-end domina o mundo

A Formação Front-end da Alura foi pensada para você começar do zero e se tornar um profissional de ponta.

- O que é Front-End?

A Web é a plataforma de programação mais importante do mundo. Suas tecnologias principais, o HTML, o CSS e o JavaScript, são as linguagens mais usadas. E quem domina essas tecnologias, suas boas práticas e seus recursos mais avançados, hoje está no mercado de Front-End.

- O que faz um(a) desenvolvedor(a) Front-End?

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 são suficientes. O bom profissional de Front-end tem que lidar com desafios enormes. Precisa 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 JavaScript moderno e do CSS.

Pré-requisitos

Lógica de programação com JavaScript e noções de Git para submissão dos projetos. Aqui na Alura, curso de Lógica de programação: mergulhe em programação com javascript e curso de Lógica de programação: explore funções e listas, além do curso de Git e GitHub: compartilhando e colaborando em projetos.

Empresa Parceira
Oracle Next Education

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ê vai aprender?

  • Luan Alves

    Sou Luan Alves, estudante de Análise e Desenvolvimento de Sistemas, instrutor de Desenvolvimento Front-End no Grupo Alura. Estou aqui para ajudar a tirar suas dúvidas, aprender e compartilhar conhecimento. :)

  • Luan Alves

    Sou Luan Alves, estudante de Análise e Desenvolvimento de Sistemas, instrutor de Desenvolvimento Front-End no Grupo Alura. Estou aqui para ajudar a tirar suas dúvidas, aprender e compartilhar conhecimento. :)

  • Guilherme Silveira

    Co-fundador da Alura. Com mais de 20 anos de ensino de tecnologia, criou mais de 100 cursos. Possui formação em engenharia de software, viés matemático e criativo, além de ser medalhista de ouro em competições nacionais de computação, tendo representado o Brasil nos mundiais. Participante de comunidades open source e de educação em tecnologia, tendo escrito 7 livros. Faz mágica e fala coreano no tempo livre.

  • Guilherme Silveira

    Co-fundador da Alura. Com mais de 20 anos de ensino de tecnologia, criou mais de 100 cursos. Possui formação em engenharia de software, viés matemático e criativo, além de ser medalhista de ouro em competições nacionais de computação, tendo representado o Brasil nos mundiais. Participante de comunidades open source e de educação em tecnologia, tendo escrito 7 livros. Faz mágica e fala coreano no tempo livre.

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.

  • Mônica Mazzochi Hillman

    Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.

  • Alex Felipe

    Alex é instrutor e desenvolvedor e possui experiência em Java, Kotlin, Android. Atualmente cria conteúdo no canal https://www.youtube.com/@AlexFelipeDev.

  • Alex Felipe

    Alex é instrutor e desenvolvedor e possui experiência em Java, Kotlin, Android. Atualmente cria conteúdo no canal https://www.youtube.com/@AlexFelipeDev.

  • Guilherme Lima

    Guilherme é desenvolvedor de software formado em Sistemas de Informação e possui experiência em programação usando diferentes tecnologias como Python, Javascript e Go. Criador de mais de 30 cursos de diferentes áreas da plataforma com foco no treinamento de profissionais de TI, como Data Science, Python para web com Django e Django Rest, jogos com Javascript, Infraestrutura como código com Terraform e Ansible, Orientação a Objetos com Go. Além disso, é um dos instrutores da Imersão Dev da Alura.

  • Guilherme Lima

    Guilherme é desenvolvedor de software formado em Sistemas de Informação e possui experiência em programação usando diferentes tecnologias como Python, Javascript e Go. Criador de mais de 30 cursos de diferentes áreas da plataforma com foco no treinamento de profissionais de TI, como Data Science, Python para web com Django e Django Rest, jogos com Javascript, Infraestrutura como código com Terraform e Ansible, Orientação a Objetos com Go. Além disso, é um dos instrutores da Imersão Dev da Alura.

  • Vinicios Neves

    Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Portugal e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

  • Vinicios Neves

    Vinicios Neves, Tech Lead e Educador, mistura código e didática há mais de uma década. Especialista em TypeScript, lidera equipes full-stack em Portugal e inspira futuros desenvolvedores na FIAP e Alura. Com um pé no código e outro no ensino, ele prova que a verdadeira engenharia de software vai além das linhas de código. Além de, claro, ser senior em falar que depende.

  • Vanessa Me Tonini

    Desenvolvedora Web há mais de 10 anos. Mestranda em Ciência da Computação no IME-USP. Vegetariana, (nem tão) jovem mística, mãe da Yasmin Lis.

  • Vanessa Me Tonini

    Desenvolvedora Web há mais de 10 anos. Mestranda em Ciência da Computação no IME-USP. Vegetariana, (nem tão) jovem mística, mãe da Yasmin Lis.

  • BARBARA DOS SANTOS

  • BARBARA DOS SANTOS

  • Livia Cristina Gabos Martins

    Comecei na área de UX quando tudo era mato. Trabalho há 10 anos na área de UX, especialmente com a parte de pesquisa e acessibilidade. Mestre em Visualização de informações aplicada na engenharia de software, graduada em Sistemas de Informação na UNESP/SP. Já dei aulas de programação para pessoas cegas e já trabalhei com Selo de Acessibilidade Digital criado pela prefeitura da cidade de São Paulo.

  • Livia Cristina Gabos Martins

    Comecei na área de UX quando tudo era mato. Trabalho há 10 anos na área de UX, especialmente com a parte de pesquisa e acessibilidade. Mestre em Visualização de informações aplicada na engenharia de software, graduada em Sistemas de Informação na UNESP/SP. Já dei aulas de programação para pessoas cegas e já trabalhei com Selo de Acessibilidade Digital criado pela prefeitura da cidade de São Paulo.

Passo a passo
  1. 1 Diagnóstico de aprendizado

    Este passo é obrigatório! Antes de começar a formação, convidamos você a preencher um breve formulário de diagnóstico. Ele não possui função avaliativa, mas nos ajuda a entender melhor seu ponto de partida e acompanhar seu progresso ao longo da jornada.

    Este é um formulário pessoal e confidencial, então seja sincero(a) nas respostas. Ele nos ajuda a acompanhar seu progresso e ajustar a experiência de aprendizagem de acordo com suas necessidades. Lembre-se, o diagnóstico pode ser feito antes de iniciar qualquer curso ou conteúdo. Não deixe de completá-lo, pois ele é um passo importante para seu sucesso ao longo da formação.

  2. 2 Plano de Estudo

    O plano de estudos é uma ferramenta estratégica para otimizar sua rotina de aprendizado, oferecendo uma estrutura para estudar de forma mais eficiente e disciplinada.

    Ele sugere a sequência de cursos e o tempo ideal para completar cada módulo, permitindo que você siga o ritmo do programa ONE e maximize seu tempo de estudo. O plano é acessível através do Trello, uma plataforma de organização e gerenciamento de projetos, onde você pode se registrar gratuitamente e seguir as instruções fornecidas para aproveitar ao máximo o plano.

    Bons estudos

  3. 3 Como usar o fórum

    O fórum da plataforma é dedicado a esclarecer dúvidas dos cursos. É essencial aprender a usá-lo antes de começar os estudos. O uso do fórum deve ser focado em perguntas; se não tiver dúvidas, pode contribuir ajudando outros, o que enriquece a comunidade Alura.

  4. 4 Front-End UI

    Vivemos em um mundo em constante transformação, onde o acesso à internet se expande por diversos dispositivos. Prepare-se para explorar as mais avançadas técnicas e tecnologias de desenvolvimento front-end, que irão enriquecer sua perspectiva profissional. Aprenda a criar layouts sofisticados com flexbox. Mais crucial ainda, aprenda a navegar no universo dos múltiplos dispositivos atuais, desenvolvendo sites responsivos.

    • Curso IA generativa no Front-end: trabalhando com acessibilidade, semântica e HTML

      06h
      • Analise HTML e tags semânticas junto à sua IA Generativa favorita
      • Entenda a diferença entre semântica e sintaxe
      • Faça a refatoração efetiva de elementos como banners com o auxílio da IA
      • Utilize a ferramenta Lighthouse para aprimorar seu código
      • Avalie e critique implementações de HTML semântico em diversos cenários, propondo soluções otimizadas com a ajuda da IA Generativa
      • Evolua projetos do zero que integrem perfeitamente as técnicas avançadas de semântica e as capacidades da IA
    • Artigo Site único e responsivo ou sites dedicados? | Alura

    • Curso CSS: Flexbox e layouts responsivos

      06h
      • Aprenda a utilizar propriedades do Flexbox na prática construindo um projeto responsivo
      • Altere o eixo de itens para horizontal ou vertical
      • Aplique vídeos de forma responsiva utilizando propriedades Flexbox
      • Conheça as características do Flexbox
      • Integre as propriedades Flexbox com outras propriedades CSS
    • Artigo Porque usar ‘em’ no seu CSS hoje em dia?

    • Alura+ O que é acessibilidade?

  5. 5 Aceite o desafio construa seu portfólio

    Um portfólio bem elaborado é um diferencial decisivo na busca por oportunidades de trabalho. É imprescindível que você assuma este desafio, pois é uma parte essencial do programa ONE. Ao desenvolver seu portfólio pessoal, você não apenas demonstrará suas habilidades, mas também consolidará a experiência prática adquirida com os conhecimentos obtidos até agora.

    • Curso Praticando Front End: Challenge Portfólio

      10h
    • 6 JavaScript a linguagem da Web

      Sites modernos são muito mais que páginas estáticas com layouts bonitos, são interativos, dinâmicos. É aí que entra o JavaScript, a linguagem de programação mais importante da atualidade. Agora você vai aprender os fundamentos e boas práticas dessa linguagem.

      • Artigo O que é o DOM? | Alura

      • Curso JavaScript para Web: Crie páginas dinâmicas

        10h
        • Identificar os papéis de cada tecnologia da Web para construção de páginas
        • Associar o JavaScript com HTML através do DOM
        • Implementar funções com JavaScript
        • Investigar possibilidades de resolução de problemas de código
        • Selecionar operadores lógicos adequados para diferentes situações
        • Produzir soluções simples para páginas dinâmicas
      • Alura+ Funções no JavaScript que você precisa conhecer

      • Curso JavaScript: manipulando elementos no DOM

        06h
        • Construa uma aplicação de temporizador estilo Pomodoro do zero
        • Conheça na prática métodos de manipulação de elementos no DOM, como estilos CSS, imagens e textos
        • Altere atributos e classes de forma dinâmica com JavaScript
        • Crie eventos de interação com a pessoa usuária
        • Utilize objetos utilitários do JavaScript
      • Artigo Organize seu código JavaScript

      • Curso ChatGPT e JavaScript: construa o jogo Pong

        08h
        • Conheça o ChatGPT
        • Entenda como utilizar a ferramenta de inteligência artificial como ferramenta de apoio aos estudos
        • Construa um projeto utilizando a ferramenta p5.js
        • Saiba como construir prompts assertivos para gerar respostas adequadas a sua necessidade
        • Aplique o Text to Speech no seu projeto para narrar a pontuação da partida
    • 7 Requisições HTTP

      Você vai se aprofundar no consumo de dados externos de APIs com fetch API, construir requisições POST, aplicar atributos de validação de formulário com HTML5, customizar mensagens de erro, e muito mais.

      E aí, tudo pronto para mergulhar em cursos de programação Front-end, garantir o seu certificado e se destacar na área de desenvolvimento?

      • Curso JavaScript: consumindo e tratando dados de uma API

        06h
        • Entenda como funciona o JavaScript assíncrono
        • Consuma a API do ViaCEP com o fetch API
        • Conheça as Promises e seus métodos
        • Saiba como utilizar async await para criar funções assíncronas
        • Trate possíveis erros de requisição retornados da API
        • Aprenda a tornar uma página de formulário estática em dinâmica
      • Artigo HTTP: GET e POST - Conheça as diferenças entre os métodos | Alura

      • Curso JavaScript: criando requisições

        08h
        • Saiba como mockar uma API
        • Realize requisições GET para retornar dados de uma API
        • Construa requisições POST para cadastrar dados em uma API
        • Reforce seus conhecimentos em javascript assíncrono
        • Trate possíveis erros de requisição retornados da API
        • Aprenda a transformar uma página estática em dinâmica
      • Artigo Mockando APIs REST com json-server | Alura

      • Curso GitHub Copilot e ChatGPT: impulsionando seu desenvolvimento com IA

        08h
        • Aprenda a implementar a extensão Github Copilot Labs no seu VS Code
        • Saiba como criar classes de jogadores para seu jogo de Pong espacial com Github Copilot
        • Entenda como gerar a colisão para a bola do Pong
        • Faça melhorias no cenário do jogo colocando imagens
        • Implemente sons ao jogo para torná-lo imersivo
    • 8 Aceite o desafio construa seu AluraGeek

      Com a resolução do desafio AluraGeek, você experimentará diretamente o papel de um desenvolvedor front-end no cotidiano, criando interfaces funcionais e solucionando problemas com HTML, CSS e JavaScript. É imprescindível que você faça este desafio, pois é uma parte essencial do programa ONE, em que você terá a oportunidade de aplicar conceitos avançados de JavaScript, como manipulação do DOM, promessas e programação assíncrona, entre outros.

      • Curso Praticando Front End: Challenge AluraGeek

        15h

      Escola

      Front-end

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

      Conheça a Escola

      Comece a estudar agora na maior escola de tecnologia do país

      Conheça os Planos para Empresas