Conteúdo

Começar a programar pode parecer um desafio, especialmente para quem nunca teve contato com códigos ou conceitos de desenvolvimento. No entanto, aprender a programar é uma experiência prática, visual e gratificante desde os primeiros passos. Criar Dashboards interativos é uma forma poderosa de transformar dados brutos em informações claras e úteis, aproximando a programação do cotidiano e mostrando resultados reais rapidamente.

Lucas Tauil guia você nessa jornada apresentando o JavaScript como porta de entrada para o mundo da programação. Você aprenderá desde comandos básicos, como alert("Hello World"), até a criação de Dashboards responsivos e atraentes, acessíveis em qualquer dispositivo. O conteúdo está dividido em três partes: fundamentos da web (HTML, CSS e JavaScript), conceitos essenciais do JavaScript (variáveis, funções, loops, eventos e APIs) e, por fim, a construção prática de Dashboards reais com dados em .csv, gráficos interativos e boas práticas de código.

Com uma abordagem didática e exemplos práticos, este livro prepara você para transformar dados em visualizações significativas e avançar com confiança no universo da tecnologia.

Saiba o que você vai aprender

Sumário

Parte I — Entendendo as ferramentas

• 1 O caminho até os Dashboards
• 1.1 Editores e navegadores
• 1.2 Live Server
• 1.3 Os pilares da Web
• 1.4 Frameworks

• 2 Estrutura e os primeiros códigos
• 2.1 Seja organizado(a)
• 2.2 A base da web
• 2.3 HTML
• 2.4 CSS
• 2.5 Bootstrap — Framework de CSS

Parte II — Explorando o poder do JavaScript

• 3 Bem-vindo ao JavaScript
• 3.1 O que é JavaScript?
• 3.2 Como escrever o código em JS
• 3.3 Regras básicas do JavaScript
• 3.4 Tipo de dados
• 3.5 Variáveis
• 3.6 Operações
• 3.7 Prompt, console e alert
• 3.8 Conversão de tipo de dados
• 3.9 Controlando o fluxo do seu algoritmo
• 3.10 Operadores relacionais
• 3.11 Operadores lógicos
• 3.12 É possível combinar operadores relacionais e lógicos?

• 4 Funções e estruturas de repetição
• 4.1 Funções
• 4.2 Funções com parâmetros
• 4.3 Função anônima
• 4.4 Função de seta
• 4.5 Loops e laços de repetição
• 4.6 Estrutura for
• 4.7 Estrutura while
• 4.8 Estrutura do-while
• 4.9 Switch

• 5 Trabalhando com dados em JavaScript
• 5.1 Objetos
• 5.2 Constructor, new e this
• 5.3 Classes
• 5.4 Arrays
• 5.5 Métodos e propriedades dos Arrays
• 5.6 Arrays com objetos
• 5.7 Algumas maravilhas do JavaScript

• 6 Abstrações e lógicas avançadas
• 6.1 Funções de Ordem Superior
• 6.2 Métodos nativos de busca e transformação
• 6.3 Operadores avançados
• 6.4 Desestruturação
• 6.5 Spreads

• 7 JavaScript na Internet
• 7.1 Document Object Model (DOM)
• 7.2 Eventos
• 7.3 O formato JSON
• 7.4 APIs da Web nativas do JS
• 7.5 Assincronia
• 7.6 Fetch
• 7.7 Bibliotecas
• 7.8 JavaScript tem frameworks?

Parte III — Chegou a hora dos Dashboards!

• 8 Visualização e preparação dos dados
• 8.1 Fundamentos da visualização da informação
• 8.2 Agrupamentos, hierarquias e formas
• 8.3 Padronizando os dados
• 8.4 Escolhendo os tipos de Dashboards
• 8.5 Checklist para bons Dashboards
• 8.6 Referências do capítulo

• 9 Gerando os Dashboards
• 9.1 Como acompanhar os códigos deste capítulo
• 9.2 Seu primeiro Dashboard
• 9.3 Um Dashboard dinâmico
• 9.4 E se tivermos outras fontes de dados?
• 9.5 Comparar mais dados
• 9.6 Prepare-se para o próximo nível

• 10 Importador inteligente de dados
• 10.1 Por que criar um importador?
• 10.2 O formato CSV
• 10.3 Passo a passo do importador
• 10.4 Dashboards com o importador

• 11 Visualizando o Brasil: Dados em mapa
• 11.1 Exibindo mapas com Leaflet.js
• 11.2 Integrando GeoJSON ao Leaflet
• 11.3 Importando dados públicos para o Dashboard
• 11.4 Agregando valores por estado e por imposto
• 11.5 Criando Dashboards Temporais
• 11.6 Personalizando interatividade e estilos do mapa
• 11.7 Conclusão do projeto: Dashboard Geográfico