Os 100 Conhecimentos Essenciais para Iniciantes em JavaScript

De Tenkou

Deseja mergulhar no mundo do desenvolvimento web com JavaScript, mas não sabe por onde começar? "Os 100 Conhecimentos Essenciais para Iniciantes em JavaScript" é o guia definitivo para todos que querem dar os primeiros passos nesta linguagem de programação poderosa e versátil. Com uma abordagem passo a passo, este livro eletrônico descomplica conceitos desde variáveis até funções avançadas, garantindo uma base sólida para sua jornada de aprendizado. Através de exemplos práticos e dicas valiosas, você não apenas aprenderá o básico, mas também será capaz de criar seus próprios projetos web interativos. Prepare-se para transformar suas ideias em realidade com JavaScript!

• Idioma: Português
• Editora: Blue Summit Bridge Press
• Data de lançamento: 12 de abr. de 2024
• ISBN: 9798224389728

Pré-visualização do livro

Index

Escopo de Variáveis em JavaScript

Uso de const para Constantes

JavaScript e a Tipagem Fraca

Tipagem Dinâmica no JavaScript

Comparação Estrita em JavaScript

Funções de Seta e o this

Template Strings

Desestruturação

Operador de Espalhamento em JavaScript

let, const e var em JavaScript

Execução Síncrona e Assíncrona em JavaScript

Promises em JavaScript

Async/Await

Modelo de Concorrência e Loop de Eventos

Closures em JavaScript

O Contexto 'this' em JavaScript

null e undefined

Programação Orientada a Objetos com Protótipos

Métodos de Arrays em JavaScript

Tratamento de Exceções em JavaScript

Propagação de Eventos

Modelo de Objeto de Documento (DOM)

JSON em JavaScript

A API Fetch

Armazenamento Web

WebSockets

Service Workers

Array.isArray()

Operadores Bitwise

O operador typeof

Utilizando o delete em objetos

O modo estrito (use strict)

Loop de Eventos no JavaScript

Modularização em JavaScript

Trabalhando com Datas e Horas em JavaScript

Utilizando Funcionalidades Matemáticas em JavaScript

Expressões Regulares em JavaScript

Acesso a Propriedades de Objetos em JavaScript

NaN (Not a Number)

Conversões Implícitas de Tipo

Evite o uso global de variáveis

Padrão de Módulo Revelador

Utilizando console.log para Debugging

A Simplificação com Lodash

Frameworks JavaScript

Node.js no Servidor

NPM (Node Package Manager)

Webpack

Babel: O Transpilador JavaScript

ESLint: Mantendo a Qualidade do Código

Truthy e Falsy

Operador Ternário

Iteração com for...in vs. for...of

Arrays Dinâmicos em JavaScript

Variáveis globais no JavaScript

Manipulação do DOM vs. JavaScript Puro

Herança Prototípica em JavaScript

Seleção de Elementos do DOM em JavaScript

Adicionando Ouvintes de Eventos

Utilizando a API Fetch para Requisições HTTP

Escopo de Bloco em JavaScript

Conversão para Booleano com Operador de Negação

Encapsulamento em JavaScript com Closures

Imutabilidade com const em JavaScript

Interceptação e Interação com Objetos em JavaScript

Tornando Objetos Imutáveis em JavaScript

Uso de Object.seal() em JavaScript

Generators em JavaScript

Symbol em JavaScript

Propriedades Computadas

Uso de Web Workers em JavaScript

Modelo de Eventos em JavaScript

Entendendo JavaScript Puro

Aplicações SPA com JavaScript

CORS - Compartilhamento de Recursos entre Origens Diferentes

Segurança em Aplicações JavaScript

LocalStorage e SessionStorage

Otimização de Performance com Debouncing e Throttling

Internacionalização em JavaScript

Testes em JavaScript

Testando com Frameworks

Programação Funcional em JavaScript

Cuidado com o Hoisting

Padrão IIFE (Função Imediatamente Invocada)

Operador Nullish Coalescing (??)

Propagação Opcional (?.)

Princípio de Responsabilidade Única

Padrão de Publicação/Assinatura

Acessibilidade na Web

Otimização de Ativos Web

Desenvolvimento Progressivo

Regressão de Funcionalidades

Padrões de Design em JavaScript

Controle de Versão com Git

Compressão de Arquivos com Gzip ou Brotli

Segurança com HTTPS e Certificados SSL

Análise e Refatoração de Código

Ciclo de Vida dos Componentes

Renderização no Lado do Servidor (SSR)

Renderização no Lado do Cliente (CSR)

Gerenciamento de Estado em SPA

Progressive Web Apps (PWA)

SEO Otimização em JavaScript

Interagindo com Web APIs

Introduction

◆

Neste mundo digital em constante evolução, a capacidade de adaptar-se e aprender novas linguagens de programação é mais valiosa do que nunca. Javascript, sendo uma das linguagens mais populares e amplamente utilizadas na web, serve como um pilar fundamental para o desenvolvimento tanto de front-end quanto de back-end. É com grande satisfação que apresentamos este guia conciso, projetado especificamente para aqueles que já possuem uma compreensão básica dos conceitos de programação, mas são novos no universo Javascript.

Este livro foi meticulosamente elaborado para enfatizar apenas as informações cruciais necessárias para começar com Javascript, eliminando qualquer excesso que possa sobrecarregar os iniciantes. Ao se concentrar estritamente no essencial, propomos um caminho de aprendizado claro e eficiente, permitindo que você domine rapidamente os fundamentos desta linguagem poderosa.

