Formações Front-end Desenvolvimento Front-end: cursos para criar aplicações web com HTML, CSS e JavaScript

Formação Desenvolvimento Front-end: cursos para criar aplicações web com HTML, CSS e JavaScript

Aprenda uma das linguagens de programação mais usadas no mercado e desenvolva vários projetos com HTML, CSS e JavaScript

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

Quero Estudar na Alura
61h

Para conclusão

8
Cursos
2
Artigos
O que você vai aprender nesta Formação?

Mergulhe em Front-end

JavaScript é a linguagem de programação orientada a objetos mais popular no mundo, segundo a Pesquisa de Desenvolvedores do Stack Overflow 2022.

Isso porque, o JS (como muitos chamam), é capaz de criar páginas Web dinâmicas. Ou seja, com o uso de códigos JavaScript, você pode criar elementos interativos no conteúdo da página, menus suspensos, validação de formulários online, entre outros.

Nesta Formação, você vai mergulhar nos melhores cursos de Javascript para aprender a criar um projeto com HTML, CSS e JavaScript do zero, além de transformar páginas estáticas em dinâmicas e conhecer os frameworks mais famosos do mercado.

O objetivo é que, mais do que garantir o certificado dos cursos, você seja capaz de dominar tanto os conceitos básicos quanto ferramentas mais avançadas, essenciais para se tornar uma pessoa desenvolvedora Front-end.

Aqui vai uma dica: para mergulhos mais profundos nos cursos de programação com Javascript, é importante que você tenha conhecimento em lógica de programação e em HTML e CSS, combinado?

Bons estudos!

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?

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

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

  • Antônio Evaldo

    Instrutor e Desenvolvedor de Software nas escolas de Front-end e de Programação da Alura, com foco em JavaScript. Sou técnico em Informática pelo IFPI e cursei Engenharia Elétrica na UFPI. Sou apaixonado por desenvolvimento web e por compartilhar conhecimento de forma encantadora. No tempo livre, assisto séries, filmes e animes.

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

  • Nayanne Batista

    Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)

  • Nayanne Batista

    Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)

