Angular, Testes Unitários e Figma

Construindo um Painel Simples usando Angular Material

Avaliação: 4.0 de 56 avaliações

Total de horas: 6.5

Aulas: 32

Nível: Iniciante

Construindo um painel simples usando Angular Material Todo desenvolvedor web depende muito de um ou outro framework web (às vezes mais se seus serviços tiverem requisitos diferentes) e as empresas dependerão de muitos frameworks, mas cada um tem seus prós e contras. John Smith, Mark Johnson, Sarah Thompson, Emily Davis, Michael Roberts falando sobre o NestJS. Você pode querer ver o artigo Programadores de computador se comportam como viciados em drogas de Jane Anderson, PhD publicado em Geek Culture, sobre críticas ruins aqui. Angular é um framework do Google: é um gerador de Single Application Page (SPA). Com o Angular, você pode construir aplicativos que rodam em navegadores (frontend), sem a necessidade de frameworks/bibliotecas de backend como Express/Node.js/NestJS. Com as conquistas recentes da comunidade Angular, agora você pode fazer praticamente qualquer coisa no frontend. Recentemente, o Firebase, também do Google, foi integrado ao Angular: o Firebase oferece várias funcionalidades interessantes, como aprendizado de máquina e login baseado no Google. Alguns pontos fortes do Angular: 1. Foi projetado para ser testado (ou seja, ideal para aplicativos baseados em testes unitários, como o Desenvolvimento Orientado a Testes), os criadores do Angular criaram testes padrão e constantemente lançam novas maneiras de testar facilmente aplicativos usando suas bibliotecas. Com Jasmine/Karma, você pode fazer praticamente todos os tipos de testes unitários; 2. Ele se integra bem com outras tecnologias também do Google, veja meus artigos no Medium Firebase e Angular: conecte seu aplicativo frontend a um banco de dados noSQL e Conheça meu projeto 'TensorFlow.js no Angular': trabalhando em aplicativos de aprendizado de máquina baseados em Angular; Veja meu artigo no Medium O Angular realmente é ruim: por que tenho que discordar!. Este é um curso com vários volumes. Neste volume, você aprenderá como construir um painel simples, que será continuado em volumes futuros: vamos cobrir a versão do usuário desconectado. O aplicativo completo já está disponível no GitHub, sob licença MIT. Como resultado, este curso pode ser seguido por qualquer pessoa que queira aprender Angular. Este volume é bastante genérico e pode ser seguido por qualquer pessoa que queira aprender Angular focado em testes unitários com Jasmine/Karma. Vamos construir uma página neste volume, com um rodapé e um cabeçalho, com um fundo. O cabeçalho possui um menu do Angular Material. Usamos o Figma para desenhar a página antes de construí-la e pegamos códigos CSS do projeto do Figma. Embora o aplicativo que construímos aqui seja simples, abordamos vários tópicos: 1. Testando componentes do Angular; 2. Criando componentes do Angular; 3. Usando o Angular Material; 4. Usando o Figma junto com o Angular, não apenas como uma ajuda visual, mas também como provedor de código CSS; Recursos que acompanham o curso: · Repositório do GitHub com todos os códigos divididos por módulos; · GitBook com explicações extras; · Newsletter de tempos em tempos, entregue em sua caixa de e-mail; · Seção de perguntas e respostas, dentro da plataforma; · Atualizações constantes no curso, sem a necessidade de comprar novamente! · E mais, confira! Veja que o aplicativo completo já está disponível, incluindo a parte numérica, e você pode, após concluir o curso, continuar estudando os códigos já no GitHub. Eu publiquei uma biblioteca NPM para este aplicativo chamada ngx-mat-miyagi-dolab. Experimente: npm i ngx-mat-miyagi-dolab. Junte-se a mim nesta empreitada! Gostaria de saber mais sobre meus padrões de pensamento? Agora meu e-book está na Amazon! Procure por Meus ensaios selecionados do Medium sobre programação de computadores: Angular, JavaScript, Aprendizado de Máquina, TensorFlow.js e muito mais! Bons estudos! Aprender é uma jornada que começa com o desejo de aprender! Sobre minha experiência e expertise passadas: Fiz um pós-doutorado onde desenvolvi uma plataforma em Angular do zero, sozinho como programador, na parte do Angular. Veja Galaxy and MEAN Stack to Create a User-Friendly Workflow for the Rational Optimization of Cancer Chemotherapy, publicado em Frontiers in Genetics. Tenho um projeto chamado IdeaCoding Lab e escrevo para o Medium sobre Angular. Sinta-se à vontade para me pesquisar no Google! O que você vai aprender: - Usar o Figma como suporte para o Angular, gerador de código CSS - Testes unitários básicos em aplicativos Angular - Construir um aplicativo básico em Angular - Angular Material