Projeto Sistema Financeiro Pessoal Mobile em Produção Híbrido

Aprenda como Construir o Sistema Financeiro Pessoal Mobile Utilizando o Visual Studio com Cordova, Ionic, TypeScript e SQLite

Aplicações para Dispositivos Móveis

Sim, não tem como escapar. Você vai ter que desenvolver aplicações para dispositivos móveis. A questão é qual tecnologia vai adotar para desenvolver suas Apps.

Já ouviu falar de aplicações híbridas?

São Apps desenvolvidas com JavaScript, HTML e CSS que rodam num browser especial dentro dispositivo, chamado Webview.

A principal vantagem de uma App híbrida é ter uma única base de código capaz de rodar em diversos sistemas diferentes.

Visual Studio - Tudo num só Lugar

O Visual Studio é uma das melhores IDEs do mercado. Produtividade e facilidade para construção de Apps utilizando as tecnologias abaixo.

Apache Cordova

É o framework responsável por fazer seu código Javascript acessar recursos nativos do dispositivo, tais como câmera, GPS, acelerômetro, dentre outros.

Ionic

É o framework que cuida da parte visual da aplicação. Faz o tratamento do código para deixar a aparência da App de acordo com o sistema do usuário

TypeScript

Linguagem de script criada pela Microsoft. A sintaxe é um superconjunto do JavaScript. Anders Hejlsberg, arquiteto da linguagem C# e criador das linguagens Delphi e Turbo Pascal, trabalhou no desenvolvimento do TypeScript.

SQLite

Biblioteca em linguagem C que implementa um banco de dados SQL embutido. O uso do SQLite é recomendado onde a simplicidade da administração, implementação e manutenção são mais importantes. Ideal para aplicações mobile.

O Código que Você Conhece

Se você sabe criar aplicativos Web, rapidamente vai se sentir em casa criando aplicativos móveis para iOS, Android e Windows com as ferramentas disponíveis no Visual Studio.

A maioria dos desenvolvedores atinge quase 100% de reutilização de código ao aproveitar a API compartilhada do Cordova para acessar recursos nativos do dispositivo, como câmera, agenda, contatos etc.

Além disso, como os aplicativos híbridos usam modos de exibição da Web nativos, você pode usar seu framework favorito: Angular, React ou Ionic (usamos o Ionic para desenvolver a aplicação desse treinamento).

Edição de Código Rápida e Fácil

Com aplicativos cada vez mais complexos, é preciso mais que um simples editor de texto. Você precisa de um editor de código otimizado para refatoração, preenchimento automático e compreensão de código. O Visual Studio oferece tudo isso e muito mais, como:

• Destaque de sintaxe para ajudar a identificar erros visualmente
• IntelliSense para ajudar você a entender melhor e codificar novos APIs
• Inspeção de código para revisão de referência em linha

Visualização e Testes

Seja iOS, Android ou Windows, o Visual Studio oferece suporte de visualização para uma ampla gama de emuladores e dispositivos vinculados. Você pode até implantar e depurar emuladores hospedados em uma máquina remota ou virtual.

Para desenvolvedores que trabalham em ambiente exclusivamente baseado em Windows, o Visual Studio oferece o recurso de compilar para Mac OS remotamente, por meio de serviços como o MacInCloud. Durante o treinamento realizamos testes no emulador do navegador na máquina Windows e no dispositivo real com SO Android.

Depurar e Analisar

O Visual Studio consegue depurar o seu código onde você o executar - seja um dispositivo iOS, Android ou Windows, emulador, simulador ou destino de depuração com base em navegador, como o Ripple.

Não há necessidade de mudar as ferramentas quando você cria para uma plataforma diferente. O Visual Studio se conecta a praticamente todos os destinos de implantação.

A Evolução dos Aplicativos Web

Com o Apache Cordova, aplicativos escritos em HTML, CSS e JavaScript podem acessar facilmente APIs nativos de dispositivos ainda não disponíveis para navegadores (por exemplo, câmera, calendário, contatos, leitor de código de barras, entre outros!).

E o melhor de tudo é que você acessa os recursos nativos do dispositivo por meio de um API comum em JavaScript, obtendo o máximo de reutilização de código em seu aplicativo.

Veja Abaixo as Características do Treinamento:

Videoaulas

Autonomia e flexibilidade de acesso. Praticidade, melhor preço e repetição. Tem coisa melhor que aprender através de vídeo aulas?!

Treinamento Passo a Passo

A aplicação exibida no vídeo de apresentação é desenvolvida passo a passo durante o treinamento para que o aluno compreenda todo o processo.

Código Fonte Completo

O código fonte do sistema financeiro pessoal é entregue ao aluno para que ele possa estudá-lo e adaptá-lo para seu uso ou para comercialização.

App em Produção

O aluno aprenderá a desenvolver uma aplicação de média complexidade que já se encontra em produção, conforme vídeo de apresentação.

Conteúdo Programático:

São quase 9 horas em videoaulas. A aplicação é construída passo a passo.

• 01 a 04 - Introdução. [00:23:03]
• 05 - Instalação Visual Studio. [00:12:57]
• 06 a 12 - Documentação - Visual Studio Codova. [00:45:55]
• 13 - JavaScript ou TypeScript. [00:06:24]
• 14 a 15 - Documentação Ionic. [00:09:57]
• 16 - SQLite. [00:05:36]
• 17 - Providers. [00:02:36]
• 18 - Promises. [00:02:16]
• 19 - Trabalhando com o iOS. [00:02:18]
• 20 - Estrutura da App - Financeiro Pessoal. [00:06:35]
• 21 a 24 - Criando e Explorando uma Nova App Ionic + Cordova. [00:55:38]
• 25 - Adaptando a Estrutura da Nova App. [00:10:05]
• 26 - Conta de Despesa - O Início. [00:12:56]
• 27 a 28 - Database Provider. [00:26:42]
• 29 a 34 - Construção da Conta de Despesa. [01:22:42]
• 35 - Construção da Conta de Receita. [00:09:35]
• 36 - Construção da Página Intro. [00:08:50]
• 37 a 40 - Construção do Lançamento de Receita. [00:57:11]
• 41 - Construção do Lançamento de Despesa. [00:12:04]
• 42 - Arquivos OFX. [00:08:28]
• 43 a 47 - Construção da Página Extrato Bancário. [01:09:19]
• 48 - Construção do Resumo Mensal. [00:18:06]
• 49 - Construção da Página dos Gráficos. [00:15:33]
• 50 - Criando o Pacote de Instalação para Play Store. [00:13:25]
• 51 - Publicando na Play Store. [00:09:18]
• 52 - Considerações Finais. [00:00:36]

Você já Usa uma IDE e uma Linguagem?

Ótimo! Chegou a hora de você conhecer uma boa alternativa para construir suas aplicações móveis. Lembre-se: o Visual Studio tem uma versão Community e as tecnologias que utilizamos neste treinamento são todas abertas, sem custo para o desenvolvedor.

Aproveite os bônus: 80% de desconto e cursos de HTML e JavaScript! Conheça as tecnologias e tire suas conclusões. Talvez o que você procura esteja aqui!