Pular para o conteúdo
Internet Public Library

Programação em JavaScript

Aprenda JavaScript do zero, passando pela sintaxe e funções, pela manipulação do navegador e pelo código assíncrono até chegar ao Node.js e às bibliotecas de interface.

Iniciante 12 etapas

Etapas

Fundamentos da linguagem

  1. Primeiros passosComece com exercícios interativos e gratuitos em português para pegar o jeito da lógica de programação com JavaScript.
    • freeCodeCamp em Português freecodecamp.orgfree

      Currículo interativo e gratuito cobrindo desenvolvimento web responsivo, estruturas de dados com JavaScript e bibliotecas frontend.

  2. Tipos, variáveis e operadoresConheça os tipos primitivos, as variáveis e as estruturas de controle, peças básicas de qualquer programa em JavaScript.
    • The Modern JavaScript Tutorial javascript.infofree

      Curso detalhado e aprofundado que aborda JavaScript desde os fundamentos até conceitos modernos de manipulação do DOM e eventos.

    • MDN Web Docs developer.mozilla.orgfree

      Repositório completo e documentação aberta de referência mantida pela Mozilla sobre tecnologias web abertas, CSS e HTML.

  3. Funções, escopo e closuresEntenda como funções guardam variáveis e como o escopo funciona, o que explica boa parte dos comportamentos inesperados.
    • The Modern JavaScript Tutorial javascript.infofree

      Curso detalhado e aprofundado que aborda JavaScript desde os fundamentos até conceitos modernos de manipulação do DOM e eventos.

  4. Objetos, arrays e JSONModele dados com objetos e arrays, aproveite seus métodos nativos e troque informações estruturadas no formato JSON.
    • MDN Web Docs developer.mozilla.orgfree

      Repositório completo e documentação aberta de referência mantida pela Mozilla sobre tecnologias web abertas, CSS e HTML.

    • freeCodeCamp em Português freecodecamp.orgfree

      Currículo interativo e gratuito cobrindo desenvolvimento web responsivo, estruturas de dados com JavaScript e bibliotecas frontend.

JavaScript no navegador

  1. DOM e eventosSelecione, crie e altere elementos da página e trate eventos do usuário para transformar HTML estático em algo interativo.
    • web.dev Learn web.devfree

      Cursos estruturados pelo time do Google Chrome sobre acessibilidade, design responsivo, CSS moderno e métricas de desempenho Core Web Vitals.

    • W3C Standards and Technical Reports w3.orgfree

      Acervo oficial de especificações técnicas, padrões de acessibilidade WCAG e recomendações abertas para a arquitetura da web.

  2. Compatibilidade entre navegadoresVerifique em quais navegadores cada recurso da linguagem funciona antes de usá-lo em um projeto real.
    • Can I use caniuse.comfree

      Tabela atualizada e banco de dados de suporte e compatibilidade de navegadores para recursos modernos de HTML, CSS e APIs Web.

  3. Leituras e comunidade (opcional)Acompanhe artigos e a comunidade brasileira de JavaScript para conhecer boas práticas e novidades do ecossistema.
    • BrazilJS braziljs.orgfree

      Portal e comunidade com artigos, novidades e debates sobre desenvolvimento web e engenharia de software no Brasil.

    • CSS-Tricks css-tricks.comfree

      Portal clássico de artigos, guias visuais e almanaque completo de propriedades CSS e técnicas modernas de estilização web.

    • Smashing Magazine smashingmagazine.comfree

      Publicação internacional com artigos práticos e técnicos sobre design responsivo, CSS moderno, tipografia e performance web.

Código assíncrono e Node.js

  1. Promises e async/awaitDomine callbacks, promises e async/await sobre o event loop, essenciais para requisições de rede e leitura de arquivos.
    • web.dev Learn web.devfree

      Cursos estruturados pelo time do Google Chrome sobre acessibilidade, design responsivo, CSS moderno e métricas de desempenho Core Web Vitals.

    • Node.js nodejs.orgfree

      Ambiente de execução JavaScript assíncrono e orientado a eventos no lado do servidor construído sobre o motor V8 do Google.

  2. JavaScript no servidor com Node.jsRode JavaScript fora do navegador para criar scripts, ferramentas de linha de comando e servidores web simples.
    • Node.js nodejs.orgfree

      Ambiente de execução JavaScript assíncrono e orientado a eventos no lado do servidor construído sobre o motor V8 do Google.

  3. Testando APIs (opcional)Use um cliente de API para enviar requisições e inspecionar respostas enquanto desenvolve seus primeiros serviços.
    • Postman postman.comfreemium

      Plataforma colaborativa para desenvolvimento, teste automatizado e documentação de APIs HTTP e REST.

Ecossistema

  1. Módulos e ViteOrganize o código em módulos ES e use um servidor de desenvolvimento rápido para empacotar o projeto para o navegador.
    • Vite vite.devfree

      Ferramenta de build frontend moderna e de alta velocidade baseada em módulos ES nativos e empacotamento com Rollup.

  2. React ou VueColoque o JavaScript em prática numa biblioteca de componentes, construindo interfaces com peças reutilizáveis e estado previsível.
    • React react.devfree

      Biblioteca declarativa mantida pela Meta para construção de interfaces de usuário reativas baseadas em componentes.

    • Vue.js vuejs.orgfree

      Framework progressivo e acessível para a construção de interfaces web com reatividade nativa e ecossistema integrado.

Veja também

Links externos, de seus respectivos autores. Esta trilha é conteúdo original da IPL.