Introdução

Iniciando com JavaScript: Um Guia Prático para Entender os Fundamentos da Linguagem da Web

Seja bem-vindo ao nosso livro "Iniciando com JavaScript"! Este guia prático foi criado para ajudar você a compreender os fundamentos da linguagem de programação mais utilizada na web.

Neste livro, exploraremos os principais tópicos relacionados ao JavaScript, desde sua importância para o desenvolvimento web até suas características e funcionalidades essenciais. Você aprenderá sobre a criar o seu primeiro código JavaScript em conjunto com a utilização do HTML, as principais ferramentas de desenvolvimento, entenderá os tipos de variáveis, operadores, controle de fluxo, métodos de iteração, funções, manipulação do DOM e muito mais.

Ao longo deste livro, abordaremos de forma clara e simples cada conceito, fornecendo exemplos de código comentados para facilitar o entendimento, além de dicas e sugestões para aprimorar suas habilidades de programação em JavaScript. Vamos começar!

Sumário

1. JavaScript: A Linguagem da Web Moderna

   • 1.1 Por que JavaScript é tão popular?

   • 1.2 Características da Linguagem

   • 1.3 Importância do JavaScript para a web

2. Um pouco sobre HTML

   • 2.1 O que é?

   • 2.2 Integração com JavaScript

   • 2.3 Por que o HTML é importante para o JavaScript?

3. Ferramentas para Desenvolvimento com JavaScript

   • 3.1 Editores de Código

     • 3.1.1 Visual Studio Code (VS Code)

   • 3.2 Ferramentas de Desenvolvedor dos Navegadores

     • 3.2.1 Utilizando as Ferramentas de Desenvolvedor

4. Criando seu primeiro código em Javascript!

   • 4.1 Como Rodar um Script de JavaScript?

     • 4.1.1 Criando um arquivo JavaScript

     • 4.1.2 Criando um arquivo HTML

     • 4.1.3 Abrindo o arquivo HTML no navegador

     • 4.2 Interagindo com o JavaScript no navegador

5. Formas de Transmitir Mensagens

   • 5.1 Alert

   • 5.2 Console

     • 5.2.1 Log

     • 5.2.2 Warn

     • 5.2.3 Error

   • 5.3 Throw

6. Tipos de Variáveis e Métodos Auxiliares

   • 6.1 Declaração de Variáveis

     • 6.1.1 Diferenças entre as formas de declarar variáveis

   • 6.2 Tipos de Variáveis

     • 6.2.1 Number (Número)

     • 6.2.2 String (Texto)

     • 6.2.3 Boolean (Booleano)

     • 6.2.4 Array (Matriz)

     • 6.2.5 Object (Objeto)

     • 6.2.6 Undefined

     • 6.2.7 Null

     • 6.3 Métodos auxiliares para números

       • 6.3.1. parseInt() e parseFloat()

       • 6.3.2. toFixed()

       • 6.3.3. Math.abs()

       • 6.3.4. Math.round(), Math.floor() e Math.ceil()

       • 6.3.5. Math.max() e Math.min()

       • 6.3.6 Operações numéricas

     • 6.4 Métodos auxiliares para strings

       • 6.4.1. length

       • 6.4.2. toLowerCase() e toUpperCase()

       • 6.4.3. charAt()

       • 6.4.4. indexOf() e lastIndexOf()

       • 6.4.5. slice()

       • 6.4.6. split()

       • 6.4.7. replace()

     • 6.5 Métodos auxiliares para boolean

       • 6.5.1. toString()

       • 6.5.2. valueOf()

       • 6.5.3. Boolean()

       • 6.5.4. Operadores Lógicos (&&, ||, !)

       • 6.5.5. toPrecision()

     • 6.6 Métodos auxiliares para array

       • 6.6.1. push()

       • 6.6.2. pop()

       • 6.6.3. shift()

       • 6.6.4. unshift()

       • 6.6.5. splice()

       • 6.6.6. concat()

     • 6.7 - Métodos auxiliares para Object

       • 6.7.1. Object.keys()

       • 6.7.2. Object.values()

       • 6.7.3. Object.entries()

       • 6.7.4. Object.assign()

       • 6.7.5. Object.hasOwnProperty()

     • 6.8 - Métodos auxiliares para null e undefined

       • 6.8.1. Comparação estrita (===)

       • 6.8.2. Operadores

         • 6.8.2.1. Operador de coalescência nula (??)

         • 6.8.2.2. Operador ternário

       • 6.8.3. Função de verificação personalizada

       • 6.8.4 Diferença entre o Undefined e Null

         • 6.8.4.1 O que é null?

         • 6.8.4.2 O que é undefined?

         • 6.8.4.3 Quando usar null?

         • 6.8.4.4 Quando usar undefined?

         • 6.8.4.5 Principais diferenças entre null e undefined

7. Operadores em Javascript

   • 7.1 Operadores Aritméticos

   • 7.2 Operadores de Atribuição

   • 7.3 Operadores de Comparação

   • 7.4 Operadores Lógicos

8. Controle de Fluxo

   • 8.1 Estruturas de Decisão

     • 8.1.1 If

     • 8.1.2 Else if

   • 8.2 Loops

     • 8.2.1 For

     • 8.2.2 While

     • 8.2.3 Do...while

   • 8.3 Interrupção e Continuação de Loops

     • 8.3.1 Break

     • 8.3.2 Continue

     • 8.3.3 Return

9. Explorando mais sobre os métodos de iteração em JavaScript

   • 9.1 For

   • 9.2 While

   • 9.3 ForEach

   • 9.4 Break, Continue e Return

   • 9.5 Return

   • 9.6 For...of

   • 9.7 For in

10. Função e Método

    • 10.1 Função

    • 10.2 Método

11. DOM - Document Object Model

    • 11.1 O que é o DOM?

    • 11.2 Hierarquia do DOM

    • 11.3. Seleção de elementos

      • 11.3.1 getElements

        • 11.3.1.1 getElementById

        • 11.3.1.2 getElementsByClassName

        • 11.3.1.3 getElementsByTagName

      • 11.3.2 querySelector

        • 11.3.2.1 querySelector

        • 11.3.2.2 querySelectorAll

    • 11.4. Manipulação de elementos

    • 11.5 Estilos CSS

    • 11.6 Eventos

      • 11.6.1 Evento de clique (click)

      • 11.6.2 Evento de envio de formulário (submit)

      • 11.6.3 Evento de foco (focus)

      • 11.6.4 Evento de tecla pressionada (keydown)

      • 11.6.5 Outros eventos

12. Síncrono vs Assíncrono no Javascript

    • 12.1 Síncrono (Sync)

    • 12.2 Assíncrono (Async)

    • 12.3 Síncrono vs Assíncrono

13. Entendendo as diferentes formas de lidar com o assincronismo

    • 13.1 Recapitulando sobre o Assincronismo

    • 13.2 Callback

      • 13.2.1 Callback hell

    • 13.3 Promises

    • 13.4 Observables

    • 13.5 Comparação entre Callback, Promise e Observable

14. O final

• Próximos Passos: Continuando seu aprendizado

• Sobre a autora