Scaffold seu aplicativo: CLI do Angular vs App Builder

Não importa se você está construindo um aplicativo web ou móvel, primeiro você precisa escolher um IDE, idealmente configurar um compilador TypeScript, configurar um carregador de módulo (como o Webpack, por exemplo) e estabelecer um servidor de desenvolvimento web local em seguida. Então instale as dependências, vá para a configuração do Unit Test… E pare. Passo após passo, tudo parece que o desenvolvimento do seu novo aplicativo Angular é muito complexo e trabalhoso, levando você para mais perto de um estado de espírito de "me dê um tempo" antes mesmo de você ter passado pela metade do processo.

Mas você pode se afastar desse modelo de “tijolos e argamassa” no desenvolvimento de aplicativos para construir o projeto que você realmente quer sem a carga pesada de codificação manual, configurações e ajustes manuais? Em outras palavras, existe uma maneira melhor do que a antiga, especialmente quando se trata de desenvolvedores com pouca experiência em codificação? Sim.

Na verdade, existem duas maneiras interoperáveis melhores: usando Angular CLI ou App Builder.

Se você já está familiarizado com a comparação e contraste entre esses dois, e como eles funcionam juntos — VOCÊ PODE PULAR para a parte que discute “Qual deles você deve escolher para seu próximo projeto Angular ”. Se você está apenas começando com Angular CLI e o App Builder e precisa saber como eles funcionam — continue lendo.

Hoje, ferramentas de baixo código e sem código estão evoluindo para serem interoperáveis com muitas outras plataformas e tecnologias, permitindo um processo de desenvolvimento ainda mais uniforme. Nesse sentido, então, não importa qual você escolher, ela servirá para o mesmo propósito. Tanto Angular CLI da Ignite UI quanto o App Builder geram um aplicativo moderno de alto desempenho para você, com boa estrutura e ótimos componentes com base na sua escolha e nos requisitos do projeto. Claro, cada um tem suas próprias vantagens e desvantagens, mas no final, ambas as ferramentas de desenvolvimento de aplicativos economizarão tempo, esforços e custos em comparação a quando você decide codificar tudo do zero.

O que é Angular CLI?

Angular CLI é uma ferramenta de linha de comando genérica usada para simplificar como você inicializa, andaime, testa e implanta aplicativos Angular sem ter que instalar e configurar todas as dependências necessárias manualmente. Como uma ferramenta multipacote, ela inclui várias bibliotecas pequenas e separadas que lidam com comportamentos diferentes, e cada uma configura um recurso específico.

Aqui está o que Angular CLI oferece:

Além de simplificar o processo de introdução ao Angular e estruturar o seu aplicativo, Angular CLI também:

• Cria uma pasta de espaço de trabalho para conter seu projeto.
• Cria roteamento para visualizações separadas, o que é um requisito comum para aplicativos web modernos.
• Configura o servidor Webpack e prepara todos os arquivos necessários para o esqueleto do aplicativo.
• Permite que você produza posteriormente novos componentes, diretivas, serviços, módulos, pipes, etc. com um único comando.
• Usa um pré-processador CSS para seus arquivos de estilo para que você possa escrever seus estilos CSS usando Sass, Less ou Stylus.
• Extrai strings i18n do código-fonte.
• Permite que você crie componentes, diretivas e serviços com a ajuda de comandos CLI.
• Permite que você o estenda com bibliotecas de terceiros.
• Lida com atualizações e cuida da migração em cada lançamento Angular.
• Pode ser usado em um shell de comando ou por meio de uma interface de usuário interativa como Angular Console.

Quais são as vantagens do Angular CLI?

Ele dá a você consistência em vários projetos e fornece boilerplate — a economia de tempo. Em outras palavras, o boilerplate Angular CLI promete eficiência e padroniza a estrutura do aplicativo e do código. Seções de código são usadas repetidamente com alteração mínima ou nenhuma, o que permite que você se concentre em outras tarefas cruciais no desenvolvimento do projeto.

Trabalhar no ambiente Angular é mais fácil e rápido. O Angular CLI contém muitos comandos que você pode usar para criar e testar unidades de blocos de construção básicos para Angular.

Ele automatiza tarefas comuns e elimina a necessidade de copiar e colar arquivos de configuração para mover o projeto para o desenvolvimento.

CLI com recursos de script fornece medidas de automação que geralmente são suficientes para atingir resultados rápidos para desenvolvedores. Em geral, ele economiza tempo de criação manual de arquivos e preenchimento manual do código de bootstrapping. Ele também configura tudo para testes unitários, análise de código estático, testes e2e, construção, etc.

Quais são as desvantagens do Angular CLI?

A CLI gera um template estático, ou um conteúdo estático, e você não terá uma solução e2e completa. É por isso que ela é usada principalmente para scaffolding de apps.

Há muitas dependências cruzadas e, às vezes, o processo não funciona tão bem quanto o esperado porque a biblioteca fornecida não está atualizada.

Ele funciona indiretamente pelo Angular Console, que é basicamente a UI para Angular CLI. Alguns desenvolvedores não verão isso como uma grande desvantagem. No entanto, a Command Line Interface é como a maneira legada de entrar no shell, como quando os usuários tinham acesso apenas ao CLI antes da Interface do Usuário surgir.

Você não obtém vários aplicativos prontos para uso no Angular CLI e também não há integração com o Github.

O que é o App Builder?

