Projeto Assistente: Aula 01 - Instalando As Ferramentas

Olá seja muito bem-vindo seja muito bem-vinda primeira aula que da série onde nós vamos fazer um projeto de assistente Android vai ser muito legal eu tô super empolgado e eu tenho certeza que você vai gostar se você assistiu o vídeo anterior a esse no canal você percebeu lá que eu deixei uma meta de 150 likes para gente começar esse projeto o que que acontece é que nós não atingimos a meta de 150 likes não sei se o pessoal não está com muita vontade de fazer o projeto ou se de repente eu coloquei uma meta de likes muito alta só sei que a gente não atingiu a meta esperei em uma semana mas agora eu já não estou aguentando mais eu tô louco para fazer esse projeto junto com vocês e como o canal é meu mesmo então vamos fazer atingindo ou não a meta de likes beleza pessoal essa aqui vai ser a primeira aula então eu deixei aqui separado o que que nós vamos está aprendendo dentro desse projeto e com que vai o programa das nossas aulas dos episódios aqui então primeiro que esse projeto da assistente que nós tá fazendo precisa de alguns pré-requisitos né você precisa saber ali um HTML CSS e JavaScript o básico do front-end né tem esses cursos para você tá fazendo aqui de forma 100% gratuito e completa aqui no canal beleza O que que você vai aprender com esse projeto então além de ser algo bem divertido bem interessante que eu tenho certeza que você vai gostar a gente vai aprender conceitos muito legais na programação como desenvolvimento de aplicativos design Speech recognition text-to-speech e web SQL nessas aqui seriam para mim assim os destaques do que a gente vai estar aprendendo dessas tecnologias principais que nós vamos estar trabalhando vai ser o aparte córdova o Framework Seven e jovens clipe DJ Kevin a gente vai ali trabalhar com os dois juntos vocês principais tecnologias que nós vamos está e esse projeto Então quais que vai ser hein meu Deus ela liga tá travando hoje qual vai ser o cronograma do nosso projeto né Então vão ser basicamente e cinco aulas que nós vamos ter a partir contando com essa daqui que você já tá assistindo Então a primeira nós vamos aprender a instalar as ferramentas de trabalho né mas valia a configuração do ambiente que a gente precisa nossa máquina para poder tá fazendo os aplicativos e o projeto em si na aula de número dois Nós já vamos criar o projeto nós vamos iniciar ele e também fazer a criação das telas que nós vamos estar trabalhando né mais uma parte assim de design né e a gente montar os componentes a gente vai conhecer mais ali Como funciona o amor que servem como que a gente usa ele em conjunto com o nosso projeto na terceira aula nós vamos entender ali o uso dos plug-ins do Speech recognition e o text-to-speech né ver ali como é que é o funcionamento deles né fazer alguns testes vizinhos para gente já poder ir montando ali a ideia o que a gente vai fazer aquela interação entre a gente falar e assistente responder na aula quatro nós vamos ali trabalhar já com a parte de banco de dados e lógica né para que a gente possa armazenar a as informações é o que a gente quer que ela guarde o que ela lembre é E assim a gente tem ali um banquinho com tudo que a gente precisa ir na aula de número 5 nós vamos fazer ali a conclusão desse projeto nós vamos fazer testes né Nós vamos pensar em ideias que a gente pode estar incrementando e coisas para deixar esse projeto bem legal vai ser aula final ali onde a gente vai ver o resultado de todos os nossos trabalhos durante essas aulas eu espero que você esteja bem empolgado desde já deixem seu like e vamos agora a partir então para parte de instalação das Ferramentas para gente preparar o ambiente para poder trabalhar nesse projeto bom então vamos lá fazer a instalação de tudo que a gente precisa para poder estar criando os nossos aplicativos Então a primeira coisa que eu vou fazer eu vou abrir aqui a barra de pesquisa do Windows e digitar que é o CMD ou prompt de comando né aqui se eu colocar cm de assim já vai aparecer o prompt de comando essa telinha preta que alguns conhecem como cm de ms-dos terminal né Nós vamos abrir aqui o nosso prompt de comando então quando a gente abre o nosso próprio de comando a gente vai fazer a primeira coisa verificar se nós já temos o node instalado na nossa máquina então você pode dar o seguinte comando nude - ver se aparecer aqui uma versão por exemplo do meu aqui apareceu na versão 16. 16. 0 isso significa que você já tem um node instalado na sua máquina e a gente vai precisar ter um nó de realmente na nossa máquina nesse caso eu tô com a versão 16.

16. 0 se você tiver uma versão em baixo da versão 16 seria 16. 0.

