O Google deu um passo enorme no mundo da inteligência artificial com o lançamento do Gemini 2. 5 Pro edição IO. Essa nova versão chegou com tudo, mais poderosa, mais inteligente e totalmente focada em quem trabalha com desenvolvimento e criação de aplicações web.
O modelo agora entende imagens como nunca, gera sites completos a partir de um único prompt e ainda lidera os principais ranks de a do momento. E o melhor, tá disponível de graça para quem usa o Google EA Studio. Então, antes de ver como esse campeão funciona, inscreva-se no canal.
E para ver os vídeos antes de todo mundo e sem anúncios, é só clicar no botão, seja membro. Fechou? Então bora pro vídeo.
Bom pessoal, então todo mundo foi pego de surpresa com essa postagem aqui do Google sobre o Gemini, que foi o lançamento, né, uma atualização do modelo 2. 5 Pro, que agora tem essa versão aqui, IO Edition. E o que que eles dizem aqui?
Vejam só, acabamos de lançar o Gemini 2. 5 Pro IO Edition. é o nosso modelo mais inteligente e ainda melhor em codificação.
Agora você pode criar aplicativos web interativo no canvas com menos promptes. Olha só que bacana. Eles também divulgaram que aqui no webdev arena esse novo modelo que é do dia 6/05, ele tá aparecendo em primeiro lugar a frente do Cloud 3.
7 Sonet e do próprio Gemini 2. 5 Pro em sua versão anterior. E aí mais abaixo, a gente tem o GPT 4.
1, ou seja, eles pegaram um modelo que já era excelente, deram uma turbinada e agora eles dizem que ele é mais inteligente e mais capaz de codificar. Durante a apresentação, eles exibiram uns vídeos muito legais, mostrando exatamente tudo que a gente consegue fazer com esse novo modelo. E realmente é impressionante.
Eu vou deixar o link do blog direitinho aqui na descrição desse vídeo, caso vocês queiram se enterar mais sobre o assunto, mas agora vou mostrar para vocês na prática o que dá para fazer com esse novo modelo. A boa notícia é que ele também tá disponível aqui dentro do Google AI Studio. Então quando você entra aqui na ferramenta, basta escolher o novo modelo aqui, que é o Gemini 2.
5 5 Pro preview do dia 6 de maio. Então já tá aparecendo aqui para que você possa utilizar sem ter que pagar nada, o que é muito bacana. Mas para quem tem o Gemini Advanced, basta clicar aqui na plataforma e escolher aqui o modelo 2.
5 Pro Spermel, ou seja, é o mesmo modelo, só que agora existe a opção aqui, canvas, né, onde você consegue visualizar em tempo real o código que tá sendo construído. Então vamos lá, vamos pro primeiro exemplo. Olha só, crie um painel de CRM completo e adicione muitos recursos a ele.
Pronto e simples. Vamos ver se ele vai conseguir codificar. Pronto, ele já começou aqui a codificação e quando terminar a gente vai conseguir visualizar por meio da prévia.
Vejam só que ele ainda tá codificando aqui. Eu já tô com, deixa eu ver quantas linhas aqui de código. Realmente é impressionante.
Ele escreve muito e muito rápido. Olha, já tô aqui com mais de 500 linhas de código. Pronto, ele já terminou aqui.
E vejam só que resultado bacana. Totalmente interativo. Olha que legal.
Então é muito bacana porque com apenas um único prompt muito simples, eu consegui criar esse aplicativo aqui totalmente interativo. E aqui a gente tem o código. Caso você queira, você pode editar ou levar para outra ferramenta, mas você consegue visualizar diretamente aqui dentro do Gemini.
Vejam só que ele é completamente funcional. Olha que bacana, tudo funcionando direitinho. Próximo exemplo.
Agora crie uma enciclopédia simples dos 25 primeiros Pokémons lendários, incluindo seus tipos, trechos de lore e imagens. Crie um único arquivo com o CSS, JS e HTML. Olha só, um prompt um pouquinho mais complexo.
Vou ativar aqui o canvas e vamos ver se ele vai conseguir. Lembrando que tudo que eu tô fazendo aqui dentro do Gemini Advanced também pode ser feito lá no Google EA Studio. A diferença é que aqui você consegue visualizar e lá no Google EA Studio você tem que copiar o código e levar esse código para outra ferramenta para conseguir visualizar.
Aqui dentro do Gemini Advanced você consegue fazer o código e visualizar em tempo real. Quando ele terminar aqui, eu quero mostrar para vocês um exemplo que eu vi lá durante a apresentação e que eu quero ver se realmente a gente consegue fazer. Que que é?
Basta subir um rascunho para cá que você tenha desenhado e aí ele vai entender esse desenho e vai transformar em aplicativo. Vamos ver só. Mas por enquanto ele já trouxe aqui para mim a prévia da minha enciclopédia de Pokémons.
Olha só que bacana. Ficaram faltando aqui algumas imagens, mas no que ele codificou aqui tá muito legal. Olha só o resultado disso.
Eu vou pedir aqui para ele acrescentar as imagens que ficaram faltando. Esse processo aqui é muito rápido. A página ficou pronta aqui em menos de 1 minuto.
Pronto, terminou. Vamos ver. Olha só, ele conseguiu acrescentar aqui as imagens.
Algumas ainda estão faltando, mas no restante aqui os cards interativos estão todos prontos. Olha que legal. E realmente ele conseguiu pegar as imagens aqui, trouxe um histórico aqui em português do Brasil.
E aí eu tenho a imagem de cada um dos Pokémons aqui. O que eu acho mais interessante desse novo modelo é que com apenas um único prompt digitado em português do Brasil, ele conseguiu criar uma aplicação com essa qualidade aqui. Então é bacana porque mesmo que você não saiba nada de programação, você pode pedir em linguagem natural pro modelo que automaticamente ele vai criar algo para você.
Agora vamos lá para aquele teste que eu citei no começo. Olha só, é isso daqui que eu tinha dito. Então a pessoa foi lá, desenhou, né, fez um rascunho ali, um esboço do aplicativo que ela quer e pediu pra inteligência artificial criar esse aplicativo aqui com base no desenho.
Pergunta ali se ele consegue codificar e automaticamente ele traz aqui o aplicativo prontinho. Vamos ver se isso funciona na prática. Então vamos lá.
Vou fazer aqui o upload da imagem. É exatamente a mesma imagem e tô pedindo exatamente a mesma coisa. Você pode codificar esse app.
Vamos ver se ele vai conseguir. Olha só, ele já terminou aqui o aplicativo. E qual que era a ideia?
Era criar um app onde eu fizesse algum rascunho, algum desenho e pedisse para transformar esse desenho em som. Vamos ver se ele tá conseguindo. Então, vou fazer aqui um desenho qualquer e vou pedir para transformar em som.
Legal, né? Vou limpar aqui, vou fazer outro desenho. Então, aqui não tem certo nem errado, né?
É a gente que tá desenhando aqui, esperando que a inteligência artificial transforme o desenho em som. Legal, né? Então, viram só mais uma vez, gente, apenas um único comando.
Ele entendeu ali em português do Brasil mesmo e trouxe esse aplicativo aqui para mim totalmente funcional. Então, realmente justifica esse novo modelo tá no topo ali do web dev arena, né? Porque você não precisa fazer muitas adequações para conseguir um resultado desejado.
Vamos tentar agora um prompt um pouquinho mais difícil. Vejam só a complexidade. Codifique uma TV que me permita trocar de canal com as teclas numéricas de 0 a criei uma ideia de canal para cada número inspirada em gêneros clássicos de canais de TV.
Mostre animações detalhadas interessantes para o conteúdo e o nome criativo de canal na tela. retorne um sketch do P5JS com 800 por 800 pixels, sem HTML com fundo preto. Então, qual é a ideia aqui?
É criar esse aplicativo que provavelmente a gente não vai conseguir visualizar aqui dentro do Gemini, né? O canvas ele não permite esse tipo de aplicação. Aí a gente vai exportar para outra ferramenta para ver se tá funcionando.
Então vamos lá. Vejam só, ele já terminou aqui de fazer a minha codificação. Foram 825 linhas de código.
Que que eu vou fazer agora? Como eu não consigo visualizar esse tipo de app aqui dentro do Gemini, eu vou copiar o código, vou levar aqui pro P5JS Editor, vou colar o meu código e vamos ver se tá funcionando. Olha só, primeiro canal aqui fora do ar.
Aí aqui, pressionando as teclas de número, eu vou mudando os canais. Olha que legal. Canal 4, 5 e 10.
Fora do ar. Olha só que legal, gente. Era um prompto, mais avançado, mas ele conseguiu codificar direitinho aqui os canais de TV.
Eu nunca tinha visto esse tipo de codificação com essa qualidade em uma inteligência artificial. Olha só, são 10 canais do jeitinho que eu pedi. E para mudar os canais é só ir apertando os números aqui do teclado.
Olha só que legal. Então, para mim esse exemplo aqui já é suficiente para mostrar que esse novo Gemini tá muito avançado, né? que a gente consegue codificar com linguagem natural em português do Brasil.
Não precisa ser nada muito complexo, nada muito avançado. Basta você pedir ou subir um desenho para cá, como eu mostrei para vocês, que automaticamente a inteligência artificial entende aquilo que você subiu, faz a codificação e te entrega um resultado muito consistente que praticamente não requer ajustes. Então pessoal, testem aí.
Se você não tiver uma assinatura do Gimni Advanced, o mesmo modelo tá disponível lá no Google EA Studio para que você possa testar sem ter que pagar nada. E aí, será que o chatpt, o Grock e o Cloud tão comendo poeira depois desse lançamento no Google? Contem para mim o que vocês acham aqui embaixo nos comentários, tá bom?
Te vejo no próximo vídeo.