Home / News / Como Criar um Aplicativo em Android e iOS nativo com NativeScript e Angular em 30 minutos

Como Criar um Aplicativo em Android e iOS nativo com NativeScript e Angular em 30 minutos

[Vider id=35 ]fala pessoal beleza é tudo gravado este vídeo que pra mostrar pra vocês como é fácil criar um aplicativo utilizando o net o script certo é um vídeo apenas para apresentar a ferramenta então eu vou criar um aplicativo mas não vou entrar em detalhes aqui explicar é cada coisa que foi um detalhado até porque o vídeo tem que ser culpa também estuda fazer um vídeo que dura e 15 no máximo 20 minutos vocês vejam não todo o processo de criação de um aplicativo bem simples mas funcional beleza então vamos lá estou aqui no site do escritor francês teria como referência e para criar um aplicativo com este escriba volta do terminal rodoviário de ms cleide é eu vou criar um aplicativo vou chamar ele de teske manda já rápido certo e eu preciso especificar aqui se eu quiser na verdade qual é o tipo de template de base que eu vou usar então vou usar aqui template é igual a trabalhar usando em bola e ele vai baixar todas as dependências instalar aqui os pacotes beleza ele já criou um aplicativo para mim um projeto novo num caso e eu vou entrar na pasta que ele criou com o mesmo nome do projeto nome da pasta vai ser também teske manja rápido e é aqui dentro tenho todos os arquivos do projeto vamos daqui agora um code ponto pra que eu possa abrir o projeto dentro do visual studio hoje e eu tenho também que já rodando o gene motion que é uma ferramenta para a remoção do android ou esse é o netinho escrito você gera aplicativos tanto para android quanto o s usando apenas um código fonte mas no caso vou dar um exemplo aqui usando o android já abrir aqui o projeto dentro do visual studio code voltar aqui para terminar vou rodar o tns lã android ou seja ele vai fazer a compilação do projeto básico que tem já tem aqui geral bild e colocar o projeto já pra rodar aqui dentro do simulador tudo isso de forma automática para mim certo beleza voltei aqui o bild e aí o netbook assim rio onde colocar o aplicativo para rodar aqui dentro do gmail motion a primeira coisa que vou fazer é alterar o tema do aplicativo pra isso você clica aqui de um aplicativo já pronto só na venda é uma lista de itens que você clica ele abre os detalhes é que você volta certo eu vou voltar aqui pro para a página do loucos da documentação neste disco to aqui dentro da parte de temas nessa parte que ele tenha a documentação vasta explicando como é que você aplica temas que o leite disse que já traz prontos até tem mas que a deixam os o aplicativo com cara de aplicativos profissionais e você não precisa ter o trabalho de configurar manualmente isso é só você aplicar o tema e é muito parecido com bootstrapping quem a trabalha com html bootstrapping vocês vão ver que eu não vou modificar então facilita bastante para quem já tem esse conhecimento prévio eu tenho um curso é que eu explico tudo isso aí todo esse passo a passo de configuração do notebook de instalação das ferramentas têm mais a um template eu explico no nesse curso e no final decidiu deixar um presente pra você que está assistindo então até o final do vídeo vocês vão ter um presente uma interessante para quem quiser aprender com profundidade então vamos lá ele fala que você só precisa importar a cor do tema que você quiser já tem alguns temas aqui pré definidos se você quiser ver os temas tem um link aqui embaixo ele mostra é uma prévia de todos os temas que têm eu vou utilizar o tema do um certo nos volta aqui e vou pegar aqui tem uma blusa importar ele dentro a partir tem mais de 20 ministros cópia isso aqui você vê que parecia pequeno cinza o tema padrão volto aqui para o código fonte na parte de apps e ss mantenha o tema base que corta e cola esse tema bloch salvei neste estudo já se encarrega de fazer o upload do projeto e recarregar aqui dentro do imóvel já voltou com o tema que é alterado a quem é melhor ter o acordo do tema né enfim é bem simples não é só pra vocês verem a alteração de tema ea segunda mudança para fazer criar algumas páginas aqui não gostam aplicativo de gerenciamento de tarefas então eu vou voltar aqui para o editor ele tem essa pasta aqui e nem sequer justamente na página que estão as páginas vou pagar nesta manhã que vem por padrão conseguir um aplicativo apague aqui eu vou começar a criar do zero primeiramente vou criar dentro da pasta ep uma outra página a outra pasta que vai ser a pasta peixes que manter esse padrão todas as páginas vou colocar aqui dentro e eu vou criar um componente novo chão a cada página de um componente no caso de se sair né a página de login a página inicial então saem cada página eu vou ter um arquivo com a lógica saírem ponto componente ponto tse editaria script e um arquivo com o mesmo nome que vai ser o template então vem aqui sign ponto componente ponto html certo e aí pra criar um componente básico no netbeans clique aqui utilizando o time cresceu em angola importa a do inglês bancor o de coreto componente aqui embaixo eu inicializa aqui é componente um formo é o seletor explicou os detalhes também no curso eleitor vai ser um nome da do componente é sair nem tem plate url que a organização que está a página de template no caso que está em ponto com ponto e chegar bem mesmo então tá dentro aqui de ponto bairro seja a própria pasta barras há em mim ponto componente conto html certo aqui e vou também tem que especificar o modo lei de no caso do mês clique no curso modo ponto aí então já definia que a configuração básica do componente vou criar uma classe sport classe em nome da classe é o mesmo homem que o componente não sai nem isso aqui no caso encaminhou quis nessa henin com o sufixo compõem a classe base está pronta depois vou dizer algumas coisas aqui mas por enquanto deixa eu vou deixar essa forma volto aqui para o template e aí cada página do template tem um action waba ou seja é o título nessa parte de cima sambaqui azul no caso da página então action bairro criar uma página nova que um bar vou passar um título para essa página no caso do shamrock de a autenticação uma classe eu preciso passar essa classe como se trabalhando com html é você percebe que é muito parecido com a estrutura de html né nessa classe que eu vou passar com a classe é que chumba né para poder aplicar os temas do instituto scripps nessa barra nem pixel aplicar automaticamente está explicado também aqui na documentação do leite no script certo então aqui está aplicando o tema padrão caso o tema azul é que o tema escolhido é cria que a barra de abate inicial aqui action e agora vou fazer com que essa página seja página inicial do aplicativo então vou voltar aqui no ep more you lie que é uma porta que os componentes e módulos receber dois aqui componentes eu posso esses três aqui nesse isso possa envolver porque foi um foram as páginas que eu escolhi vou vir aqui todo mundo e vou chamar aqui a página que eu acabei de criar um porsche e vou pegar o componente que eu criei no ponto barra beges barras manin barra sem nenhum componente declara ele aqui e nas rotas e faça a mesma coisa que não é penalty em aparte configuração das rotas a pagar esses dois componentes que não estou usando mais em boston há o componente que eu criei talento de ponto barra pages barra saiu em barras em componente trago aqui eu vou apagar essa última rota eu vou criar uma roupa nova que chamada saem nem o componente dessa rota essa nem componente e aqui nesse pf ele é que vou apontar para redirecionar pra sair nem certo ou seja a página inicial cs bom isso aqui é o suficiente para que ele já sabia que ele precisa cair o aplicativo então já carregou com a página de autenticação que está em branca porém branco por enquanto está a fechar aqui o ap mobile e web of por enquanto e volta o que pra sair pra gente fazer o template já tem aqui há uma base pronta vou copiar e colar e vou explicar para vocês beleza qual é aqui dentro o código fonte que já tem um pronto aqui pra este playfish e todo esse código fonte dessas configurações aqui que eu fiz podem ser encontradas aqui na documentação do netbeans crime e também eu explico isso no curso que eu tenho é pra quem quiser aprofundar melhor mas basicamente é esse trecho que ele explica é a de formular escolhe as opções de classe que você usa para configurar o seu formulário e aí se votar o código fonte e abrir aquele moço um lado vocês observam que é é vou explicar para vocês aqui de forma rápida o seguinte cada tecla alt desse é imagine e faz um comparativo como se fosse uma tag div lá no html você cria uma dívida dentro da diva você coloca é as tags html para poder configurar então aqui a ideia mas ainda mais ou menos a mesma idéia é você vai criar aqui uma tag é divina no caso daquelas tecla alt para agrupar um formulário e aí você tem dentro dessa steckler out uma outra steghlal de que agrupa três componentes essa primeira tecla alt que também como função a dívida está agrupando que componentes é referente à parte de e meio então vocês abrirem aqui ó tenho aqui o email é justamente esta cláudia que eu tenho lebu économique meio eu tenho três filhos e com as configurações aqui de meio que já vem pronta e eu tenho aqui esse técnico é um consultor um a um traço é que eles entrassem aqui pra montar esse campo esse tema desse jeito e aqui embaixo dessa outra estética tenho a parte da senha é um leigo também como senha um teste pra você inserir a senha tenha seguido o truque que é pra a ocultar os caracteres né e tem um outro traço aqui pra montar né o campo para ficar com a utilização do ambiente então tem essa configuração e tem dois botões e que tem um botão o bpn bpn proíbe ele observa que isso também é muito parecido com bootstrapping né quem já trabalhou com o strep não vai estranhar a isso o texto aqui nesse botão entrar e tem aqui um evento chamado pepp com é referência a um método sininho usa eu vou explicar isso já aqui embaixo tem outro botão é é com a outra configuração acreditem no caso o bc criou ele obedece à mesma estrutura de cores é que já tem configurado no tema padrão eu não tenho que mexer nada diz que já está tudo pronto e tem um texto que criar contra esse botão de baixo tem um evento tepco está associado ao coxa caos evento rápido neste vídeo você é relaxante é mais ou menos é um evento clique né consorciamento clique que a gente tem lá no html e javascript padrão então quando você clicar ele vai acionar os aine uso militar e salinhas gente vai definir ele que agora na parte lógica do nosso componente estão aqui ó onde se define a classe definir um metro não vim aqui fazer um público em sajnin e usa né e eu vou dizer que tem que fazer da mesma forma eu tenho aqui o crachá caixa então toda a lógica fica aqui há no código atrás do gato e do do template para não ficar misturado lá com as configurações de template nosso aplicativo é certo que o eixo a causa que vou fazer nesses dois aqui a primeira vai importar um outro recurso que domingo aqui é o êmbolo a alta que é o próprio autor ou seja o roteador com esse alto eu posso fazer navegação dentro do aplicativo então isso aqui já faz parte do inglaterra eu preciso declarar aqui um construtor e passar a ele que com a ingestão independência isso também explica em detalhes no curso para quem quiser ver o curso explica é são os quase 50 horas ela explicou em bula e explica também o leite excluídos estão aqui eu tenho esse voltem eu tenho agora um atributo voltem no caso o objeto volte aqui dentro disponível pra mim então como para clicar em sign mim que vou fazer eu vou chamar um despontou ao ter ponto navigate eu passo aqui dentro uma url pra onde eu quero que ele não veio por enquanto deixar em branco nas é quando eu criei um outro componente que vai ser a lista de tarefas vou falar pra ele é direcionar aqui pra lista de tarefas no curso é eu explico como você faz autenticação usando o servidor externo é salvar o mantém uma sessão aplicativos e criar cada usuário é tento esse passo é de comunicação do servidor mas não vou fazer isso aqui porque senão vai ficar muito longo é o vídeo e o intuito não é esse mas no curso explica justamente isso é como você fazer a autenticação usando um servidor que no caso é uma pmb king utilizando ruby on rails que eu também senão como criar nesse mesmo curso certo então aqui agora vou fazer no crachá caos como para clicar ou simplesmente a fazer um chamado de um alexe vocês vão ver né ele vai e se acha que o javascript é tudo isso aqui é muito parecido para quem trabalha com javascript tudo isso aqui é bem tranqüilo e apesar de ser um código javascript o prudente o script se encarrega de chamar um componente nativo já que tudo isso aqui é transformado nem nativo nada isso aqui html tudo isso aqui é componente nativo do android e se eu estiver trabalhando com o spc componente nativo do s certo ou seja vai ser muito mais performática a os nossos são muito mais performática os nossos aplicativos quando aqui criar conta só 11 a vizinho né e aí vou salvar esse código ele vai recompilar aqui abrindo novamente clique em criar conta ele me exibir aqsa lech que você percebe que é o componente de alerta é do próprio android certo voltar agora o código fonte e vou criar o componente tarefas na lista de tarefas não criam a outra um outro aqui outra parte aqui chamada é testes e os siga o mesmo padrão aqui dentro dessa página no caso testes ponto componente pontos tse a parte lógica do componente eu queria também o template aqui dentro failin.gs ponto componente ponto html é que dentro do componente testes vão definir um alice tarefas mas é o seguinte não importa aqui também tudo componente tem que ter aqui o decorrer do componente que vem do accord né eu configurei aqui uma componente passando um seletor no caso que chamou de testes o template url vou passar justamente ctex ponto barra testes ponto componente html e o modo de agir eu vou passar o módulo ponto aí explicou em detalhes do curso também exportar aqui uma classe chamada testes com point e vou definir aqui um array testes do tipo a rei the stream trabalhar com estes inclusive aqui no curso trabalho com objetos mais complexo na modalidade objeto tem atributos falar tudo certinho e aqui vou trabalhar com esses truques simples vou criar uma lista de tarefas vou kopecky uma lista de coisas que de tarefas já prontas e coloque dentro pronto voltei aqui uma lista de tarefas simples e tentará fazer mexidas aqui mas só pra gente poderia ilustrar vírgula define que a lista agora vou voltar pro template tarefas de fechar que os aine por enquanto e fechar o site componente também trabalhar somente na parte de tarefas aqui um detalhe importante é o seguinte essa lista de tarefas eu tô fazendo definido ela manualmente aqui dentro do próprio código fonte mais óbvio que o correto é você trazer ela de um banco de dados externos ea gente faz isso também no curso no curso é fácil aquisições http no beque indy e beck e jimmy retorna hodgson contendo todas as tarefas e aí é através desse jeito que o alimento ou negativo então secel tem chica na sua conta mas como você criar sua conta você cria suas tarefas para sua própria conta e aí você pode jogar em qualquer celular com dentro usando a mesma conta que você criou ele vai carregar as tarefas diretamente do servidor certo aqui pra fins de ilustração e vou definir manualmente aqui mesmo porque como já disse não quero prolongar muito o vídeo mas basicamente funcionamento é o mesmo votei no final uma lista de tarefas retornar de algum local ea forma que exibia suas tarefas é a da mesma forma que vou mostrar que agora então volto pro tempores para exibir essas tarefas eu tenho um código fonte que já pronto vou colar e vou explicar para vocês no curso a gente faz tudo ocorre uma nome todo o passo-a-passo do código está fazendo junto né pra vocês poderão absorver melhor mas aqui pra poder utilizar o vídeo já trouxe tudo pronto pra mim só explicar então aqui eu tenho um action quem já viu o que é barra é abaixo do topo da página do aplicativo e no caso vai ter uma classe action barraca pra fazer configurar o tema e um título no caso e lista de tarefas aqui outras técnico era falei mas messi está em construção a dívida agrupadores de agrupá dor aqui de elementos tão decidido dessa stec eu tenho alguns elementos é melhor eu vou dar aqui o aplicativo para vocês vêem isso funcionando explica cada um desses elementos é com o aplicativo será executado fica mais fácil de compreender deixou soja está aqui o código fonte que veio com a alimentação é agora sim está tudo certinho certo bom pra isso que também ser é apple conseguirá acessar essa página preciso declarar no meu ep more like eu tenho esse componente novo aqui então vem aqui dentro do imóvel e que importa aqui ó vou fazer o mesmo esquema neto da pasta peixes eu tenho aqui um componente a pasta testes e tem o teste de componentes e aqui eu trago o teste ponto componente aqui embaixo eu declarou ele também explicou isso no curso a cnec hawking eu tenho que também trazer o componente de lista de tarefas também aqui testes barra testes componente eu vou trazer o teste esse componente e declarar aqui embaixo e é que vou fazer vou criar uma nova rota essa rota o psd vai ser também um teste com os endereços a gente não trabalha diretamente com endereços aqui no inglês trabalha mais no aplicativo não trabalha com endereço direto mas é pra você poder fazer referência na hora de navegar você precisa saber para qual endereço deve mandar o caso para a pf testes e aí nesse pf testes e vou carregar o componente testes componentes beleza e aí como é que eu faço para navegar para esse teste já que estou aqui na página de autenticação eu vou abrir novamente que o componente saem mas criou aqui o método saem e usar e aqui eu vou simplesmente fingir q ta autenticando que ocorreu alguma coisa que para autenticar o usuário né e eu vou redirecionar o cara para barra desks certo como para clicar no botão de login eu mando ele pra barra testes vamos esperar aqui recompilar está recarregando aqui automaticamente vamos fingir que não é o caso de topo e mail e senha válido outra coisa no curso sobre como você vai lidar os campos neto em mensagem para cada campo tem como você define a lógica para cada uma validação de campo é o tipo de e mail o campo continue mail senha eca no cadastro o usuário deve especificar que assim tem que ser igual a confirmação de senha enfim tudo isso também explica em detalhes lá no curso mas aquele que entrar observe que ele já navegou pra por componente lista de tarefas voltar aqui pro dez componentes para poder entender o que está acontecendo aqui então é edson basicamente a parte de cima que tem o título da página em seguida tem uma estética dentro dessa idéia que eu tenho uma outra estética que em um lixo civil em baixo se estiver um componente do leite uht escrito no qual você faz esse tipo de listagem aqui ó eu sei que você tem uma lista de coisas que você pode trabalhar certo e aí que acontece eu tenho aqui nesse primeiro téchiné um textfield neste filho tem um evento chamado rethane press né no qual eu chamo o método cleide teske eu passo aqui une o teste é uma referência que eu faço uma variável local e também explicou no curso que eu passo o próprio povo tem esse filme como parâmetro para esse método crash test e aí esse rethane país é um evento é equivalente ao apertar enter né então pra sentir que apertar um botão que você digitar uma coisa apertar enter é ele aciona o rethane press que vai criar uma tarefa e adicionar essa nova tarefa nessa lista que a gente tem então esse trecho aqui de cima é esse campo aqui essa barra azul aqui embaixo a gente definiu usando estarem a vencer e isso também é muito parecido com html estima que 1 border bottom colo passa em um acordo e um border bottom índice ou seja a largura da saúde aqui de baixo nessa borda de baixo e aí criou essa divisão aqui pra mim e embaixo dessa dessa esse campo eu tenho o leste viu o deste vil também tem algumas configurações que você passa para definir como é que você quer que seja exibido em cada um dos itens primeira coisa que tem que passar é a minha lista de tarefas que eu criei aqui no componente na parte lógica do componente então eu tenho aqui ó esse testes nem é justamente esse teste que eu tô passando aqui pra alimentar onde se viu né com 11 a rede e tem que passar aqui com o paraná é que você monta o tempo da forma que você quiser que eu montei a forma mais simples possível que só uma exibição aqui de itens aqui na vertical mas no curso mostra vocês não o sheik box aqui para afirmar que é uma tarefa como pronta é é uma lixeirinha aqui do lado direito não se excluir um ciclista em cima de uma tarefa ele vai para uma página de editar tarefas que podem estimar prazos né datas modal de data e hora onu custo muito mais coisas do que isso aqui e agora vamos definir anualmente né alguns desses eventos desses métodos que são chamados têm dois métodos aqui um é crash test e outro de lech teste nuclear de teste de vôo vem aqui também não tem esse componente na parte lógica criar aqui um outro método chamado de crash test ele recebe como parâmetro o próprio textfield né passo aqui como parâmetro para definir aqui não tem esse fielding do shipú text field e importa esse tipo aqui né do próprio nem tinha escrito jack importo ele uai baa3 field em bakersfield um certo aqui dentro eu posso trabalhar com ele quero fazer aqui simplesmente pra é no curso faz a requisição olha-te para criar e enviar a tarefa dos m2 tudo mais só que nesse caso você simplesmente adicionar essa tarefa nesse aí que já existam fagundes ponto testes é o rei de tarefas lanches que é um método aqui que eu adiciono itens no topo da lista eu passo aqui o tex esse filme vai chamar-se aqui de teske filme né vai ficar mais claro que há um campo de dá nome da tarefa que phil de ponto tem um método aqui o text que eliminou justamente o texto que tiver no campo certo e eu limpo esse mesmo campo vem aqui o teste que finge o texto é igual a ninguém mas eu sei que vocês têm uma tarefa é apertar enter ele vai adicionar essa tarefa aqui dentro da lista e vai dizer ah é é a string recarregar pra gente poder ver aquela dedicação vou clicar em entrar está aqui criar um novo ep da entra ele adicionou criar um novo ep que na lista e apagou que é estrela zerou stream então já temos como adicionar uma tarefa vamos ver agora como excluir uma tarefa já existe aqui um evento um metro e tem pepe também é um é um evento do próprio lhe civil que ele identifica que tá uma alimentação clicar então aqui tem um de leste têm eu chamo método da net teske e passo o evento evento justamente é uma série de atributos né que contém aqui o índice do elemento está sendo aplicado entre outras coisas também estão no caso voltar aqui o criar um método público chamado the last teske recebe aqui vários argumentos vários elementos como como parâmetro eu posso te pá elemento mas vou fazer isso até agora não precisa vou definir qual ainda que se na qual é o índice do leme então a idéia é ser o que o cara vai clicar no mundo e se se excluir a área numa dessas tarefas a gente vai excluir a tarefa que ele corre pra isso vou identificar qual é o índice o índice de uma rede com mais 10 no caso tarefa de 01 23 até a quantidade de itens que tiveram aqui certo vou fazer um flash led providência definir uma variável nova go crac o tesc index vai ser igual a esse ponto e neis né e aí eu vim aqui embaixo e faço desponta o teste seja na lista da minha lista de tarefas eu quero remover pra isso o método spice ele remove eu passo que o índice do elemento que eu quero remover no caso de hotéis king ex edil quantos elementos a partir desse eu quero removendo caso somente um você só o próprio elemento vem aqui vou sozinho um alerta aqui pra vocês verem é tarefa removida certo só pra encher o tanque e pronto você volta aqui para ver motivos para recarregar o aplicativo mandar entrar aqui na lista criar uma tarefa nova outra tarefa a outra tarefa e mais conhecido aqui tem a barra é ele excluiu e deu aqui a mensagem estava removida eu possa ir resolvendo todas as tarefas que quiser que agora tá todas essas más condicionei eu movi beleza agora para fechar vou mostrar um outro recurso interessante é como você gerar os ícones né ea página já há até a abertura dos seus aplicativos nativos que brilha gerou ele já tem um novo aplicativo deles já era pra gente que é um ícone padrão que é esse aqui doente o script e até de abertura padrão que também é eu vou mostrar pra vocês como é que vocês adicionou irã e tela de abertura com a ferramenta do lixo que é muito fácil né eu mostro loucos com você fazer manualmente essa adição de essa configuração de imagem e tudo mais e eu também mostra como você fazer isso utilizando a ferramenta donetsk para isso voltar aqui no terminal vou desligar aqui o site scripting né e eu preciso ter uma imagem já pronta no tamanho uma única imagem pode ser que cada dispositivo ele tem o placar da plataforma android é o messi tem a sua forma que de configurar as imagens na web tem outra forma de configurar e usar essa edição é muito chato você gerar anualmente cada uma das imagens que você usa como ícone e como imagem de abertura então essa ferramenta que ajuda bastante o nosso trabalho então vocês precisam ter uma única imagem já pronta no tamanho m 24 com 24 mostra aqui pra vocês pronto essa imagem aqui já pronta que vou usar tá um ícone com fundo transparente e vai ser a imagem do meu aplicativo é também aqui que me 4242 uma idéia que seja 6 24 por mês quase mas eu vou usar essa imagem que mesmo vai funcionar da mesma forma a certo então com a ferramenta que nem isso disponibiliza pra gente fica muito fácil gerar as imagens de aplicativos para cada fã aquela forma forma diferente né ele faz tudo isso pra gente de forma automática voltar aqui para o terminal de dentro da pasta do projeto para gerar os ícones você vai rodar o comando tns horizontes generation e passa o endereço da imagem no caso aqui dentro da página nove novas imagens barra ep mg pronto valdecir comando geral os ícones e vai configurar cada ícone já dentro das partes específicas para android parece tudo pronto pra gente no tamanho que tem que ser a dimensão certa de janeiro tudo certinho e proteger a imagem de fundo eu rodo tns resouces generation splashs passo localização da imagem no caso aqui também nove mais épico eu passo que também outro parâmetro que é o beque ground no caso a cor de fundo dentro de aspas vou colocar aqui uma por branca no caso é a cor de fundo que fica na travessa abertura né leite disse que você configurar o ícone central ea cor do fundo daquele que vai ser exibida por trás do ícone central na tela de abertura então poder que esse comando ele vai gerar pra mim até de abertura com base nessa imagem aqui certo é que a imagem de ícone de abertura do aplicativo em pequim a tela e voltar agora r – em efe met formas android para remover a pasta onde foi feito o bild do nosso projeto já o bem de quem já está executando aqui hoje motion e dessa forma não rodar agora tem sp/am android novamente ele vai refazer o bild por completo em todas as imagens é que a gente acabou de gerar vão ser recolocados no aplicativo então garante que tudo seja feito do zero dessa forma tá e deixa ele rodar o android aqui novamente que a gente vê que nosso aplicativo sendo executado vou fechar aqui hoje mostrando em todas as instâncias observe que estou usando aqui o ícone do próprio negativo script pra o aplicativo ainda é se voltar aqui pro a parte de instalação você vê que esse que o econômico incluindo o próprio neste mesmo grupo teria tela de abertura fechar aqui ea tela de abertura desse aplicativo observa que essa tela aqui então ele vai refazer tudo pra gente com base no nosso nós nossas imagens em estilo beleza pessoal ele fez aqui o bild do projeto novamente e eu fechei o projeto primeiramente para exibir we can como ficou então aqui agora novo incluindo o projeto certo quando clica no projeto está a abrir ele alega que a página a mostra que a tela de abertura do projeto com o novo ícone de beleza e agora consigo entrar no projeto navegar aqui entre as tarefas que existem adiciona que nova tarefa e excluir tarefas existentes certa um projeto bem simples mas que você consegue acompanhar todo o passo-a-passo aí vou mostrar rápido também como ele fica diretamente no aparelho só me chama muito bem toda é que agora o aplicativo diretamente do aparelho é comum ter falado e observe que o ícone do aplicativo já aparece aqui pra gente no centro vou clicar aqui para escolher o aplicativo ele já mostra da gente até de abertura que a gente também configurou abrir o aplicativo e é justamente exatamente como a gente define lá daqui botão para display digital e meio aparece que já o teclado de e mail configurada preenche assim até 6 tem a ocultação dos caracteres semana criar conta que ele aparece uma lenta pra gente se configurou e ou clicar em entrar fez aquilo clicar em entrar pra ir pra lista de tarefas ele já abriu aquela disse tarefas pra gente certo conforme definiu sua gestão que o fogo possa montar aqui uma lista de tarefas e adicionar é o item adicionado aqui apresenta em cima eu excluindo as tarefas conforme a gente programou o nosso aplicativo também é isso vocês vão saber que é muito simples para criar um aplicativo menos de 1 em pouco mais de 30 minutos fez na configuração aplicativo criou tudo e já colocou para rodar no seu lar e agora voltar para a tela pra gente poder falar pra vocês a respeito do presente não é que eu havia prometido não para quem quiser aprender com profundidade como criar aplicativos utilizando o nets kris beleza então agora vocês já estão voltando aqui como falei com vocês e que tinha um presente uma final é um é pra quem tivesse acompanhado a final vídeo que é o seguinte esse curso ele é o curso completo de ensinar a fazer aplicativo um pouco mais completo mais baseado nesse mas tem compartilhamento de tarefas tem manipulação de data de hora não tinha escrito um aplicativo no android o s e acontece esse curso são 339 reais mas quem estiver utilizando o meu cupom aqui do canal descodificando que é o canal no canal no youtube vai ter desconto de 94% e vai sair por 21 reais é um curso com mais de 50 horas de duração onde o ensino aqui lendo 5 em guajará atualizado por um gol a seis e 12 times inscritos na versão 4 e sempre eu estou mantendo o conteúdo atualizado beleza não é são três projetos que vence neste curso o primeiro projeto é um bequinho defeito em ruby on rails onde vai ser no qual seu servidor central da nossa aplicação é são mais ou menos 15 horas aqui né no dubai 15 em seguida começa o segundo projeto que é o front end e engula onde ensinam angular do início até o mais ou menos avançada com várias técnicas de angola que você pode utilizar os seus projectos e são mais ou menos 20 horas a i d em bola e item à parte do aplicativo móvel que são cerca de 12 horas de aula ensinando a partir do aplicativo móvel então para quem não conhece nada de irregular não tem problema porque o curso aborda é a partir de gula do início para quem também não conhecem o que quiser aprender e quem és o bingo não quiser é fazer a parte de inglês que quiser pular diretamente para o módulo do neste disco já pode pular aqui pra parte do aplicativo móvel certo e quem quiser também aprender a fazer rap tem aqui a parte o o módulo aqui de beck governo redes beleza é um curso bem completo que agora todas as esferas possíveis da criação de é ap um franchising web usando angola e um aplicativo móvel utilizando neste script então quem quiser vou deixar o link já na descrição do vídeo com o cupom aplicado com esse desconto que vai sair por vinte e um reais e se você quiser também adicionar ocupam manualmente é só inserir o cupom que o canal descodificando beleza então é recomendada para quem estiver interessado em aprender mais um curso bem completo tem também aqui alguns bônus que também disponibiliza neste curso é para quem quiser aprender um pouco mais de ruby quem quiser configurar em uma máquina virtual ruby on rails é entre outras coisas que eu vou sempre mantendo a autorizado nesse nesse curso então esse é o presente pra vocês aí que acompanhou o vídeo até o final tá bom então até uma próxima um abraço até mais

About Drinko

Check Also

Criar Aplicativo Agenda Salão de Beleza Barbearia – Bônus

[Vider id=41 ]opa beleza que eu desde e nesse vídeo vou falar sobre um golo …

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *