Aprender estratégias de depuração e próximas etapas

Objetivos de aprendizagem

Após concluir esta unidade, você estará apto a:
  • Usar duas técnicas simples para depuração de código do componente.
  • Citar cinco formas diferentes para aprender mais sobre os componentes do Aura.

Como depurar e solucionar problemas

Defeitos de software acontecem. Quando você está começando a usar qualquer linguagem ou estrutura nova, frequentemente você se vê em uma situação na qual se pergunta: “O que aconteceu? Aconteceu alguma coisa?”

Às vezes, tudo que você precisa é de uma linha de log com alguns detalhes úteis sobre onde você está e o que uma variável contém. Então, aqui vai um exemplo rápido de como fazer exatamente isso em seu JavaScript.
// ...
console.log('someVariable: ' + JSON.stringify(someVariable));
// ...

O JSON.stringify() lhe fornece uma representação legível para um ser humano mesmo de dados estruturados complexos. O comando console.log() fornece uma string no console JavaScript de seu navegador. Os dois juntos funcionam independente do navegador que você esteja usando, quais ferramentas você tenha instaladas ou de seu nível de habilidade com o depurador de JavaScript.

Claro que nem todos os problemas podem ser diagnosticados com o console.log(). No módulo Habilidades e ferramentas para componentes do Aura, ajudamos você a se preparar com o Chrome DevTools e o Lightning Inspector. Quando a situação fica estranha, o estranho vira profissional. Isto é um trabalho para o Lightning Inspector. Você provavelmente já recorreu muitas vezes à guia Log de evento, ao diagnosticar interações entre componentes, e à guia Ações, quando o problema era com solicitações do servidor. Provavelmente, você também precisa aprender mais sobre o ciclo de vida da manipulação de eventos.

Última coisa. Garanta que o modo de Depuração esteja ativo. Isto evita que o JavaScript baixado seja minimizado e, assim, facilita a obtenção de detalhes necessários para tarefas de depuração avançadas. Isto é essencial se sua depuração exigir rastreamento pelo código, o que de outra forma será indecifrável.

Próximas etapas

Ok, é hora de finalizar. Esperamos que este passeio pelo turbilhão de alguns dos novos e diferentes recursos da estrutura de componentes do Lightning tenha sido interessante. E isto lhe será útil quando começar a desenvolver. Esperamos especialmente que o passeio lhe ajude a evitar as armadilhas nas quais os desenvolvedores do Visualforce às vezes caem.

Mas não podemos ter a pretensão de termos abordado tudo que você precisa saber para ser um desenvolvedor realizado com os componentes do Aura. Ainda há muito a aprender. Aqui vão algumas sugestões para as próximas etapas.

A mais óbvia é o módulo Noções básicas sobre componentes do Aura, aqui mesmo no Trailhead. Diversos assuntos nos quais apenas tocamos aqui são abordados em profundidade nesse módulo, incluindo alguns conceitos especialmente complicados, como o processamento de respostas do servidor em retornos de chamadas.

Se você estiver procurando por mais indicadores, a última unidade deste módulo é Descobrir as próximas etapas. Toda uma unidade com indicadores que lhe direcionam a mais itens para explorar.

Esta também é uma ótima introdução para o Guia do desenvolvedor de componentes do Aura do Lightning, dividido por temas e tópicos. O guia do desenvolvedor é a referência definitiva para desenvolver com a estrutura.

Toda a trilha Desenvolver para o Lightning Experience tem materiais úteis, incluindo alguns projetos práticos diferentes, que usam componentes do Aura.

Se você gosta de aprender com vídeos, há uma tonelada deles em Salesforce Live. Procure por “componentes do lightning” para restringir a lista para algo fácil de gerenciar. Recomendamos especialmente os muitos vídeos do Dreamforce 2015 e Dreamforce 2016.

Por fim, para uma referência dinâmica para os componentes que você tem instalados em sua organização, semelhantes à referência de componentes no aplicativo Visualforce, consulte o reference doc app, localizado em https://<MyDomainName>.lightning.force.com/auradocs/reference.app.

Esperamos que você aproveite sua viagem pelos componentes do Aura!