Tutorial de programação em Vibe: como criar aplicativos e softwares com IA generativa

1. Apresentação: Caramba, vocês estão interessados em codificar vibrações? Você está interessado em criar aplicativos e software usando IA generativa Se a resposta for sim, então este curso pode ser para você. Vamos construir muitos projetos, pessoal. Primeiro, vamos criar um documento de requisitos de produto usando o Miro e o Microsoft Copilot Em seguida, vamos criar um planejador de viagens com IA usando o Lovable. Olha isso. Em seguida, vamos criar software de otimização logística usando o Bolt New. Olha isso. Em seguida, criaremos um software de agendamento de consultas usando o Cloud. Veja isso e vamos criar mesmo software usando o Github Copilot Olha isso. Muito legal. Em seguida, criaremos um software de análise de dados usando o Emergent. Assim, o usuário poderá fazer o upload de um arquivo CSV e o sistema analisará e visualizará os dados automaticamente Em seguida, vamos construir um sistema de gerenciamento de propriedades usando o Base44. Olha isso. Em seguida, criaremos um software de gerenciamento de folha de pagamento usando o Firebase Studio Em seguida, vamos criar software de gerenciamento de resíduos usando o plet. Ele tem quatro recursos principais: agendamento, rastreamento, solicitação e análise Olha isso. Muito legal, né? Depois disso, vamos criar um aplicativo de aprendizado de idiomas usando o Vzero Ele tem três recursos principais: aulas de vocabulário interativas, aulas de vocabulário interativas, questionário diário e análise de progresso Em seguida, vamos criar aplicativo de gerenciamento de despesas usando o Rork. Olha isso. Depois disso, vamos criar um sistema de gestão escolar usando o Google AI Studio. Em seguida, vamos criar um software de análise de marketing usando o cliente. Olha isso. Ele tem três características principais: desempenho de campanha, rastreador de orçamento e insights de segmentação de clientes E também vamos implantar nosso aplicativo no Netifly. Olha isso. 2. Criando um documento de requisitos de produto com Miro e Microsoft Copilot: Caramba, bem-vindos de volta ao curso. Neste vídeo, vamos criar um documento de requisitos de produto usando duas ferramentas de IA. O primeiro é o Miro e o segundo é o Microsoft Copilot Ok, vamos começar. Primeiro, você precisará fazer login, então vamos clicar aqui. E vou fazer login usando minha conta do Gmail. Como vocês podem ver, eu entrei com sucesso e aqui está meu painel Ok, agora, vamos clicar em Criar novo projeto. Ok, agora vamos utilizar a IA para criar um documento de requisitos do produto. Vamos clicar aqui e clicar em Doc. Ok, agora vamos escrever o baile, escrever um documento abrangente de requisitos de produto para o software de planejamento de viagens de IA Então esse é o projeto que vamos construir. Isso inclui três recursos principais. O primeiro é o gerador de itinerário de IA. O segundo recurso é o voo barato e o Hotel Finder. E o terceiro instalador é o Vacation Budget Tracer. Explicou as metas do usuário-alvo, fluxo do usuário, os requisitos técnicos, as fontes de dados, as funcionalidades de IA, o design do banco de dados e as necessidades de integrações de cada instalador OK. Agora, vamos clicar em Gerar. Ok, agora, a IA está gerando o documento de requisitos do produto. Isso levará alguns segundos, talvez cinco ou 10 segundos. Esperem, pessoal. Espero que não demore muito. Bem, não demorou muito, pessoal. Demorou apenas um minuto ou talvez 2 minutos. Ok, aqui está o documento de requisitos do produto para o AI Travel Planner Então, temos um resumo executivo e vamos rolar um pouco para baixo. Temos metas de alto nível e métricas de sucesso. Então, isso é como os principais indicadores de desempenho do KPI. E temos usuários-alvo e personas. Temos características do produto. Existem três recursos principais: gerador de itinerário de IA, voos baratos e localizador de hotéis e rastreador de orçamento de férias Ok, o primeiro recurso é o gerador de itinerário. Portanto, temos fluxo de usuários, requisitos funcionais, fontes de dados de requisitos não funcionais, funcionalidades de IA, designs de banco de dados e integrações Ok, aqui está o segundo limite, e vamos rolar para baixo, e aqui está o terceiro, rastreador de orçamento de férias Ok, muito legal. Ok, a seguir, vamos experimentar a segunda ferramenta de IA. Vamos usar o Microsoft Copilot. Ok, primeiro, precisaremos fazer login. Então, vamos clicar aqui e eu vou fazer login usando minha conta do Gmail, mas você também pode fazer login usando sua conta da Microsoft ou ID Apple Como vocês podem ver, eu entrei com sucesso. Em seguida, vou copiar e colar o baile, então vamos usar o mesmo baile que usamos anteriormente Ok, aqui está o prompt e vamos clicar em Gerar. Ok, vamos ver o documento de requisitos de produto do AI Travel Planner SAS Temos a visão geral, temos metas e objetivos. Temos usuários-alvo. Portanto, existem três recursos principais: gerador de itinerário de IA, voos com chip e localizador de hotéis e rastreador de orçamento de férias E aqui está o fluxo do usuário embarcar nas execuções de planejamento Temos cinco funcionalidades de IA, agregador de preços de agentes militares, previsor de orçamento, agente de personalização e E aqui está o design do banco de dados. Olha isso. E aqui estão as integrações. Há duas partes. A primeira são integrações com API externa e a segunda parte são integrações com serviços internos Em seguida, temos requisitos técnicos, configurações front-end de back-end O que mais? Temos fontes de dados, segurança e conformidade e extensões futuras. Ok, muito legal. Você pode copiar e colar isso e salvá-lo no seu Google Docs. Ok, acho que é isso. Isso é tudo que você precisa 3. Como criar um site de planejador de viagem com Lovable: Olá, pessoal. Bem-vindo de volta ao curso. Neste vídeo, vamos criar o primeiro software usando o Lovable Ok, vamos começar. Primeiro, vou fazer login usando minha conta do Gmail. Você também pode fazer login usando sua conta do Github. Depende totalmente de você. Como vocês podem ver, eu entrei com sucesso. E se você estiver na conta gratuita, receberá cinco créditos todos os dias. Ok, vamos começar. Em primeiro lugar, vou escrever o prompt. Crie um planejador de viagens com IA SS com três grilhões principais O primeiro é o gerador de itinerário de IA. O segundo é o localizador de voos baratos e hotéis. E o terceiro recurso é o Vacation Budget Tracer. Torne o design da interface do usuário moderno e colorido. Se você tiver algum arquivo de suporte, você pode anexar o arquivo aqui. Você também pode importar inspirações de design de interface do usuário do FICMA e defini-las como públicas, para que todos possam ver seu Mas se você não quiser que outras pessoas vejam seu projeto, você pode definir isso como pessoal ou privado. Ok, vamos clicar aqui. Vamos clicar em Gerar. E isso levará alguns minutos, talvez dois ou 3 minutos. Então, esperem, pessoal. Espero que não demore muito, e estou muito animada para ver o resultado Bem, não demorou muito. Demorou apenas 2 minutos ou talvez 3 minutos. Ok, aqui está o site. IA de viagens. Planeje sua aventura perfeita. E vamos rolar para baixo. Existem três recursos principais: AI ItineryGenerator, rastreador de orçamento voos e hotéis Ok, vamos clicar nesse T agora e inserir os destinos. Vou visitar Austin, Texas, e vamos inserir a duração de dois dias e clicar em Gerar itinerário Ok, isso levará alguns segundos. Ok, aqui está o itinerário gerado pela IA. Então, aqui está o itinerário para o primeiro dia. E vamos rolar para baixo, e aqui está o itinerário para o segundo dia Ok, muito legal. Vamos experimentar o segundo recurso. Rastreador de orçamento. Vamos clicar aqui e inserir o valor do orçamento. $2.500. Então esse é o meu orçamento total. E vamos adicionar despesas. Totaliza 600, e vamos clicar às custas. E vamos adicionar outra despesa. Compras, $570. Vamos clicar em Despesas. Como vocês podem ver, temos um gráfico circular. Mostra a porcentagem de sua despesa. Muito legal. E o terceiro recurso é o localizador de voos e hotéis. Assim, o usuário poderá inserir a cidade de partida, a cidade de destino, a data de partida e clicar no voo SRT. Ok, agora vamos clicar aqui. Aqui está o código, então Lovable usa texto datilografado. Como vocês podem ver, o formato do arquivo é TSX. Ok, agora vamos publicar este site. Clique aqui, clique em Publicar. Isso levará alguns segundos, talvez cinco ou 10 segundos. Então, esperem, pessoal. Espero que não demore muito. Ok, publicamos este site com sucesso. Então, aqui está o link. Vamos copiar e colar isso e abri-lo na outra guia. Ok, vamos lá. Ok, aqui está o site. Ok, eu acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. 4. Como criar software de otimização logística com Bolt: Oi, pessoal, bem-vindos de volta ao curso. Neste vídeo, vamos criar um software de otimização logística usando o Bolt New. Ok, vamos começar. Primeiro, vou fazer login usando minha conta do Gmail, mas você também pode fazer login usando sua conta do Github. Depende totalmente de você. Vamos clicar em Continuar. Ok, fizemos o login com sucesso e agora vamos escrever o baile Crie um software de otimização logística com três instaladores principais O primeiro é o otimizador Rot. O segundo instalador é o gerenciamento de estoque. E o terceiro instalador é o Cost Analytics. Certifique-se de que o usuário consiga inserir os locais originais. Destinos. Tipos de produtos e custos de envio. Olha, não, vamos clicar em Criar agora. Ok, isso levará alguns segundos. Então, esperem, pessoal. Espero que não demore muito e estou muito animada para ver o resultado Bem, não demorou muito, pessoal. Demorou apenas 2 minutos ou até menos de 2 minutos. Ok, aqui está o software de otimização logística. Temos três recursos principais: otimizador raiz, gerenciamento de inventário e análise de custos Então, vamos inserir os locais originais. Ostend, vamos inserir os destinos. Em seguida, vamos inserir o tipo de produto, mobília e o custo da remessa. E vamos clicar em Otimizar raiz. Ok, em seguida, vamos clicar em gerenciamento de inventário. Esse é o segundo instalador, então você pode adicionar o tipo de produto, por exemplo, eletrônicos, e vamos especificar os locais, o depósito B. Vamos adicionar a quantidade, dez, e o custo unitário é $35, e o nível de reposição é oito E vamos clicar em Adicionar ao inventário. Como vocês podem ver, este produto foi adicionado ao inventário. E vamos clicar em Análise de custos. Ok, vamos adicionar a entrada de custo. Vamos inserir o ID da remessa. Vamos inserir o custo total de $200. Só um número aleatório, pessoal. Vamos inserir o custo de mão de obra em $100, vamos inserir o custo de manutenção E vamos clicar em Adicionar entrada de custo. Ok, aqui está o detalhamento dos custos. Temos gastos totais, custo médio por remessa, total de campo e custos totais de mão de obra. Ok, muito legal. E vamos clicar aqui. Então, aqui está o código. Como vocês podem ver, vocês usam texto datilografado. E agora vamos publicar este site. Então, vamos clicar aqui e clicar em Publicar. Isso levará alguns segundos, talvez dez ou 15 segundos. Então, esperem, pessoal. Espero que não demore muito. Ok, está quase pronto. Ok, aqui está o link. Então, vamos copiar o link e abri-lo na outra guia. Ok, aqui está o site. Otimizador logístico. Ok, muito legal. Eu acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Garoto, 5. Como criar software de reserva de compromissos com Claude & Github Copilot: Caramba, bem-vindos de volta ao curso. Neste vídeo, vamos criar um software de agendamento de consultas usando duas ferramentas de IA. O primeiro é código e o segundo é Github Copilot Ok, vamos começar com o Cloud. Primeiro, você precisará fazer login. Você pode fazer login usando sua conta do Gimil. Ok, em seguida, vamos escrever o baile de formatura. Crie um software de agendamento de consultas. Certifique-se de que o usuário possa selecionar a hora, a data e as notas. Haverá um lembrete para os próximos compromissos. E depois que o compromisso for agendado, ele deverá ser adicionado às sessões do calendário do usuário Olha, esse é meu baile de formatura. E vamos clicar em Gerar. Bem, não demorou muito, pessoal. Demorou apenas 2 minutos ou até menos de 2 minutos. Portanto, temos quatro recursos principais. A primeira é a seleção de data e hora. O segundo não são seções. O terceiro é o Smart Reminders e o quarto é a visualização do calendário Ok, vamos tentar isso. Vamos clicar em Marcar compromisso e inserir o título do compromisso. Consultoria. Vamos selecionar a data. Vamos inserir o horário às 14h30 e adicionar as notas. Sessão de consultoria da cadeia de suprimentos. E vamos clicar em Marcar consulta. Como vocês podem ver, este compromisso foi editado aqui. Ok, muito legal. Se você quiser publicar este software, basta clicar em Publicar e vamos clicar em Publicar e copiar. Isso levará alguns segundos e aqui está o link. Então, vamos copiar o link. Vamos abri-lo na outra aba. Ok, vamos lá. Aqui está o site. Olha isso. Como vocês podem ver, temos lembrete de compromissos futuros. Muito legal, né? Ok, a seguir, vamos experimentar a segunda ferramenta de IA. O nome da ferramenta é Github Copilot. Então, primeiro, certifique-se de já fazer login na sua conta do Github e vamos clicar em Começar E vamos clicar em Copilot. E você será redirecionado para esta página. Ok, agora vamos criar o mesmo site, então vamos copiar e colar esse baile E vou adicionar mais instruções a esse prompt. Gere apenas um arquivo. Mantenha tudo dentro do arquivo. Em seguida, selecionaremos o modelo de IA que queremos usar. Há muitas opções. Nesse caso, vou selecionar o GPT 4.1, mas se você quiser usar um modelo de IA diferente, depende totalmente de você e vamos clicar em Gerar Ok, vamos lá. Vai levar alguns segundos, talvez dez ou 20 segundos, esperem, pessoal. Espero que não demore muito. Tudo bem, pessoal. Finalmente, o código está pronto e aqui está o código. Vamos copiar o código e compilar esse código no IDE baseado em navegador O nome do IDE é um compilador, vamos copiar e colar o código e clicar em Executar Ok, vamos lá. Em primeiro lugar, vamos selecionar a data. Em seguida, vamos selecionar a hora. Em seguida, vamos adicionar notas, consultoria em cadeia de suprimentos. E vamos clicar em Marcar consulta. Como vocês podem ver, o compromisso foi adicionado aqui ao meu calendário. Muito legal. Ok, acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau. 6. Como criar software de análise de dados com o Emergent: Holigays, bem-vindo de volta ao curso. Neste vídeo, vamos criar um software de análise de dados usando o Emergent. Ok, vamos começar. Em primeiro lugar, vamos fazer o login. Vou fazer login usando minha conta do Gmail. Como vocês podem ver, eu fiz login com sucesso e aqui está meu painel. Ok, em seguida, vamos escrever o baile de formatura. Crie um software de análise de dados Certifique-se de que o usuário possa fazer upload arquivo CSV e o sistema exibirá o resumo dos dados como Mint, mediant, Max e Mint para cada coluna Visualize os dados usando a carta Br ou Pychart e os valores e duplicatas ausentes da tag Em seguida, vamos selecionar o modelo de IA. Existem várias opções, como Cloud, GPT. Nesse caso, vou usar a nuvem, mas se você quiser usar um modelo de IA diferente, depende totalmente de você. Ok, agora vamos clicar em Gerar. Ok, isso levará alguns minutos. Então, esperem, pessoal. Espero que não demore muito e estou muito animada para ver o resultado Bem, não demorou muito. Demorou apenas 5 minutos ou até menos de 5 minutos. Ok, aqui está o site, então vamos fazer o upload dos dados. Então, vou fazer o upload de um arquivo CSV. Neste exemplo, estou usando conjuntos de dados de vendas do Walmart do Google Você pode usar qualquer conjunto de dados que quiser. Ok, vamos fazer o upload dos dados. E vamos clicar em Aberto. Ok, agora ele está carregando os dados. Ok, vamos lá. Aqui estão as informações do arquivo, o nome do arquivo, a quantidade de linhas, a quantidade de colunas, tamanho do arquivo, e vamos rolar para baixo, como vocês podem ver, temos estatísticas resumidas. Então, para cada coluna, temos o tipo. Existem dois tipos, numéricos e categóricos. Temos contagem, média, mediana, mínimo e máximo. Veja isso e vamos rolar um pouco para baixo. Temos qualidade de dados. Portanto, não há valor ausente e zero duplicata. E aqui embaixo, temos visualizações de dados. Temos um gráfico de bordos e também um gráfico circular. Olha isso. Muito legal, né? Você pode compartilhar seu aplicativo, basta clicar em Compartilhar e copiar o link. E vocês também podem ver o código, pessoal. Ok, acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau. 7. Como criar um sistema de gerenciamento de propriedades com Base44: Caramba, bem-vindos de volta ao curso. Neste vídeo, vamos construir um sistema de gerenciamento de propriedades usando o Base44 Vamos começar. Primeiro, vamos fazer login, vamos clicar em Começar a criar e eu vou fazer login usando minha conta GML Como vocês podem ver, eu entrei com sucesso. Ok, agora vamos escrever o prompt. Sistema de gerenciamento de propriedades construído com três características principais. O primeiro é o painel de listagem de propriedades. O segundo é o rastreamento do pagamento do aluguel. E o terceiro é o sistema de solicitação de manutenção. O aplicativo deve permitir que os gerentes gerenciem anúncios de propriedades. Acompanhe os pagamentos dos inquilinos e gerencie as solicitações de manutenção com eficiência Ok, então esse é o meu aviso. Um aviso muito simples. Em seguida, você pode selecionar o estilo desejado. Basta clicar nestas instruções de estilo. Portanto, existem várias opções. Você pode se sentir à vontade para selecionar qualquer estilo que desejar. E vamos clicar em Gerar. Olha, agora a Base44 está criando o aplicativo. Isso levará alguns minutos, talvez dois ou 3 minutos. Então, esperem, pessoal. Espero que não demore muito e estou muito animada para ver o resultado Bem, não demorou muito, pessoal. Demorou apenas 3 minutos ou até menos de 3 minutos. Ok, aqui está o site. Aqui está o Dakbard. Você pode ver a receita mensal total das propriedades, manutenção pendente e a taxa de ocupação E vamos rolar para baixo. Temos um gráfico circular. 50% está ocupado. 25% está vago e 1% está em manutenção. E vamos clicar em Propriedades e você pode adicionar uma propriedade. Basta clicar aqui. Você pode inserir o endereço da propriedade, selecionar o tipo de propriedade, selecionar o status, inserir a quantidade de quartos, quantidade de banheiros, inserir o pé quadrado, aluguel mensal, inquilino chamado, Ok, agora vamos clicar em pagamento Você pode adicionar um pagamento recorde. Você precisará selecionar a propriedade. Em seguida, insira o nome do inquilino, insira o valor e selecione o status E vamos clicar em manutenção. Você pode adicionar novas solicitações de manutenção. Muito legal, né? Ok, agora vamos publicar este site. Então, basta clicar em Publicar e vamos clicar em Publicar aplicativo. Vai demorar alguns segundos e basta copiar esse link, pessoal. Ok, ainda está carregando. E aqui vamos nós. E o Base44 também edita a autenticação do usuário, portanto, o usuário precisará fazer login primeiro antes de acessar o aplicativo. Muito legal, né? Vamos clicar aqui. fazer login usando minha conta do Gmail E aqui vamos nós. Ok, eu acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau 8. Como criar um software de gerenciamento de folha de pagamento com o Firebase Studio: Olá, pessoal. Bem-vindo de volta ao curso. Neste vídeo, vamos criar um software de gerenciamento de folha de pagamento usando o Firebase Studio Ok, vamos começar. Clique em Experimente o Firebase Studio e você será redirecionado para essa página e precisará fazer login Você pode fazer login usando sua conta do Gmail. Ok, a seguir, vamos escrever o baile de formatura. Crie um software de gerenciamento de folha de pagamento onde os usuários possam adicionar detalhes dos funcionários, incluindo nome, salário por hora, total de horas trabalhadas e deduções fiscais de bônus O sistema deve calcular automaticamente o salário total gerar recibos de pagamento e exibir um resumo de todos os pagamentos dos funcionários Em seguida, você pode selecionar a linguagem de programação que deseja usar. Existem várias opções, como GPTent Java, Net flutter e E vamos clicar no protótipo com IA. Isso levará alguns minutos, talvez dois ou 3 minutos. Então, esperem, pessoal. Espero que não demore muito, e estou muito animada para ver o resultado Vamos clicar em prototipar este aplicativo. Bem, não demorou muito, pessoal. Demorou apenas 2 minutos ou até menos de 2 minutos. Ok, aqui está o site. Assim, podemos adicionar funcionários. Basta clicar aqui e digitar o nome do funcionário. Vou inserir meu nome, Chris, e meu salário por hora é de $25 E eu trabalhei 35 horas esta semana, e o bônus é de $380 E as deduções fiscais são de 6%. Vamos clicar no funcionário. Como vocês podem ver, meu nome foi adicionado aqui e o salário líquido é de $1.179,70 Ok, muito legal. E aqui está a análise. No total, temos quatro funcionários e o custo total da folha de pagamento é de $14.741,50 E você também pode exportar esses dados CSV. Basta clicar neste CSV de exportação e você também pode filtrar o funcionário pelo nome Vou digitar meu nome. Ok, vamos lá. Chris, esse é o meu nome. Se você quiser publicar este site, basta clicar em publicar. Ok, pessoal, acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau. 9. Como criar software de gerenciamento de resíduos com Replit: Caramba, pessoal. Bem-vindo de volta ao curso. Neste vídeo, vamos criar um software de gerenciamento de resíduos usando o Replit Ok, vamos começar. Primeiro, vou fazer o login, então vamos clicar neste LogEnt. Você pode fazer login usando sua conta GML. Você pode fazer login usando sua conta do Github. Você pode fazer login usando sua conta do Twitter. Você pode fazer login usando sua conta do Facebook. Você também pode fazer login usando seu ID Apple. Depende totalmente de você, mas, neste caso, vou fazer login usando minha conta GML Ok, ainda está carregando. Isso levará alguns segundos. Como vocês podem ver, eu entrei com sucesso. Ok, agora vamos escrever o baile. Software de gerenciamento de resíduos construído com três recursos principais. O primeiro é o agendamento da coleta de lixo. O segundo obstáculo é o sistema de rastreamento do volume, tipo e taxa de reciclagem de resíduos , tipo e taxa de reciclagem de E o terceiro obstáculo é a solicitação e a reclamação do cliente. Gestão. O sistema deve permitir que o usuário agende coletas. Monitore o progresso da coleta e analise o desempenho da reciclagem. Em seguida, vamos selecionar a equipe, então vamos clicar aqui. Você pode selecionar as paletas de cores desejadas. Vou selecionar Zen Gordent. Você pode se sentir à vontade para selecionar qualquer paleta de cores que desejar Depende totalmente de você, e vamos clicar em Iniciar bate-papo. Ok, ainda está carregando. Isso levará alguns minutos, talvez dois ou 3 minutos. Então, esperem, pessoal. Espero que não demore muito, e estou muito animada para ver o resultado Bem, não demorou muito, pessoal. Demorou apenas 3 minutos ou até menos de 3 minutos. Ok, aqui está o painel. Podemos ver a estatística aqui. Temos coletas totais, taxa de reciclagem, solicitações pendentes, rotas ativas. E aqui estão as visualizações de dados. Temos tendências de coleta, distribuição de tipos de resíduos, atividades recentes, e vamos clicar em agendamento para que o cliente possa agendar uma nova coleta, e vamos clicar em rastreamento para que possamos rastrear Temos quatro rotas A, B, C e D, e vamos clicar em SOLICITAR. Portanto, temos seções de solicitação e reclamação aqui embaixo, e também temos o Analytics. Olha isso. Muito legal, né? E se você quiser publicar este site, basta clicar em publicar. Ok, eu acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau. 10. Como criar um aplicativo de aprendizado de idiomas com v0: Olá pessoal. Bem-vindo de volta ao curso. Neste vídeo, vamos criar um aplicativo de aprendizado de idiomas usando o Pizio Ok, vamos começar. Em primeiro lugar, vou fazer o login. Então, vamos clicar aqui. fazer login usando minha conta GML Ok, a seguir, vamos escrever o baile de formatura. Crie um aplicativo de aprendizado de idiomas com três recursos principais. O primeiro é ouvir vocabulário interativo. O segundo obstáculo é o rastreamento do progresso e o terceiro é o questionário diário Torne a interface do usuário projetada moderna e colorida. Ok, então esse é o meu baile de formatura, um aviso muito simples Em seguida, vou clicar em Gerar OK, levará alguns minutos, talvez dois ou 3 minutos. Então, esperem, pessoal. Espero que não demore muito. Bem, não demorou muito, pessoal. Demorou apenas 2 minutos ou até menos de 2 minutos. Ok, aqui está o aplicativo. Tem três características principais. A primeira são as aulas interativas de vocabulário. Então, isso é para espanhol. Vamos clicar em Avançar. E você pode clicar em Revelar. Então, as traduções para Adios são adeus. Vamos clicar em Avançar novamente. E vamos clicar em Revelar. As traduções de Por favor são, por favor. Ok, muito legal. E o segundo recurso é o questionário diário. Assim, você pode clicar em Iniciar questionário e haverá cinco perguntas É uma escolha múltipla. Vamos clicar em Avançar. Ok, muito legal. E o terceiro recurso é o rastreamento do progresso. Assim, você pode acompanhar seu progresso de aprendizado. E se você quiser publicar seu aplicativo, basta clicar em Publicar e vamos clicar em Publicar em produções Isso levará alguns segundos, talvez cinco ou 10 segundos. Em seguida, vocês obterão o link, pessoal, e poderão copiar e colar esse link. Ok, o aplicativo foi publicado com sucesso. Vamos clicar aqui. Ok, aqui está o aplicativo. Olha isso. Muito legal. Você também pode personalizar o domínio. Você pode adicionar seu próprio domínio. Ok, eu acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau 11. Como criar um aplicativo de gerenciamento de despesas com o Rork: Caramba, pessoal, bem-vindos de volta aos Coors. Neste vídeo, vamos criar um aplicativo de gerenciamento de despesas usando o Rork Ok, vamos começar primeiro. Vou fazer login. Você tem duas opções. Você pode fazer login usando sua conta GML. Você também pode fazer login usando seu ID Apple. Depende totalmente de você, mas, nesse caso, vou fazer login usando minha conta GML, então vamos clicar em Continuar com o Google Ok, eu entrei com sucesso. Ok, agora vamos escrever o baile de formatura. Crie um aplicativo de gerenciamento de despesas com três instaladores principais. O primeiro é o planejador de orçamento. A segunda é a categorização de despesas. O terceiro é o scanner de fórceps. O aplicativo deve permitir que os usuários definam e acompanhem seus orçamentos mensais Categorize automaticamente as despesas e faça o upload de recibos que a IA pode digitalizar para extrair os detalhes Inclua um painel simples para exibir resumos de gastos, gráficos e saldo orçamentário restante Ok, em seguida, você pode definir sua configuração de privacidade. Há duas opções públicas e privadas. Se você defini-lo como público, qualquer pessoa poderá ver seu projeto. Se você defini-lo como privado, você é o único que pode ver seu projeto. Ok, a seguir, vamos clicar em Gerar. Isso levará alguns minutos, talvez dois ou 3 minutos. Então, esperem, pessoal. Espero que não demore muito e estou muito animada para ver o resultado Bem, não demorou muito, pessoal. Demorou apenas 2 minutos ou até menos de 2 minutos. Ok, então aqui está o aplicativo móvel. Eu realmente adoro a interface do usuário. Parece muito legal. E vamos clicar aqui. Vamos adicionar despesas, compras de $35. Então essas são as descrições. E vamos selecionar a categoria e clicar em Adicionar despesa. Ok, agora ele foi editado e vamos adicionar outra despesa. $50, filmes, e vamos clicar em Entretenimento e vamos clicar em Despesas Ok, foi adicionado aqui. Além disso, você também pode fazer o upload da sua Recimage. Basta clicar aqui e o sistema executará o OCR ou reconhecimento óptico de caracteres Então, ele vai extrair texto e número do destinatário. Ok, agora vamos clicar na segunda guia Então, essas são as alocações orçamentárias, e vamos clicar na terceira guia Então essa é a lista de transações. Se você quiser publicar este aplicativo, basta clicar em publicar. Isso levará alguns segundos. Ok, o aplicativo foi publicado com sucesso. Além disso, você também pode publicar o aplicativo na Appstore ou no Google Play Basta clicar aqui. Ok, pessoal, acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. 12. Como criar um sistema de gerenciamento de escolas com o Google AI Studio: Holly, pessoal. Bem-vindo de volta ao curso. Neste vídeo, vamos criar um sistema de gestão escolar usando o Google AI Studio. Especificamente, vamos usar o Gemini. Ok, vamos começar. Primeiro, você precisará fazer login usando sua conta do Gmail e clicar em Criar e você será redirecionado para esta página Ok, agora vamos escrever o baile. Crie um sistema de gestão escolar. Com dois instaladores principais. O primeiro é o gerenciamento de dados dos alunos. E o segundo instalador é o rastreador de pagamento de mensalidades. O sistema deve permitir que o administrador adicione e gerencie as informações dos alunos Como nome, nota, frequência, além monitorar as datas de vencimento e o histórico de pagamentos das mensalidades datas de vencimento e Inclua um painel simples para visualizar os registros e o resumo dos alunos. Ok, então esse é o meu baile de formatura, um baile muito simples E vamos clicar em Runt. Isso levará alguns minutos, talvez dois ou 3 minutos. Esperem, pessoal, espero que não demore muito, e estou muito animada para ver o resultado Bem, não demorou muito. Demorou apenas 2 minutos ou até menos de 2 minutos. Ok, aqui está o sistema de gestão escolar. Aqui está a visão geral do painel. Como vocês podem ver, temos o total de alunos que pagaram mensalidades este mês, pagamento em atraso e taxa de frequência E aqui embaixo, temos registros de estudantes, e você pode adicionar um novo aluno. Vamos clicar aqui no aluno. Vou inserir o nome do aluno. Eu vou inserir Chris. Esse é o meu nome. E vamos inserir a nota e clicar em Aluno. Como vocês podem ver. Meu nome foi adicionado ao registro do aluno. Chris Alka, terceiro ano. Ok, muito legal. Se você clicar aqui, poderá ver o código. Como vocês podem ver, o Google AI Studio usa a linguagem de programação Typescript E esse é o desktop. Se você quiser vê-lo no aplicativo móvel, vamos clicar neste celular. Então, vai ficar assim. Ok, agora, vamos voltar para DescopVew. Ok, acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau. 13. Como criar software de análise de marketing com a API Cline e Open Router: Olá, pessoal. Bem-vindo de volta ao curso. Neste vídeo, vamos criar um software de análise de marketing usando o cliente. Ok, vamos começar. Primeiro, você precisará instalar o FAS Code. Esse é o IDE que vamos usar. Ok, em seguida, vamos abrir o código FAS e vamos instalar as extensões do cliente. Então, vamos clicar aqui. Vamos clicar em extensões e digitar client e você precisará instalar essas extensões. Cliente. Então, vamos clicar aqui. Vamos clicar em Instalar. Ok, instalamos o Cline com sucesso, então vamos clicar nesse ícone Em seguida, vamos selecionar o modelo de IA que vamos usar. Então, vamos clicar aqui e clicar em provedor de API. Existem muitas opções, como cliente Open Router, o Google Gemini, Open AI compatível, Anthropic Amazon Bedrock e muito Se você não quiser integrar nenhuma chave de API, basta clicar em Cline Mas, nesse caso, vou usar a API do Open Router, então vamos clicar aqui e visitar o Open Router. Para aqueles que não estão familiarizados com o Open Router, é uma interface unificada para o modelo de linguagem grande. Ok, vamos começar. Em primeiro lugar, você precisará fazer login. Vou fazer login usando minha conta do Gmail, mas você também pode fazer login usando sua conta do Github. Ok, como vocês podem ver, eu entrei com sucesso e vamos clicar em Chaves E você será redirecionado para esta página. E vamos clicar em Criar chave de API. E não se preocupe. Você pode criar o APIKey para pessoas totalmente gratuitas. E vamos nomear a chave da API. Vou chamá-lo de Projeto Cline. Você pode nomeá-lo onde quiser. Depende totalmente de você. E vamos clicar em Criar. E vamos copiar essa chave de API. E vamos voltar ao Fascde e colocar sua chave de API aqui Certifique-se de que seja a chave de API correta. Em seguida, você pode selecionar o modelo de IA que deseja usar. Nesse caso, vou usar o Cloud Sonnet 4.5. Mas fique à vontade para usar qualquer modelo que você quiser. Depende totalmente de você, e vamos clicar em AC. Ok, em seguida, vamos escrever o baile de formatura. Crie um software de análise de marketing. Com três grilhões principais. O primeiro é o Traker de desempenho da campanha. O segundo recurso é o Advertising Budget Traker e o terceiro obstáculo são os insights de segmentação de clientes O software deve permitir que os usuários monitorem o desempenho do anúncio em várias plataformas. Acompanhe os gastos versus o ROI ou o retorno sobre o investimento. E automaticamente, agrupe os clientes com base no engajamento e nos dados demográficos Torne o design da interface do usuário interativo e moderno. E vamos clicar em Gerar. Ok, isso levará alguns minutos. Como vocês podem ver, Klein consegue acessar meu IDE de código FAS Ele é capaz de escrever código nesse arquivo. Olha isso. Muito legal, né? Ok, então esperem, pessoal. Isso levará alguns minutos. Espero que não demore muito e estou muito animada para ver o resultado Bem, não demorou muito, pessoal. Demorou apenas 5 minutos ou até menos de 5 minutos. Como vocês podem ver, Klein criou três arquivos. O primeiro é o DtmlFle. O segundo é o arquivo CSS e o terceiro é o arquivo JavaScript. E esses arquivos são armazenados dentro dessa pasta, a pasta Marketing Analytics. Ok, agora vamos clicar nesse índice de arquivo em CML e abri-lo no navegador. Ok, vamos lá. Ok, aqui está o software de análise de marketing. Temos painel de controle. Podemos ver estatísticas como total de campanhas, ROI total, segmentos de clientes, gastos totais, e aqui está a tendência de desempenho da campanha, as alocações orçamentárias E isso detalha o desempenho da campanha. Olha isso. E vamos clicar no rastreador de orçamento Temos os dados do orçamento PySalonSttal, o período total restante. Temos um gráfico representando amplitude versus a tendência de retorno sobre o investimento. E vamos clicar nas segmentações de clientes. E aqui vamos nós. Temos oito segmentos diferentes. Pessoal da idade, acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau 14. Como converter o design de UI para HTML e CSS com o Gemini: Olá pessoal, bem-vindos de volta ao curso. Neste vídeo, vamos converter a imagem do UI Design em código de front-end usando o JNI Ok, vamos começar. Neste exemplo, vamos converter essa imagem da página de login em código HTML e CSS. Ok, primeiro, você precisará fazer login usando sua conta GML e fazer o upload da imagem do design da interface do usuário para Jim andi Vamos clicar nesse upload de arquivos. E vamos clicar em Abrir. Em seguida, vamos escrever o baile de formatura. Converta essa imagem de design de interface em código de front-end, DML e E vamos clicar em Gerar. Ok, agora, a IA está gerando o código. Isso levará alguns segundos, talvez dez ou 15 segundos. Então, esperem, pessoal. Espero que não demore muito. Ok, aqui está o código. Ok, então ele gerou dois arquivos. O primeiro é adTML e o segundo é CSS. No entanto, neste caso, eu quero que eles estejam em um arquivo, então será mais fácil para mim compilar Ok, então vamos escrever outro prompt. Coloque todo o código AdsDML e CSS em um arquivo. Como vocês podem ver, o Gemini está regenerando o código. Agora todo o código estará em um arquivo, então será mais fácil compilar o código Para compilar o código, vamos usar um compilador. Esse é um IDE baseado em navegador. Você não precisa baixar nada. Você só precisa abrir este site, copiaremos e colaremos o código aqui e compilaremos o código Basta clicar em Executar e você poderá ver a interface do usuário aqui. Ok, vamos clicar em Copiar código. E vamos clicar em Executar. Ok, aqui está a interface do usuário. Não é exatamente o mesmo, mas é muito parecido. Olha isso. Muito legal, né? Cadastre-se em sua conta, e-mail ou nome de usuário e senha. O login é muito legal. Ok, eu acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau. 15. Implantando e hospedando o site na Netifly: Adivinha, bem-vindo de volta ao curso. Neste vídeo, vamos implantar nosso aplicativo usando o Netifly E não se preocupe, seu uso é totalmente gratuito. Vamos clicar em Preços. Como vocês podem ver, o Netifly oferece um plano gratuito. Olha isso. Se você se lembra do vídeo anterior, já criamos um software de agendamento usando o Cloud. Então, o que vamos fazer a seguir é clicar aqui, fazer o download do código e salvá-lo como arquivo HTML. E vamos implantá-lo usando o Netufly. Ok, vamos começar. Em primeiro lugar, vou fazer login. Você pode fazer login usando sua conta do Gmail. Você pode fazer login usando sua conta do Github. Você pode fazer login usando sua conta do Gitlab. Você também pode fazer login usando sua conta do Bitbucket. Nesse caso, vou fazer login usando minha conta do Gmail. Então, vamos clicar em Entrar com o Google. Como vocês podem ver, eu entrei com sucesso e aqui está meu painel Para implantar seu aplicativo, você tem três opções. A primeira opção é importar seu projeto existente do Github. Basta clicar em Importar do Git. A segunda opção é começar a partir de um modelo, para que você possa navegar pelos modelos. Existem muitos modelos. Você pode usá-lo e personalizá-lo como quiser. E a terceira opção é implantar manualmente. E é isso que vamos fazer. Então, vamos clicar em Navegar para fazer o upload. E eu vou fazer o upload desta pasta do projeto, agendamento de compromissos dentro desta pasta. Temos o índice HTML. Então esse é esse código, código de agendamento de consultas. E vamos clicar em Carregar. Isso levará alguns segundos, talvez cinco ou 10 segundos. Ok, pessoal, o aplicativo foi publicado com sucesso, e aqui está o link. Aqui está o URL. Então, vamos clicar nesse link. Ok, agora vamos testar isso. Vamos clicar em Marcar compromisso e inserir o título do compromisso. Sessão de consultoria. Vamos inserir a data. Vamos inserir a hora 1030 e adicionar os nós Consultoria em segurança cibernética. E vamos clicar em Marcar consulta. Como vocês podem ver, ele foi adicionado às próximas seções de compromissos. Ok, agora vamos voltar ao painel do Netifly. E esse link é o Netifly Link, certo? Mas se você quiser usar seu próprio domínio, basta clicar aqui. Compre um novo domínio, mas você precisará comprar o domínio, pessoal. Mas se você quiser que tudo seja gratuito, basta usar o Netifly, Mas depende totalmente de você. Ok, pessoal, acho que é isso. Isso é tudo que você precisa saber. Vejo vocês no próximo vídeo. Tchau 16. Conclusão e resumo: Holi gays, bem-vindos de volta ao curso. Neste vídeo, vou resumir tudo o que aprendemos neste curso também vou ver algumas dicas e truques sobre como melhorar suas habilidades de codificação do Vibe Ok, vamos começar com o primeiro tópico, qualidade do baile Escrever um baile de formatura claro e detalhado é crucial porque as ferramentas de IA dependem muito de suas instruções para gerar resultados precisos Quanto mais específico e estruturado for seu baile de formatura, mais o resultado corresponderá à sua visão e também reduzirá mal-entendidos Ok, vamos escolher um exemplo. Se você se lembra, usamos o Replit para criar software de gerenciamento de resíduos, e aqui está o baile Vamos reescrever o baile. Crie um software de gerenciamento de resíduos com três grilhões principais. Então, a primeira coisa que você precisa fazer é dizer à IA qual produto você deseja criar. Nesse caso, quero criar um software de gerenciamento de resíduos. Depois disso, você precisará especificar quais recursos ou funcionalidades seu produto precisa ter, por exemplo Programação de coleta de lixo, sistema de rastreamento de resíduos, volume, tipo e taxa de reciclagem e solicitações de clientes, além de gerenciamento de reclamações Certifique-se de que seu baile de formatura seja específico. Então, a IA entende o que você quer. E eu também adiciono contexto adicional aqui. O sistema deve permitir que o usuário agende coletas, monitore o progresso da coleta e analise o desempenho da reciclagem Então isso é muito importante, pessoal. Ok, agora vamos para o segundo tópico. Dividindo tarefas em pequenas partes. Dividir um projeto grande em partes menores ajuda a IA a se concentrar em uma tarefa por vez Portanto, isso leva a resultados mais precisos e facilita muito a depuração ou o aprimoramento de suas sessões Portanto, ele isolará os problemas rapidamente, aprimorará suas seções separadamente e aumentará a precisão geral Ok, deixe-me dar um exemplo. Então, estamos usando o mesmo baile de formatura, construímos um software de gerenciamento de resíduos com três recursos principais e dividimos cada instalador um por um Por exemplo, o primeiro alimentador é o agendamento da coleta de lixo O foco está na coleta de horários, integrações de calendários e otimizações de raiz Isso é só um exemplo, pessoal. E o segundo recurso é o sistema de rastreamento. E o foco está nos dados de volume, no tipo de resíduo, nas métricas de reciclagem e no painel de análise. E o terceiro recurso é o gerenciamento de clientes. O foco está no formulário de solicitação, na reclamação, tíquetes, nas atualizações de status e nas notificações. Portanto, para evitar que a IA fique sobrecarregada, você precisa se certificar de dividir grandes projetos em partes menores, para que seja mais fácil para a IA entender Ok, agora, vamos passar para o terceiro tópico, testes regulares. Testar seu aplicativo com frequência durante o desenvolvimento garante que cada instalador funcione conforme o esperado e evite que pequenos erros se acumulem. Os testes contínuos também ajudam a manter a estabilidade à medida que novos componentes gerados por IA são editados. Porque há alguns casos em que o instalador costumava funcionar, mas uma vez que você adicionou um novo componente, mas não, ele não está mais funcionando Talvez seja devido a um conflito de dependência ou pode haver outros motivos Portanto, é muito importante que você sempre verifique se o instalador ainda está trabalhando a cada iteração Ok, pessoal, esse é o fim do curso. Muito obrigado e desejo a você tudo de bom. Tchau.