Além disso, este guia serve como uma excelente revisão para programadores experientes que buscam atualizar seus conhecimentos com as últimas práticas essenciais em Javascript. Em um campo que está sempre avançando, manter-se atualizado é fundamental para o sucesso.

Nosso maior desejo é que este livro lhe seja útil, não apenas como uma ferramenta de aprendizado, mas também como um recurso de referência rápida. Encorajamos vivamente que compartilhe sua experiência, através de comentários e avaliações, após a leitura. Seu feedback não apenas nos ajudará a melhorar futuras edições, mas também servirá como um farol para outros engenheiros em situações similares, ajudando-os a descobrir este guia valioso.

Agradecemos desde já pela sua participação e desejamos-lhe uma jornada enriquecedora e produtiva no aprendizado de Javascript.

1

Escopo de Variáveis em JavaScript

---

No JavaScript, a forma como uma variável é declarada afeta onde ela pode ser acessada.

---

Vejamos como o escopo de uma variável muda com var, let e const.

[Code]

function exemploVar() {

if (true) {

var variavelVar = 'Eu sou Var';

}

console.log(variavelVar); // A variável 'variavelVar' é acessível aqui

}

function exemploLetConst() {

if (true) {

let variavelLet = 'Eu sou Let';

const variavelConst = 'Eu sou Const';

console.log(variavelLet); // Acessível apenas dentro deste bloco

console.log(variavelConst); // Acessível apenas dentro deste bloco

}

// console.log(variavelLet); // Erro: variavelLet não está definida

// console.log(variavelConst); // Erro: variavelConst não está definida

}

exemploVar();

exemploLetConst();

––––––––

[Result]

Eu sou Var

Eu sou Let

Eu sou Const

––––––––

var declara uma variável com escopo de função, o que significa que se você declarar uma variável com var dentro de uma estrutura condicional como um if, ela ainda será acessível fora dessa estrutura dentro da mesma função. Já let e const têm escopo de bloco, significando que elas só podem ser acessadas dentro do bloco onde foram declaradas, como dentro de uma estrutura condicional ou um loop. Isso ajuda a evitar erros comuns, como reatribuições acidentais e sobreposições de variáveis.

––––––––

[Trivia]

A introdução de let e const no ES6 (ECMAScript 2015) foi uma mudança significativa na forma de gerenciar variáveis em JavaScript, proporcionando mais controle sobre o escopo e reduzindo possíveis erros devido ao comportamento de elevação (hoisting) das variáveis declaradas com var.

2

Uso de const para Constantes

---

const é usado para declarar constantes em JavaScript, o que significa que o valor não pode ser alterado após a atribuição inicial.

---

Vamos criar uma constante e tentar alterar seu valor.

[Code]

const minhaConstante = 10;

console.log(minhaConstante); // Exibe o valor inicial da constante

// minhaConstante = 20; // Tentativa de reatribuição causará erro

––––––––

[Result]

10

––––––––

Ao declarar uma variável com const, você está dizendo ao JavaScript que essa variável sempre representará o mesmo valor, e qualquer tentativa de reatribuí-la resultará em um erro de tempo de execução. Isso é particularmente útil para valores que você sabe que não precisarão ser alterados ao longo do seu código, como configurações, dependências ou valores significativos que seriam confusos se mudassem.

––––––––

[Trivia]

Uma curiosidade sobre const é que, embora você não possa reatribuir uma constante, se o valor atribuído for um objeto ou um array, você ainda pode alterar as propriedades ou elementos internos do objeto ou array. Isso porque const garante que a referência ao objeto ou array permaneça constante, não o conteúdo interno.

3

JavaScript e a Tipagem Fraca

---

Em JavaScript, uma linguagem de programação é considerada fracamente tipada porque não exige declarações de tipo de variável. Isso significa que uma variável pode ser reatribuída a diferentes tipos de dados sem causar um erro.

---

A seguir, um exemplo prático de como uma variável em JavaScript pode mudar de tipo, de número para string.

[Code]

let variavel = 42; // Inicialmente, a variável é um número

console.log(typeof variavel); // Mostra o tipo da variável

variavel = Olá, mundo!; // Agora, a mesma variável é uma string

console.log(typeof variavel); // Mostra o novo tipo da variável

––––––––

[Result]

number

string

––––––––

Quando você atribui um valor a uma variável em JavaScript, o tipo daquela variável é determinado pelo valor que ela recebe naquele momento. No exemplo acima, variavel é inicialmente um número (42). Utilizamos typeof para mostrar que seu tipo é number. Depois, reatribuímos variavel para uma string (Olá, mundo!). Ao verificar novamente com typeof, observamos que o tipo mudou para string. Isso ilustra a flexibilidade do JavaScript em termos de tipagem de variáveis, mas também destaca a necessidade de cuidado para evitar erros lógicos ou de tipo inesperados em programas mais complexos.

––––––––

[Trivia]

Em muitas linguagens de programação fortemente tipadas, tentar reatribuir um valor de um tipo diferente ao de uma variável existente resultaria em um erro de compilação ou execução. A tipagem fraca do JavaScript permite uma maior flexibilidade, mas também exige que os desenvolvedores sejam mais vigilantes com a