0 se você tiver alguma versão abaixo disso eu te recomendo que você Exclua o node delete e instale ele novamente Beleza então só para a gente saber a o processo de instalação eu vou desinstalar o meu node né talvez quando você deu um molde aqui menos ver ele vai te dar uma mensagem assim ah não foi encontrado então aí quer dizer que você não tem o nome de instalar então vou fazer o seguinte eu vou desinstalar o meu nude eu vou entrar aqui em adicionar ou remover programas eu vou procurar aqui na lista o Noddy vai estar aqui Ah tá que eu node. js vou clicar aqui e vou clicar em desinstalar para remover ele então desinstalei que o nojo vamos aguardar ele vai perguntar se quer desinstalar assim e vamos aguardar desinstalação Beleza meu load foi desinstalado se eu fechar aqui meu prompt de comando e abre de novo né cm de Inclusive a interessante você clicar com o botão direito aqui tá pessoal e colocar aqui ó fixar na barra de tarefas Tá vendo quando você escolhe a sua opção ele já vai aparecer aqui embaixo na barra e aí sempre que você precisa ele tá mais fácil de você acessar porque daqui para frente a gente vai usar bastante esse terminal certo então aqui no meu próprio de comando agora se eu der o comando nude - ver ele vai dar ele essa mensagem aqui a node não é reconhecido como um comando interno ou externo um programa operável ou um arquivo em lotes isso acontece quando você não tem o nó de instalado Então se aparecesse para você excelente agora nós vamos instalar o nosso longe Então nós vamos fazer o seguinte você pode na descrição desse vídeo pegar esse link que eu tô deixando aí do Google Drve onde eu já deixei preparado aqui os arquivos que você pode estar utilizando para instalação Então você vai reparar que aqui vai ter um Android Studio o gredo o Java jdk EA que eu não coloquei o nude mas eu vou estar deixando aqui também o link do node é para você baixar por aqui mas você pode baixar a última versão no site do node mesmo você pode digitar nude entrar aqui no site do node. js.

Org certo e aqui dentro do site Donald então não de js. org você pode baixar a última versão LTS que tiver disponível então eu vou baixar aqui que é a versão 16. 16 tá clica aí para salvar beleza ele fez o download aqui então vou clicar agora para instalar aqui o node vai abrir a janela instalação vou dar próximo eu aceito os termos de licença próximo próximo próximo próximo e instal e perguntar se deseja permitir que faça alterações sim Oi e aí é só aguardar a instalação do MOD a beleza no dia instalado pode clicar em finish e a gente pode fechar que o nosso próprio de comando e abrir ele novamente e agora digitar inode menos ver E aí ele vai aparecer a versão do node que é 16.

16. 0 você também pode ver a versão do npm que é o node package Manager que é um instalador de pacotes que vem junto com no dia então você pode fazer só npm menos ver E aí ele apareceu aqui esse warn dizendo a respeito do Global tal não tem problema mas o importante é essa versão que tá aparecendo aqui no meu caso é a oito. 11.

0 que eu estou usando certo beleza agora nós vamos fazer a instalação Então deixa eu só dá um Celeste para mim passar bagunça quando você dá um CLS aí ele limpa o teu terminal aqui para a gente ir não ficar com aquele monte de coisa aqui na tela certo agora que que a gente vai fazer a gente vai instalar o córdova aqui na nossa máquina e como que a gente faz para instalar a gente dá o seu é o seguinte comando npm install - G córdova certo esse comando npm install - recordo a gente tá dizendo que a gente quer usar o node perto de ménage é o gerenciador de pacotes do noite para fazer uma instalação ou menos e quer dizer que eu quero que seja Global na minha máquina e todos os meus usuários que estiverem nessa máquina e eu quero instalar o córdova E aí você dá um entra aí aí é só aguardar a instalação aqui ele vai dar alguns warnings vai dar algumas coisas essas coisas e amarelo que não precisa ficar preocupado então é normal é só tá dando um aviso aqui que os comandos estão mudando Donald né Eu acho que eles vão tirar o menos de e vão usar essa Flag agora location igual a global e tal então É normal às vezes aparecer alguma coisa nesse sentido aqui beleza quando voltou para o teu nome de usuário Aqui tá dizendo que tá tudo certo já voltou já fez a instalação do Corda vamos dar quem CLS para mim Oi e aí pronto o nosso Corvo tá instalado também a gente pode estar fazendo assim a córdova menos ver e dá um anta e ele vai perguntar aqui que se você quer mandar estatísticas não sei o que anonimamente então eu vou dar um n digita aí ele e dá um entra da pessoa que é para não mandar nada da tua máquina não sei vocês mas eu não gosto nem um pouco de mandar nenhuma informação para ninguém gosto mais de privacidade né vou dar um n aqui e não entra e aí beleza ele disse que não vai mandar nada para o corda uma lá e ele me explicou que eu tô com a versão 11. 0. 0 no momento da gravação desse vídeo homem numa ocasião que você tiver assistindo esse vídeo mais para frente vai estar com uma versão mais atualizada não tem problema Ok córdova instalado agora a gente vai precisar ver se a gente tem um Java jdk instalado na nossa máquina que é um Java que funciona para desenvolvedor para a gente poder fazer o pacote de manipulação de arquivos Java que está envolvido com o Android SDK sistema do Android né a gente precisa ter instalado isto daí você pode o javac ou Java se - verso digita aí no seu próprio de comando para ver se você já tem uma versão do Java instalado na sua máquina eu nenhum em ter e aquele apareceu para mim o javac ou já vai ser 11.

