Série JavaScript Vol.1: Manipulação do DOM e JSON

Se você quer aprender JS do zero, é melhor começar pelos fundamentos em vez dos frameworks mais recentes

É comum os desenvolvedores de backend negligenciarem o JavaScript (JS). No entanto, o JS se tornou incrível nos últimos anos. Isso mesmo. É hora de aprender JS seriamente. Mas se você está começando do zero, é melhor aprender a manipulação do DOM e JSON antes de mergulhar nos frameworks mais recentes. Dessa forma, você entenderá os mecanismos subjacentes.

Visão geral do curso

Neste curso, você aprenderá o básico do JavaScript e como manipular o Document Object Model (DOM) e trabalhar com dados JSON. Aqui está o que você vai aprender:

1. Configurando o ambiente de desenvolvimento

Você usará um software de edição chamado Visual Studio Code para o desenvolvimento. Você aprenderá como instalar o software, configurar o servidor ao vivo e preparar os arquivos necessários.

2. Sintaxe básica do JavaScript

O JavaScript segue regras de sintaxe semelhantes a outras linguagens de programação. Você abordará tópicos como loops, declarações condicionais e arrays. Se você tem experiência com outras linguagens, será mais fácil de entender. Mas se você é um iniciante, não se preocupe, nós o guiaremos.

3. Recuperando valores do HTML

Frequentemente, as páginas da web contêm tabelas. Você aprenderá como recuperar valores dessas tabelas usando propriedades do JavaScript. Como esse é um recurso comumente usado, é essencial aprender.

4. Manipulando HTML

Às vezes, você precisa manipular o HTML usando JavaScript. Por exemplo, você pode querer calcular o preço total com base no valor selecionado em um menu suspenso e o preço correspondente na página da web. Dominar esse conhecimento fundamental permitirá que você execute várias operações na tela.

5. Criando uma tabela a partir de dados JSON

Você trabalhará com dados JSON que contêm IDs de produtos, nomes e preços para diferentes filiais. Quando uma filial é selecionada na página da web, você carregará e exibirá os dados correspondentes em uma tabela. Este exercício ajudará você a entender como trabalhar com dados JSON.

6. Obtendo dados JSON de um servidor externo

Você aprenderá como obter dados JSON de um servidor externo e usar o JavaScript para criar uma tabela de listagem de produtos. No entanto, observe que o servidor deve ter o Cross-Origin Resource Sharing (CORS) habilitado para recuperar dados JSON. Você ganhará experiência prática com diferentes servidores para evitar confusão ao encontrar erros.

O que você vai aprender

Ao longo deste curso, você adquirirá conhecimento nas seguintes áreas: - Estrutura do JavaScript: JavaScript é uma linguagem orientada a objetos. No entanto, tentar aprender tudo pode ser esmagador. Por isso, vamos nos concentrar nos objetos mais usados, como window, document e event. - Métodos de objeto: Os objetos têm métodos, que são essencialmente funções. Você aprenderá métodos como registro, recuperação de elementos HTML e muito mais. Esses métodos são essenciais para construir o sistema mencionado acima. - Dados JSON: XML costumava ser o formato de dados dominante, mas o JSON se tornou mais intuitivo e amplamente usado. Você aprenderá como ler e analisar dados JSON. - Sintaxe básica do JavaScript (loops, declarações condicionais, arrays): Como outras linguagens de programação, o JavaScript possui elementos básicos de sintaxe, como loops, declarações condicionais e arrays. Você começará criando uma caixa de listagem e praticará o uso desses elementos extensivamente. - Manipulação de eventos: Quando há uma ação na tela, como uma alteração de valor em uma lista ou um clique em um botão, ocorre um evento. Você aprenderá sobre eventos e como lidar com eles. - Funções, funções anônimas e funções de retorno em JavaScript: Como outras linguagens, o JavaScript permite que você crie funções. No entanto, o JavaScript também usa frequentemente funções anônimas e funções de retorno, o que pode ser confuso para iniciantes. Vamos devagar e guiá-lo por esses conceitos. Junte-se a nós neste abrangente curso de JavaScript e aprimore suas habilidades em manipulação do DOM e manipulação de dados JSON.