Os construtores de aplicativos em geral ajudam você a criar telas ou aplicativos da web com o uso de componentes pré-construídos. A codificação pesada é minimizada e não há necessidade de dominar habilidades avançadas de programação. A diferença entre a maioria dos criadores de aplicativos e a plataforma de construtor de aplicativos da Infragistics é que App Builder é uma ferramenta de arrastar e soltar WYSIWYG que simplifica tudo, do design ao código.

Com este software de criação de aplicativos sem código, você pode dar o pontapé inicial em seu próximo aplicativo Angular empresarial ou simplificar ainda mais o processo de desenvolvimento escolhendo entre um conjunto de modelos de aplicativos pré-criados e layouts Flex responsivos. Incluindo uma caixa de ferramentas com controles de IU avançados, nosso criador de aplicativos de arrastar e soltar oferece a flexibilidade de personalizar os temas como você quiser.

Dessa forma, eles podem corresponder à marca, transmitindo uma sensação de consistência visual em todo o aplicativo web.

Alguns dos melhores recursos da categoria para ajudar você a transformar um design Sketch em um aplicativo Angular de nível empresarial incluem:

• Capacidades de design de interação de aplicativos para estabelecer facilmente diferentes cenários de aplicativos.
• Criação de aplicativos de página única/mestre-detalhe.
• Navegação avançada com roteamento.
• Visualização instantânea do código que permite que você interaja com o design para verificar como o aplicativo em execução ficará, será sentido e funcionará.
• Integração do Github da saída do código gerado.
• Capacidade de baixar seu trabalho e adicioná-lo ao seu IDE favorito.
• Geração de código Angular e Blazor.

E muitas outras funcionalidades e atualizações que você pode aprender no mais recente Tutorial e Visão Geral do Produto App Builder abaixo.

Quais são as vantagens do App Builder?

O App Builder serve como uma plataforma única de “multiplicação de força” que simplifica esboços, design, prototipagem, visualização de código em tempo real e geração de código, construção de aplicativo, colaboração e comunicação. Ele também automatiza tarefas repetitivas, eliminando a complexidade por trás da construção de interfaces de usuário e excelente UX manualmente.

Contando com uma base de código compartilhada e recursos integrados de desenvolvimento, teste, depuração e implantação, o construtor de aplicativos web sem código da Infragistics reduz o tempo de desenvolvimento em 80%.

Todos, desde as partes interessadas até os designers e desenvolvedores, estão sendo consolidados em uma única plataforma, sem realmente pedir que a equipe desista das ferramentas que vinha usando até então.

Ele substitui tarefas de desenvolvimento e configura componentes e interações, que podem ser vinculados a código, estilo e layouts.

De uma perspectiva de negócios, o App Builder reduz os custos de desenvolvimento de aplicativos ao democratizar o processo de desenvolvimento de aplicativos, ajudando a evitar rotatividade de tecnologia e automatizando fluxos de trabalho de negócios. Ele traz eficiência ao seu processo de desenvolvimento, o que resulta em mais código de qualidade sobre o que é gerado e uma redução no custo de alteração do código. Como é baseado em nuvem, o software do construtor de aplicativos também promove escalabilidade e criptografia de dados.

Confira o artigo de Konstantin Dinev “Desenvolvimento de baixo código — visão dos desenvolvedores” sobre um guia passo a passo sobre como usar App Builder.

Quais são as desvantagens de usar o App Builder?

Uma das coisas com as quais você deve ter cuidado é como você colabora com outras equipes. Como o App Builder permite que muitas pessoas colaborem e compartilhem informações ao mesmo tempo, isso pode fazer você se sentir um pouco perdido na comunicação e em todos os tópicos que você quer seguir.

Não há muitos modelos prontos para uso no App Builder então isso pode ser considerado um pouco de bumper. No entanto, parte do nosso Backlog está ocupada com a expansão da nossa App Gallery, adicionando novos modelos de layout e componentes de caixa de ferramentas.

Qual escolher para seu projeto –Angular CLI ou App Builder?

Para decidir se a CLI ou o App Builder é melhor para você, considere as seguintes questões:

• Você precisa de uma solução mais rica em recursos que abranja tudo, desde a preparação de esboços de design, passando pela colaboração e testes de usuários, até a visualização de código e o desenvolvimento completo de aplicativos?
• Você precisa de um modelo estático para simplesmente iniciar seu projeto?
• Ou você gostaria de obter uma versão dinâmica para poder brincar?
• Você vai começar com um aplicativo pronto para uso a partir de um modelo e deixar a codificação para depois?
• Ou o objetivo principal é usar recursos e interações de adição rápida e ter controle total do processo de criação do aplicativo para que ele possa ser gerado imediatamente?

Essas ferramentas contemporâneas de desenvolvimento de baixo código e sem código estão se tornando tão avançadas que muitas delas podem ser facilmente integradas a outros sistemas e produtos para funcionar de forma intercambiável, sem exigir que você comece a aprender novas habilidades antes de iniciar um novo projeto.

Tanto a tecnologia Angular CLI quanto o Low-code Web App Builder podem ser interoperáveis, mas cada um beneficiará seu processo à sua maneira. Qual deles atenderá melhor ao seu projeto depende do seu propósito, das coisas que você deseja realizar com a ferramenta específica, dos seus pontos fortes, se você está apenas começando sua carreira como desenvolvedor, se você tem alguma experiência em UX/UI e quão familiarizado você está com as ferramentas CLI/WYSIWYG.