0. 14 significa que na minha máquina eu tenho instalado o Java jdk 11. 0.

14 e essa é a versão que eu preciso estar utilizando tá pessoal nos projetos tem que ser o Java jdk 11 então 11. Alguma coisa então eu tô com 11. 0.

14 talvez no seu quando você digitar isso não vai aparecer nada né vai dizer assim ah não foi encontrado tal esse comando aí isso significa que o Java não tá instalado na sua máquina então só para você ver eu vou desinstalar o meu Java Então vou aqui no adicionar e remover programas vou estar desinstalando o meu Java jdk ele vai estar aqui ó vamos procurar na lista tá aqui ó Java eu clico nele aqui e vou clicar em desinstalar desinstalar Sim quero desinstalar vamos aguardar eles instalar beleza foi desinstalado meu Java se eu fechar meu pão de comandar Abrir novamente posso digitar aqui ó javac - version Dá um enter E aí ele vai dar esse isso daqui que provavelmente aconteceu aí com você o javac não é reconhecido um comando interno Beleza então significa que eu não tô com Java instalar E aí que que você vai fazer você vai lá naquele link que eu disponibilizei aí na descrição do vídeo tá vai nesse link e você vai baixar exatamente essa versão que eu disponibilizei aqui para você para não ter erro ao Java jdk 11. 0. 14 Clica com o botão direito em cima dele e vai escolher aqui ó fazer download para você baixar essa versão ele vai dizer que não foi possível verificar sem vírus e tal só que o Google Drve faz sempre para arquivos que só um pouco maior está clique em fazer download mesmo assim Oi e aí salva onde você quiser na somar beleza fez o download aqui do executável vou clicar aqui para gente abrir ele vai perguntar se desejar permitir as alterações dá um sim Oi e aí vai abrir que a janelinha de instalação você vai dar um próximo nessa parte aqui ó repara pessoal que esse aqui é um ponto importante ó a gente tem aqui embaixo o local onde o nosso já vai ser instalado na nossa máquina Então tá sendo esse ser: program files Java jdk Beleza então esse caminho aqui vai ser o caminho que vai estar instalado o nosso Java presta atenção nesse ponto aqui que a gente vai precisar de isso aqui mais para frente Vou clicar aqui em próximo E aí é aguardar a instalação Oi e aí beleza ele disse que instalou a gente pode dar um fechar aqui agora que a gente vai fazer a gente vai vir aqui ó na barra de pesquisa aqui embaixo e a gente vai digitar assim editar e aqui já vai aparecer editar as variáveis de ambiente do sistema Você pode escrever isso daqui aqui na pesquisa editar as variáveis de ambiente do sistema vai clicar aqui nessa opção E aí vai abrir essa janelinha aqui você vai abrir aqui a opção variáveis de ambiente dentro da aqui dessa janelinha de variáveis de ambiente a gente vai ter aqui na listinha de baixo presta atenção muito importante na listinha de baixo nós vamos criar aqui uma nova variável do sistema vai clicar aqui em novo e aqui no nome da variável você vai digitar Java underline home tudo maiúsculo exatamente como eu fiz aqui ó java-home Ok e aqui no valor da variável a gente vai ter que colocar aqui qual é o caminho da nossa pasta do Java jdk então você pode vim vou procurar no diretório e aqui a gente vai fazer o caminho que a gente tinha visto ali antes no momento da instalação que vai estar em este computador disco local C aí nós vamos procurar aqui ó program files E aí vai ter que já vá e aí a gente tem a pasta aqui jdk gente vai selecionar essa pasta aqui jdk 11.

