Nesta palestra feita no Roadsec23, exploraremos técnicas avançadas para trabalhar com o framework Angular, com a ajuda do ChatGPT. Desde estratégias de otimização de performance até soluções criativas para problemas comuns, você aprenderá como levar suas habilidades de desenvolvimento Angular para o próximo nível, aproveitando o conhecimento e a experiência do ChatGPT. Descubra como esta poderosa ferramenta de inteligência artificial pode ajudá-lo a aprimorar suas habilidades de programação Angular e impulsionar sua carreira de desenvolvedor.

2. Dominando o
Angular com o
ChatGPT
Dicas e Truques Avançados para Desenvolvedores

3. {
“nome”: “Wender P. Machado”,
“anosExperiencia”: “8+”,
“titulo”: “Sênior Software Developer na Plan A Technologies”,
“graduacao”: “Bacharel em Sistemas de Informação - CEFET“,
“posGraduacao”: “Gestão da Qualidade de Software - UniBF”
}

4. ChatGPT
Fonte: https://trends.google.com.br

5. Angular
Fonte: https://2022.stateofjs.com

6. Principais
dificuldades no
Angular

7. • Curva de aprendizado
• Complexidade do código
• Manutenção de aplicações legadas
• Gerenciamento de dependências
• Gerenciamento de estado
• Testes e depuração
Principais dificuldades no Angular

8. “Você é a média
das 5 pessoas que
mais convive”
Jim Rohn

9. Imagina o ChatGPT sendo uma dessas 5 pessoas?

11. Como começar a
conversa com o
ChatGPT?

12. Tela inicial do ChatGPT

13. Fale qual o papel do ChatGPT nessa conversa

14. • Curva de aprendizado
• Complexidade do código
• Manutenção de aplicações legadas
• Gerenciamento de dependências
• Gerenciamento de estado
• Testes e depuração
Principais dificuldades no Angular

15. Pergunte sobre a complexidade do seu código

16. Entenda cada parte do código com a ajuda do ChatGPT

17. Receba sugestões para melhorar seu código

18. Obtenha soluções com as devidas explicações

19. • Curva de aprendizado
• Complexidade do código
• Manutenção de aplicações legadas
• Gerenciamento de dependências
• Gerenciamento de estado
• Testes e depuração
Principais dificuldades no Angular

20. Converta de um framework para outro
Converta de um framework para outro

21. Receba o código convertido em Angular 12+

22. Entenda melhor as alterações

23. • Curva de aprendizado
• Complexidade do código
• Manutenção de aplicações legadas
• Gerenciamento de dependências
• Gerenciamento de estado
• Testes e depuração
Principais dificuldades no Angular

24. Seja específico nas linguagens e frameworks

25. Utilize o código como base e vá evoluindo seus testes

26. Utilize o código como base e vá evoluindo seus testes
Entenda a base dos tests automatizados

27. CTRL + C / CTRL + V
ChatGPT não é só

28. Dicas de prompts

29. • Escreva um [...] utilizando [...] com os seguintes inputs: [...]
• Escreva um componente de paginação utilizando Material Design com os
seguintes inputs: list, limit, offset
• Implemente um [...] que [...] utilizando [...]
• Implemente um serviço que busque e armazene os usuários da API utilizando
NgRx
Dicas de prompts

30. • Finalize o código [...] para implementar [...]
• Finalize o código abaixo para implementar mecanismo de caching
• Explique com exemplos o conceito de [...]
• Explique com exemplos o conceito de Observables
Dicas de prompts

31. • Identifique potenciais problemas de performance no código [...]
• Localize erros de lógica na função [...]
• Realize um code review detalhado do código abaixo [...]
• Aponte melhorias em acessibilidade no código a seguir [...]
Dicas de prompts

32. Treinando para
entrevistas

35. Sumarizando

36. • Considere o ChatGPT como seu colega de trabalho
• Fale qual papel ele terá na conversa
• Forneça o máximo de contexto possível
• Faça perguntas específicas
• Seja curioso e faminto por conhecimento!
Sumarizando

38. Wender P. Machado
Sênior Software Developer
in/wenderpmachado
wenderpmachado@gmail.com
linkedin/wenderpmachado
instagram/wenderpmachado