Praticando posicionamento

Garantir que seus objetos apareçam onde você quer é onde o poder do CSS começa a brilhar. Você recebeu três exemplos de CSS lidos como variáveis string (css_1, css_2, css_3). Você pode imprimir cada um no console!

Qual deles faria um objeto com esse CSS aparecer ao lado de outro?

Este exercício faz parte do curso

Construindo Dashboards com Dash e Plotly

Exercício interativo prático

Transforme a teoria em ação com um de nossos exercícios interativos

Começar o exercício

Este exercício faz parte do curso

Construindo Dashboards com Dash e Plotly

IntermediárioNível de habilidade

4.8+

Iniciar curso de graça

Leve o Plotly ao próximo nível com o Dash. Depois de uma breve revisão do Plotly, você vai direto para a construção do seu primeiro app Dash. Em seguida, você terá um primeiro contato com HTML e como o Dash aproveita essa linguagem essencial do desenvolvimento web para estruturar apps Dash maiores. Por fim, você vai juntar tudo isso no seu primeiro dashboard com múltiplos gráficos para uma organização de e-commerce global.

Exercise 1: Gráficos e figuras no Plotly Exercise 2: Gráfico de linhas de vendas por país Exercise 3: Gráfico de barras de vendas por país Exercise 4: Do Plotly ao Dash Exercise 5: O código essencial de um app Dash Exercise 6: Vendas em um app Dash Exercise 7: Posicionando componentes do Dash Exercise 8: Combinando HTML e Dash Exercise 9: Um rascunho de dashboard de vendas

Assuma o controle dos elementos nos seus apps Dash com HTML e CSS. Entenda o que cada um é e como estão no coração do desenvolvimento web moderno, depois incorpore seus recursos poderosos nos seus apps Dash para mudar o tamanho, a cor e o posicionamento dos seus objetos.

Exercise 1: HTML no Dash Exercise 2: Adicionando logotipos e notas Exercise 3: Adicionando uma lista HTML ao Dash Exercise 4: Noções básicas de CSS no Dash Exercise 5: Estilizando um app Dash com CSS Exercise 6: Mudando para o modo escuro Exercise 7: CSS avançado no Dash Exercise 8: Praticando posicionamento

Exercício atual

Exercise 9: Um dashboard de vendas refinado Exercise 10: Controlando o layout dos objetos

Transforme seus apps Dash em experiências guiadas pelo usuário dominando componentes interativos. Aprenda a incluir menus suspensos, seletores de data e campos de texto livre baseados em eventos para modificar elementos nos seus apps Dash e criar dashboards verdadeiramente self-service que seus usuários podem explorar.

Exercise 1: Callbacks no Dash Exercise 2: Um dropdown para vendas por país Exercise 3: Corrigindo um dashboard com problemas Exercise 4: Componentes interativos Exercise 5: Seletor de data para dados de vendas Exercise 6: Um callback com seletor de data Exercise 7: Slider para dados de vendas Exercise 8: Componentes reutilizáveis do Dash Exercise 9: Reutilizando componentes do Dash Exercise 10: Estilização DRY de componentes do Dash Exercise 11: Entradas do usuário em componentes do Dash Exercise 12: Atualizando o título de um gráfico Exercise 13: Analisando as principais localizações de clientes

Liberte todo o poder da interatividade em apps Dash ao acionar mudanças em um gráfico quando o usuário clica ou passa o mouse sobre outro. Além disso, você vai aprender o básico do módulo AG Grid do Dash para criar tabelas que podem ser facilmente filtradas, ordenadas e paginadas; e também acionar mudanças em outros gráficos.

Exercise 1: Interatividade entre elementos Exercise 2: Gerar estatísticas-chave ao passar o mouse Exercise 3: Passe o mouse para atualizar outro gráfico Exercise 4: Clique para atualizar outro gráfico Exercise 5: Callbacks encadeados Exercise 6: Opções condicionais em dropdown Exercise 7: Estendendo a cadeia Exercise 8: Introdução ao Dash AG Grid Exercise 9: Tabela interativa de indicadores-chave Exercise 10: Paginando uma tabela de estatísticas-chave Exercise 11: Aprimorando o dashboard de vendas Exercise 12: Interatividade com Dash AG Grid Exercise 13: Estilizando uma tabela de estatísticas-chave Exercise 14: Tabelas interativas no painel de vendas Exercise 15: Vídeo de encerramento