0. 14 e dar um ok E aí ele vai mostrar esse caminho aqui para nós você pode inclusive selecionar esse aqui dá um controle você aí para copiar beleza e dá um ok beleza foi colocado aqui o nosso java-home agora nessa listinha você vai procurar aqui onde está escrito assim Pet Tá vendo só Pet Não é esse Pet é esses ter não é só pé vai clicar aqui nesse Pet vai clicar em editar e aqui abaixo do node a gente vai precisar colocar aqui é o nosso Java jdk e contando para uma pasta chamada bem então a gente coloca assim/bi você vai reparar que aqui em cima eu já tinha ele ó tá vendo já tinha aqui em cima crise porque eu já tinha Instalação feita antes né então eu vou excluir as que eu tenho aqui em cima vou excluir também essas outras coisas que eu tenho aqui que já é dos outros cursos só para a gente fazer do zero aqui isso aqui você não vai precisar fazer no teu tá é só porque no meu já veio assim não só para a gente ver o que a gente precisa fazer deixa eu dar um ok então depois que você colocou aqui o Java home vamos voltar vamos voltar novamente Depois você coloca aqui o Java home você vai vir aqui no pet vai clicar em editar e aqui embaixo você vai colocar esse caminho aqui ó o caminho do Java jdk apontando para a pasta Bin certo só isso você precisa fazer coloca lá embaixo e dá um ok e depois aqui você pode dar um ok que você pode dar um ok também agora nós vamos fazer o seguinte vamos fechar o nosso próprio de comando abrir o prompt de comando de novo e agora você dá o comando Jawa o verso e da onde ele tem que mostrar e a versão 11. 0.

14 E aí o nosso Java jdk Já foi instalado agora nós vamos instalar o grego então para instalar o grego nós vamos entrar aqui no disco local C então vai lá no teu explorador de arquivos né aqui na pasta explorador de arquivos isso colocar os e e aqui dentro desses colocar o cenas vamos criar uma pasta Então vou dar um novo pasta e vou criar uma pasta chamada graddle com g maiúsculo mesmo tá gredo Beleza Criei uma pasta chamada gredo agora que que eu vou fazer vou entrar lá no link que eu disponibilizei no Google Drve vou copiar esse segredo aqui. Zip e vou clicar com o botão direito vou clicar em download para fazer download tem um problema não foi possível baixar um clicar aqui fazer download aí não foi possível verificar se tem vírus vamos lá aquela mesma coisa de sempre fazer download mesmo assim ó e aqui no salvar como eu vou salvar lá dentro daquela pasta do grego então aqui dentro de ser: eu vim aqui na pasta greve eu vou salvar esse arquivo zipado aqui dentro agora que que acontece se eu for lá dentro dessa pasta greve a gente vai ter esse arquivo que ela é do tipo pontos e um arquivo zip ele significa que ele é zipado ou compactado Tem várias coisas dentro de um arquivo só para a gente poder descontar que tá isso aqui a gente vai precisar de um programa chamado WinRAR então você pode entrar dentro do Google pode entrar e digitar esse WinRAR vai entrar nesse primeiro link que é winrar. com certo e vai baixar O WinRAR só baixar e instalar esse programa não tem segredo nenhum aqui em baixar O WinRAR ele já vai aparecer a opção para você fazer download ele vai até te sugerir se você acha que aguardar um pouquinho aí ele te sugere a versão ou clique aqui em baixar O WinRAR para ele fazer o download da versão que você precisa né Olha já apareceu aqui pra e vai tal eu não vou fazer porque eu já tenho errar está lá na minha máquina mas o seu caso você só salva instala e já era já tá WinRAR instalado na máquina uma vez que o errar instalado na máquina se vai fazer o seguinte aqui onde você tem esse arquivo que a gente baixar do Google Drve Você vai clicar com o botão direito em cima e vai escolher a opção extrair aqui certo extrair aqui clica que extrair aqui a beleza terminou de extrair Depois terminou de trás você pode remover se arquivos zip aqui Você pode deletar e deixar só a pastinha que tá aqui que é o que a gente vai precisar ter OK então o que a gente vai fazer a gente vai entrar dentro dessa pastinha aqui do credo para que em cima ao clicar nessa nessa barra onde tem o caminho aqui em cima no canto aqui onde está vazio você clica aqui ó ele vai mostrar colocar o caminho para essa pasta você dá um contra os e nesse caminho se não teu teclado control c agora a gente vai lá nas variáveis de ambiente de novo então editar variáveis de ambiente do sistema ou clicar aqui em variável de ambiente e aqui na lista de baixo eu vou dar aqui um novo e aqui eu vou escrever credo com letras minúsculas tudo minúsculo tá E aqui eu vou colar aquele caminho do Drgon Olha só colei aqui e vou dar aqui um OK beleza adicionei o Brad ou aqui agora eu vou lá no nosso Pet seleciono Pet aqui vou ver aqui em editar ó e aqui abaixo do Java jdk eu vou colocar aqui ó dá dois cliques para abrir o camping ou dar um control V aqui para colocar o caminho do Credo E vou colocar a barra invertida e fica do lado geralmente da letra Z né e seguindo o mesmo padrão que já tem das Barras aqui o \mesmo a barra você vai usar e só apontando para pasta Binho também que é onde está o binário dublado certo clica fora dá um ok e dá um ok aqui e beleza já tá colocado greve a gente pode ver se funcionou fechando o nosso prompt de comando abrindo pronto pedir comando e escrevendo aqui ó graddle Ah e Dá um enter ele já deu Welcome to grand oriental Beauty sucesso por mostra que qualquer a versão 5.

