Tag Archives: angular

#1 – Angular CLI – Set Ambiente

Um pouco de teoria! #1 – Arsenal

Saga: M&M (Mundo Mobile)

Aprenda como como configurar o ambiente com o Angular CLI para criar projetos Angular. Vamos lá:

Arsenal

Para criar muitos apps é requerido a instalação destas ferramentas:

  • Angular
  • Angular CLI
  • Nodejs
  • TypeScript
  • VS Code

Este arsenal é bastante comum na criação de apps modernas. Além de todas serem gratuitas.

Checando nosso ambiente

Checando a instalação do nosso arsenal.

No terminal execute este comando:

node -v

Este comando verifica a versão do Node.

tsc -v

Verifica a versão do TS.

ng version

Verifica a versão do Angular CLI.

Pronto! Agora temos o arsenal pronto para a criação do projeto Angular2/4.

Para mais detalhes

 

Ionic 2 – Excitante!

A Saga

O que nós ganhamos!

Conheça algumas vantagens deste framework para construção de apps mobile Ionic:

Hibrido Apps

O Ionic é um Framework Cross Plataform para desenvolvimento móvel de apps híbridas que utiliza HTML, CSS, JS e Angular.

Uma app híbrida é um app desenvolvido utilizando uma outra linguagem diferente do (nativo) padrão do dispositivo.

WebView

No modo Ionic, o app tem a sua instalação/execução igualmente de um app nativo, mas no modo Ionic o código corre/executa no WebView (browser de recursos especiais). De forma transparente para o usuário.

Comparado com o Xamarin, quem também é um Framework Cross Plataforma para criação de Apps nativas para Android, iOS e Windows Phone. O WebView é o que difere essas tecnologias.

Ionic2

Release adicionando várias melhorias.

Oferece uma plataforma de construção apps para dispositivos móveis e criar PWA aplicando a mesma abordagem utilizada na construção de sites. Ou seja, temos a utilização dos padrões HTML, CSS e JS (usado para construir sites) a nos ajudar a transformá-lo em um mobile app.

Aparência nativa

Apps Ionic mantém a aparência de modo nativo.

Ferramenta CLI 

Experiência em browser/devices!

Quanto mais opção, melhor!

O Ionic atua facilmente em browsers e dispositivos.

Navegação Nativa

Ionic!

O Ionic possibilita criar apps com navegação nativa (Push & Pop).

Melhor Integração

Utilize a integração do device!

Um grande benefício está na melhor integração entre funções do celular como câmera, giroscópio, etc.

Colateral: Desempenho & Manutenção

Ionic perde pontos!

Quando comparado com apps nativas, quesitos como Desempenho e Manutenção em Apps robustos pode ser um ponto contra o Ionic.

Rapidez

Um grande benefício Ionic está na rapidez para criar Apps.

Angular 2

 

ES6

 

TypeScript

 

Produtividade

O Ionic nos ajuda a aumentar a praticidade e a produtividade!

Debug via browser debug um app na mesma IDE como um app web padrão. Isto ajuda muito para familiarizar com o Dev Tools.