Programação para

Dispositivos Móveis
O Framework Ionic
 O Framework Ionic
•  Conjunto de ferramentas de UI
•  Desenvolvimento híbrido para Android, IOS, PWA ou Desktop
•  Baseado em HTML, CSS e TypeScript
•  Integrado a frameworks populares
•  Angular
•  React
•  Vue (versão beta)
•  Utiliza Cordova ou Capacitor para rodar nativamente, ou roda sobre o
browser como uma Progressive Web App (PWA).
•  Utiliza “Custom Elements”.
 O Framework Ionic
•  Pacote “@ionic/angular” faz a integração do ionic com o Angular.
•  Pacote “@ionic/react” faz a integração do ionic com o React.
•  Padrão MIT de licença (aberta para uso pessoal ou comercial).

•  Página de documentação oficial:

https://ionicframework.com/docs
 Configuração do ambiente
•  Node JS & npm
•  Node JS = Runtime para rodar código JavaScript fora do browser.
•  Disponível em https://nodejs.org/en/download/
•  Recomenda-se baixar a versão LTS
•  Npm (vem incluído no Node JS, não precisa instalar)
•  Roda no shell (linha de comando)
•  Windows: cmd ou PowerShell
•  MacOS ou Linux: Terminal
•  Para verificar a instalação:

 Configuração do ambiente
•  Git = Sistema de controle de versão
•  Não é obrigatório, mas é bastante importante.
•  Geralmente já vem acompanhado por um Git Host, como por exemplo o
GitHub.
•  Pode-se utilizar também uma interface gráfica, como o GitHub Desktop
•  Disponível em:
https://git-scm.com/downloads
•  Para verificar a instalação:

 Ferremanta IDE
•  Recomenda-se o Visual Studio Code
•  Não é obrigatório, mas é bastante importante.
•  Disponível em:
https://code.visualstudio.com/download

 Visual Studio Code
•  Instalação de Plugins (apenas após a instalação do Visual Studio
Code)
•  Angular Extension Pack
•  Disponível em:
https://marketplace.visualstudio.com/items?itemName=loiane.angular-
extension-pack

•  Tema Dracula para Visual Studio Code
•  Disponível em:
https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-
dracula

 Ionic CLI
•  Interface de linha de comando
•  Por ser pacote JavaScript, é instalado via npm

•  Caso haja versão anterior do Ionic CLI instalada, deve-se fazer antes a
desinstalação do pacote