1 7. 5. 1 E aí tá tudo certinho beleza o nosso grega foi instalado com sucesso vou dar com CLS só para limpar agora pessoal nós vamos ter que adicionar a instalação do Android do sistema Android para que os nossos aplicativos possam gerar em um APK para a gente está lá no nosso celular então a gente vai precisar ter o Android SDK aqui é o conjunto de ferramentas do Android que a gente precisa para poder estar trabalhando para fazer isso nós vamos fazer o seguinte nós vamos entrar aqui no site para baixar o Android Studio certo pessoal tô sem Entra lá no site do Android Studio você digita no Google Android Studio já vai ter que o site Zinho ou pode baixar por aqui também deixei um executável instalador do Android Studio aqui mas eu te recomendo sempre pegar a versão mais recente o site do Android Studio Então vai entrar aqui no site oficial é o site oficial é developer.

Android. com/estúdio e aqui vai ter opção aqui ó download Android Studio você clica aqui ele vai aparecer para você aceitar e sistema de licença e desce lá embaixo marca que você é ler os termos e clique aqui para fazer o download Oi e aí você salva esse arquivo aonde você desejar você vai ver que ele é meio pesadinho tá pessoal ele tem 929 MB então ele tem quase 1gb de tamanho e portanto que você tem espaço aí no seu computador para poder estar fazendo a instalação nós vamos usar o Android Studio porque ele facilita as ferramentas de download do Android SDK que é o que a gente vai estar trabalhando a gente não vai usar esse programa durante o nosso processo de desenvolvimento tá Não precisa se preocupar com isso nós só vamos estar baixando o Android Studio porque dentro dele a gente tem o SDK Manager que é uma interface visual para você tá fazendo download dos pacotes conforme a sua necessidade Conforme você precisar Então vamos baixar ele para facilitar o processo para não se não a gente ia ter que fazer por linha de comando e tal e para muita gente é mais difícil fazer desse jeito então fazer de um jeito mais assim visual olhando na telinha e tal passo a passo que vocês vão ver aqui daqui a pouquinho então vou esperar ele terminar o download terminou o download vamos executar e ele vai perguntar se desejo fazer as alterações no aplicativo pode dar um sim e aí vai aparecer a janelinha aqui de instalação do Android Studio certo só deixou Minimizar isso para gente ficar com a tela mais escura no fundo né vou mostrar aqui um próximo aqui você pode dar um próximo aqui aonde vai ficar instalado o Android Studio então vai ficar nessa program files Android Android Studio vai dar um próximo aqui pode dar um Install e só aguardar a instalação beleza terminou a gente pode dar um next você pode desmarcar que opção start Android Studio e pode dar um finish tá aí terminou aqui você pode digitar que na sua barra de Pesquisas SDK Manager deixa eu ver se ele vai abrir direto acho que não vai ter que abrir o Android Studio mesmo então Android Studio na verdade a gente podia ter aberto ele mesmo ele podia ter deixado marcado aquela opção do fim disse para ele abrir mas beleza vão abrir o Android Studio então aqui você pode colocar que não quero importar é nenhuma configuração deixa marcado essa segunda opção me dá um ok aí e nessa janela the setup Wizard eu não sei se a gente precisa Obrigatoriamente marcar aqui deixa eu ver se dar um cancel não então aquele pergunto se você quer ajudar nos negócios o Android Studio mandando um coletando informações e não sei o que eu como sempre falo para vocês não gosta de enviar vou colocar que o dom de sangue que não é para enviar então que ele tá dando boas-vindas ao Android Studio aqui é a configuração rápida do Android Studio na verdade eu não precisaria desse dessa janelinha aqui deixa eu ver se eu clicar no cancel eu já consigo ir direto a saindo da instalação e tal isso a gente pode marcar e desmarcar a opção aqui não é mostrar essa janela de inicialização desmarque essa opção aqui eu cliquei no cancel quando aparecer uma janelinha desmarque essa opção aqui e pode dar um ok e isso aí ele vai jogar a gente para essa janela aqui do Android Studio já inicializados porque a gente não vai precisar configurar nada no Android Studio APK nós vamos usar essa ferramenta a gente só vai usar aqui em more Actions aqui embaixo mais ações a gente vai usar isso daqui ó SDK Manager a gente vai usar isso daqui que é o gerenciador de pacotes SDK do Android Tom clica aqui SDK Manager e agora a gente vai ter que especificar onde a gente vai colocar o nosso Android SDK então vou fazer o seguinte eu vou criar aqui no meu disco local C eu vou criar aqui uma pasta chamada Android o que criei nudes colocar o seu uma pasta chamada Android dentro dessa pasta Android e vou criar uma nova passa chamado SDK Beleza agora que que eu vou fazer vou voltar aqui no nosso Android Studio vou clicar quem Android SDK location vou dar um Edite é aquele vai marcar algumas opções de plataformas e tal que ele já vem por padrão inicial Tá eu só puxar mais para cima aqui a minha cara e aqui ele tá dizendo onde vai ser a localização a gente pode trocar esse daqui e a gente vai colocar aqui ó a gente vai querer que seja dentro do disco local C A Nossa pasta Android e aqui a Anna a gente vai querer a nossa pasta sd-card foi que a gente criou certo vou dar um ok então esse vai ser o caminho no meu computador para o Android SDK ser: Android SDK E aí eu vou dar aqui embaixo um botão next aqui vamos dar um next aquele vai pedir para a gente aceitar as licenças aí aqui embaixo tem aqui para você aceitar a licença só accept e aí vai estar todos marcados aqui com uma Sept tá então você tem que aceitar as licenças aqui em baixo vou explicar aqui embaixo em next E aí ele vai fazer a instalação do pacote do Android é isso que é o padrão que já vem aqui com o Android Studio Então vamos aguardar ele fazer a instalação Ah beleza ele já deu aqui que terminou então eu vou clicar aqui Infinity para concluir beleza aí ele vai aparecer agora essa janelinha aqui para nós das versões que a gente já tem instalada a gente já tem a versão 33 se a gente entrar dentro da nossa pasta lá do Android Deixa eu voltar aqui no cantinho Android SDK aqui dentro a gente vai ter as faixinhas Ele criou uma pasta aqui que é importante para nós que abriu ditos com a versão 33 e uma pasta chamada platform-tools onde tem aqui algumas ferramentas também do Android a gente não precisa dessa versão 33 tá pessoal que essa versão 33 ela é a mais atualizada a mais nova mais para gente trabalhar junto com Córdoba atualmente no momento da gravação desse vídeo a versão que ele usa é a 30. Zero ponto 3 certo então em versões futuras se precisar você vai vir aqui nessa listinha e vai instalar uma outra versão O que que a gente vai fazer a gente vai desmarcar Primeiro vamos lá e são aqui embaixo chamadas Yan show package details certo marcar essa opção que o show Packs de temos aqui embaixo mostrar detalhes dos pacotes nós vamos desmarcar a versão 33 aqui desmarcamos ela toda não tem nada marcado então ele já ficou um x na versão 33 e a gente vai procurar aqui ó a versão 30 tá a versão 30 é essa versão aqui ó Android 11 certo que a versão que a gente vai estar trabalhando por enquanto é a versão alvo aqui do córdova gente já tá no Android 12 Mas ele pede no mínimo para você colocar na na Google Play a versão do Android um Então vou marcar aqui ó Android SDK platform 36 Horses for Android 30 certo só esses dois aqui você precisar marca Beleza você clica aqui no apply que é para ele fazer a instalação eu perguntar para você confirmar você quer deletar a versão 33 que foi que a gente fez a gente desmarcou e a gente quer instalar a versão da plataforma 30 é isso mesmo é isso mesmo dá um ok Oi e aí vamos aguardar que ele fazer todo o processo da instalação aqui Oi beleza você tapa foi meio de molhadinho Demora mesmo tá pessoal essa parte aqui pode dar um finish aqui para incluir finalizou agora que que você vai fazer você vai vir SDK to uso aqui nas opção vai marcar aqui também show package details vai marcar essa opção vai desmarcar essa opção 33 aqui desmarca ela e você vai marcar a opção 30.