Passo a passo
  1. 1 Páginas dinâmicas e assíncronas

    Você detectará e responderá a eventos do usuário, como cliques, e aplicará métodos de manipulação de strings e template strings para gerar textos dinamicamente. Além disso, exploraremos métodos de arrays para processar e organizar dados de maneira eficiente. Abordaremos o gerenciamento de tarefas assíncronas com ênfase em Promises, async/await e setTimeout, garantindo controle sobre o tempo e a execução de funções. Por fim, trataremos erros e conheceremos o Event Loop, Call Stack e Task Queue. Vamos lá? Te espero no primeiro curso!

    Neste passo, você transformará suas páginas web em experiências interativas e dinâmicas. Começaremos integrando arquivos JavaScript nos projetos para manter o código organizado e modular. Em seguida, aprenderemos a importar e exportar funções para modularizar o código, manipulando elementos para alterar o conteúdo e o comportamento das páginas dinamicamente.

    • Site Front-end | Tech Guide: guias do Profissional em T

    • Curso JavaScript: construindo páginas dinâmicas

      08h
      • Pratique seus conhecimentos de HTML e CSS
      • Aprenda a integrar o HTML com arquivos JavaScript
      • Implemente diversos tipos de funções com JavaScript
      • Construa elementos de forma dinâmica
      • Detecte e responda eventos do usuário na tela da aplicação
      • Utilize seletores para encontrar elementos dentro da aplicação de acordo com seus identificadores
      • Separe as funções JavaScript em arquivos diferentes
    • Curso JavaScript: entendendo promises e async/await

      06h
      • Aprenda a gerenciar tarefas assíncronas com JavaScript
      • Construa funções assíncronas com async/await
      • Lide com retornos de funções assíncronas com auxílio das Promises
      • Implemente setTimeout para executar código assíncrono em momentos específicos
      • Compreenda técnicas para tratamento de erros em aplicações JavaScript
      • Conheça sobre o funcionamento do Event Loop, Call Stack e Task Queue
    • Curso JavaScript: métodos de array

      08h
      • Aprenda a utilizar os principais métodos de array do JavaScript
      • Saiba como aplicar uma função em todos os elementos da lista com forEach
      • Manipule os valores criando uma nova lista com map de forma prática
      • Descubra como aplicar ordenação e filtros em seus projetos JavaScript
      • Manipule o DOM com base nos métodos de array
  2. 2 Manipulação do DOM e as integrações com o backend

    Neste segundo passo, você explorará mais a fundo a manipulação do DOM e as integrações com o backend. Começaremos com técnicas de seleção e modificação de elementos HTML, usando diferentes tipos de seletores e navegando pela estrutura do DOM. Você aprenderá a criar, remover e alterar elementos, bem como manipular seus atributos e estilos.

    Você também aprenderá a usar a API Fetch para fazer requisições HTTP, trabalhando com métodos como GET e POST. Exploraremos o formato JSON para troca de dados e praticaremos o tratamento de respostas assíncronas.

    • 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
    • Curso JavaScript: explorando a manipulação de elementos e da localStorage

      08h
      • Identifique e utilize seletores CSS para interagir com elementos HTML através do JavaScript
      • Aplique conhecimentos de JavaScript para manipular o DOM
      • Gerencie eventos do usuário, como cliques ou envios de formulário
      • Resolva problemas relacionados à gestão de estado em aplicações web, utilizando armazenamento local e manipulação de array
      • Crie interfaces interativas utilizando elementos dinâmicos e eventos para melhorar a experiência do usuário
      • Avalie e implemente estratégias eficientes para a persistência de dados no navegador do cliente através do LocalStorage
      • Projete uma aplicação web funcional que emprega práticas de armazenamento e recuperação de dados para persistência de estado entre sessões
    • Curso JavaScript: implementando CRUD com requisições HTTP

      08h
      • Aprenda as bases do desenvolvimento web com JavaScript
      • Manipule dados com operações CRUD (Create, Read, Update e Delete)
      • Leia, recupere, crie, edite e delete dados em uma aplicação
      • Atualize dados em tempo real com requisições HTTP e comunicação cliente-servidor
      • Configure uma API fake com o JSON server para simular um ambiente de desenvolvimento do dia a dia de trabalho
      • Explore o Fetch e o Axios para facilitar suas requisições HTTP em aplicações web
    • Artigo Guia para manipular eventos no DOM com JavaScript: técnicas e exemplos práticos | Alura

  3. 3 Aprimorando e modernizando suas aplicações

    No terceiro passo, você vai aprimorar suas aplicações JavaScript utilizando recursos avançados do ES6+, como destructuring, spread operator, Set e métodos de string como replaceAll e includes. Esses recursos vão tornar seu código mais moderno e eficiente.

    Você também vai compreender como usar o Node.js e o terminal para configurar seu ambiente de desenvolvimento, automatizando tarefas e gerenciando pacotes de maneira prática.

    Por fim, aprenderá a utilizar ferramentas como Webpack, Vite e Babel para otimizar seu código e garantir a compatibilidade entre navegadores, preparando suas aplicações para o futuro.

    • Curso JavaScript: evoluindo a sua aplicação com ES6+

      08h
      • Adicione novas funcionalidades do ES6+ a uma aplicação, simulando o ambiente de trabalho real
      • Desenvolva uma funcionalidade de favoritar com o método PATCH
      • Manipule datas em JavaScript, garantindo que elas sejam armazenadas, formatadas e exibidas corretamente
      • Aplique validações com expressões regulares (Regex) para garantir a consistência dos dados
      • Utilize Sets em JavaScript para lidar com coleções de valores únicos
      • Utilize includes e filter para implementar uma busca typeahead
    • Curso Node.js e terminal: dominando o ambiente de desenvolvimento front-end

      08h
      • Aprenda a configurar um ambiente de desenvolvimento front-end usando Node
      • Entenda a diferença entre dependências de desenvolvimento e de produção
      • Gerencie pacotes do Node com o NPM
      • Utilize o ESLint, JSON server e o Prettier para garantir a qualidade do código em projetos front-end
      • Utilize comandos com os scripts do NPM
      • Utilize o Vite para consumir dependências de produção e realizar deploy do projeto
    • Artigo Entendendo Webpack, Vite e Babel: ferramentas essenciais no mundo do front-end | Alura

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