Zero ponto três então desmarcou 33 ou qualquer outro que venha marcada né se talvez você tá vendo Em outro momento tem outra é marcada ali que vem na instalação desmarca ela e marca 30. 0. 3 certo que vai ser no momento da gravação desse vídeo a versão recomendada pelo córdula Pode ser que futuramente já tem que ser uma versão maior do que essa certo pessoal mas isso a gente vai descobrir ali na etapa de quando a gente for geral o aplicativo depois que o código como eu já sei que essa é a versão Então coloca essa versão aí pô o Ok vamos dar aqui uma Clay para gente atualizar ele vai perguntar você quer realmente tirar a versão 33e colocará 30.

0. 3 da Ok é isso que eu quero mesmo e aí ele vai fazer de novo mais um processo de instalação aqui é só aguardar ele fazer beleza e se não foi tão demorado a gente já pode dar aqui um feliz concluído e aí a gente pode até fechar aqui o nosso Android Studio A gente pode fechar ele aqui e aqui dentro da nossa pasta SDK gente se entrar dentro de built to use a gente vai ver que agora tem a versão 30. 0.

3 quer que a gente tá trabalhar e aqui em platform-tools tá tudo certinho tem tudo que a gente precisa Beleza agora pessoal que que a gente vai fazer a gente vai entrar de novo lá nas nossas variáveis de ambiente então editar variáveis de ambiente do sistema vai clicar aqui em variáveis de ambiente e a gente vai fazer o seguinte a gente vai copiar aqui em cima esse caminho do Android SDK contra você copiei nós vamos criar aqui uma nova variável de ambiente que a gente vai fazer assim ó Android underline home tá exatamente como tá aqui Android underline home tudo maiúsculo exatamente desse jeito e no valor da variável a gente vai colocar o caminho aqui para Nossa pasta SDK do Android a gente dá um ok vamos lá no nosso Pet aqui no pé que a gente vai dar um editar ó e aqui embaixo a gente vai ter que colocar dois caminhos a gente vai colocar aqui primeiro o caminho do build-tools Então a gente vai copiar aqui o melhor do Black phone Tools copiar esse caminho aqui ó platform-tools colar aqui embaixo Oh e vamos pegar também o caminho do build-tools copiar e colocar aqui embaixo esses dois aqui então você vai colocar platform-tools e o Beauty Tools certo e você vai dar um ok então na lista aqui do Pet você tem que ter colocado aqui o Java jdk o gredo o Android SDK platform-tools e o Android SDK build-tools OK OK Ok beleza Teoricamente Tecnicamente tá tudo pronto a nossa instalação agora nós vamos fazer o teste para ver se realmente funciona toda a nossa instalação Então a gente vai vir aqui no diz colocar você pode criar uma pasta chamada apps Tá eu vou criar uma nova Parte aqui chamada aplicativos Porque eu já tenho uma pasta apps que ela que eu uso pessoalmente então eu vou criar uma chamada aplicativo só para ser diferente mas você pode chamar a pasta de apps aí tá é o nome que você quiser um nome curtinho e eu vou chamar de aplicativo só parecer um pouco diferente que eu já tenho uma pasta apps aqui então eu vou fazer o seguinte eu vou abrir agora meu próprio de comando vou fechar ele abrir ele novamente sempre que a gente faz as instalações você tem que fechar e abrir o prompt de comando para que ele reconheça as escavações foram feitas por último sem precisar reiniciar o computador então aqui vou primeiro acessar essa minha pasta de aplicativos que o cliente eu vou dar um CD Espaço ser: Barra no seu caso você pode fazer/apps assim para entrar na pasta apps meu caso eu vou entrar na pasta aqui ok E eu chamei de aplicativos certo opa Na aplicativos é aplicativo Deixa eu só ver como é que eu fiz ali os aplicativos aplicativos E aí escrevi aplivativos aplicativos beleza repare que aqui ó mudou do nome do usuário que eu tinha para a pasta aplicativos então isso tá dizendo para mim aqui no prompt de comando que eu estou dentro dessa pasta vou dar aqui um CLS para limpar SLS o comando para limpar que o terminal e eu vou dar um comando do córdova para criar um novo projeto esses comandos que eu vou fazer daqui para frente pessoal eu não vou explicar muito porque é na próxima aula nós vamos entender mais a fundo esses comandos aqui então simplesmente para gente testar se a nossa se a nossa instalação funcionou passa o que eu tô fazendo aqui só me Copie porque se não precisa por enquanto entender isso a gente vai entender numa aula mais para frente então a primeira coisa que a gente vai fazer criar o projeto então vou fazer o código cliente vou colocar o nome da pasta de projeto e aqui o identificador eu vou colocar br. com. Projeto um e o nome do aplicativo vou colocar entre aspas duplas a API de teste e o Opa escrevi Apple ep de teste de um enter e aquele já falou que foi criado um novo projeto do Corda Se eu entrar lá dentro da minha pasta aplicativos vocês vão ver que tem uma pasta lá chamado projeto um que exatamente deixou dormir aqui no terminal só para vocês verem que o e exatamente o nome desse projeto que a gente fez o padrão dos arquivos do Corda nuvem uma pasta www que é onde a gente vai colocar aqui os nossos HTML CSS JavaScript igual a gente faria para webb certo só que isso aqui ele vai converter depois para o aplicativo Então vem só isso por enquanto a gente vai ter que adicionar aqui as plataformas que a gente vai querer trabalhar no córdula certidão comando assim a córdova platform LTS que esses comandos aqui você vai ver quais são as plataformas Opa eu preciso primeiro entrar ali na pasta do projeto tô dentro da pasta aplicativos deixa entrar na pasta do projeto é CD o projeto um precisa entrar dentro da pasta né porque aqui ó no próprio comando só para você entender que te deu esse erro aqui em cima ele disse que o arquivo que é a pasta que eu tentei entrar não é uma pasta do corgo aí é verdade porque eu tô dentro da pasta aplicativos aqui no terminal quando eu dou suceder que o comando para entrar numa pasta eu tô dizendo que eu quero entrar na pasta projeto um agora repare que aqui na linha ficou aplicativos projeto um tão Agora sim eu tô dentro da pasta do projeto da 1.

cls para limpar essa bagunça agora eu vou dar o comando corda blackporn LTS que é um comandinho para ver quais são as plataformas disponíveis no córdova pelo tá trabalhando Então aquele mostre que eu tenho a plataforma android a plataforma browser electron' Windows certo então são essas aqui concordo lá trabalha se você tiver inclusive no mac-usp ele vai aparecer aí o s aqui também de opção tá então ele também faz aplicativo de parar aí oeste também o que nós vamos estar instalando é para Android há quem está LED Plus eu ver que tá vazio então a gente não instalou em uma plataforma Então vamos instalar agora a plataforma do Android tá gente vai fazer córdova Black for add e a gente vai passar que a gente quer adicionar a plataforma android corda uma plataforma android dão entre E aí ele vai adicionar a plataforma android para nós se reparar lá no fundo ele já colocou uma parte chamada platforms e já adicionou para nós OK agora repare uma coisa interessante quando você adiciona uma porta forma no córdula ele tem uma das informações aqui ó Android target ou qual que é a versão do Android algo e aquele colocou Android 30 foi por isso que a gente está lá versão 30 do Android lá do nível de apn-30 1. 0. 3 Por que atualmente ocorre vou tá trabalhando com essa versão E conforme for passando novas versões é a Google Play for exigindo versões cada vez maiores você vai trocando né a versão instalada lá no teu Android Studio bom de cama e justiça instala uma versão mais atualizada ele vai sempre te mostrar aqui qual que ele precisa trabalhar e aí você pode tá tendo aí nos seus projetos Beleza agora a gente talentosa forma Android e vamos tentar gerar o aplicativo Android para a gente finalmente ver se toda a nossa instalação funcionou então para isso eu vou dar um CLS aqui só para limpar essa bagunça eu tenho TOC com sujeira na tela sou meio maluco não gosto de monte de coisa escrita assim no meu terminal então sempre Dom CLS é Vou colocar aqui ó córdova build e Android que é o comando para a gente criar uma Build do Android construir para Android tão córdova construa para Android córdova build Android tô dizendo que eu quero que esse projeto um do jeito iniciar o mesmo como a gente fez só ali a inicialização do Córrego eu quero que ele Gere um APK para mim para que eu possa tá colocando esse aplicativo no meu celular na verdade aqui é só para a gente ver se a instalação funcionou vamos dar um entre e ele vai começar aqui a fazer a baixar pacote só coisas que ele precisa por enquanto tá dando ali builds sucesso quer dizer quando tá assim verdinho é show de bola quer dizer que a coisa tá indo bem vamos ver se vai dar certo e essa parte é de molhadinho mesmo tá pessoal então é só esperar Isso aqui vai lá fazer o teu cafezinho que todo bom desenvolvedor precisa tomar um belo de um café né E aí vai aguardando isso aqui dependendo da máquina esse aqui pode demorar mais ou menos e também dependendo se ele vai precisar baixar algum pacote da internet para ele colocar alguma atualização alguma coisa também às vezes pode demorar por exemplo aquele tá fazendo alguma alguns download sair de alguma coisa do grega o que ele vai precisar tá trabalhando é um só esperar [Música] a beleza pessoal aqui no meu Deus dois minutos de 24 segundos o tempo de construção do nosso arquivo Android do nosso APK builder sucesso verdinho quer dizer show de bola quer dizer que deu certo a nossa instalação tudo belezura e uma coisa legal que ele aponta para nós aqui pessoal onde ficou o arquivo APK que a gente pode estar instalando no nosso celular tá bom então ele aponta o caminho aqui para nós vai tá dentro da pasta do projeto plexiformes Android app built put.

apk de buggy e f debug. com lentiformes Android app build-out put. apk de buggy E aí vai tá aqui ó up traço de bang.