Transcrições
1. Apresentação: Oi, meu nome é Peter. Sou
engenheiro de software, atualmente trabalho em IA, pesquisa
e desenvolvimento. Então, nesta aula em particular, vou
ensinar como podemos criar aplicativos usando IA. Então, se você é um iniciante
abstrato e quer criar aplicativos
completamente usando IA, este é o melhor lugar
para você começar E nessa classe em particular, usaremos o Cursor para
criar um aplicativo. E durante toda essa aula
em particular, vou ensinar como
podemos configurar as regras do Cursor, como podemos gerenciar seu contexto, como utilizar a estratégia Lego
Prompting para criar
um aplicativo com eficácia Então, se esta é sua
primeira vez criando um aplicativo de IA
e você quer ter uma ideia
fundamental realmente boa sobre como as coisas funcionam, este é o melhor lugar para começar. Então, prepare-se para criar
seu aplicativo, e não haverá
nenhuma codificação envolvida, e eu vou
orientar vocês passo a passo sobre como podemos construir um projeto até o final
dessa aula em particular Então, espero ver
vocês no próximo vídeo.
2. Introdução à IA e cursor: Olá pessoal, bem-vindos à aula. Então, hoje, nesta aula, aprenderemos sobre o Cursor. Antes de colocar a mão na massa
e trabalhar em um projeto, vamos entender basicamente
o que é o Cursor, juntamente com algumas
terminologias básicas relacionadas à IA, para
que possamos criar uma base
para nossas próximas aulas Então, vamos seguir em frente. Antes de tudo, vamos
entender o que é um modelo. Mesmo se você estiver dizendo que
está usando o Cursor, o que você está interagindo
internamente é basicamente um modelo Em outros termos, ele
nos chama LLM, modelo de linguagem grande Portanto, você pode basicamente considerar
um modelo como assistente, um assistente altamente inteligente
e qualificado, que possui uma grande
variedade de conhecimentos. Ele tem um amplo conhecimento em vários domínios
diferentes, seja literatura, desenvolvimento de
software,
qualquer coisa que você queira, ele tem muito conhecimento O motivo é que esses modelos, esses LAMs, são treinados em bilhões de dados que
estão disponíveis publicamente Portanto, ele tem conhecimento sobre várias
coisas diferentes na Internet. Então, em termos simples, você estará interagindo com esses modelos de IA ou
grandes modelos de linguagem Internamente, são redes
neurais,
transformadores, etc.,
extremamente complexas redes
neurais,
transformadores, etc., Mas para nós, eles são basicamente assistentes com os quais
você pode interagir Portanto, existem diferentes fornecedores de
modelos. Como você sabe, tivemos LGBT. Então, o GBT vem sob a Open AI, e eles têm seus
próprios modelos, como uh, GPT quatro, GBT 40, GPT cinco,
etc., e então
temos o antrópico com o Cloud sonit 4.5, 4.6, opus
4.6, 4.6 Assim,
temos o Google e o Meta. E o que aplicativos
ou softwares, softwares como Cursor, copilot, windsurf lovable oferecem
é que eles fornecem um ambiente semelhante ao ID ou,
no caso do copilot, você pode
integrá-lo ao código VS, e o que eles nos permitem fazer é alternar entre esses Você pode usar antrópicos, você pode usar olhos abertos, modelos
GPD, etc. Portanto, há uma flexibilidade que esses softwares, como SR
et cetera, oferecem E você pode ter uma dúvida sobre qual é a diferença
entre esses modelos. Veja, esses modelos podem ser considerados variações
diferentes. Por exemplo, um modelo pode
ser extremamente bom em codificação, outro modelo pode
ser extremamente bom em multimídia, etc Cada modelo é diferente
e cada um
deles tem sua própria especialidade , além de modelos de
uso geral Portanto, você não precisa
se preocupar em escolher o modelo certo porque Cursor, por padrão,
fornece um modo automático Portanto, com base na tarefa
que você está realizando, o Cursor seleciona automaticamente
um modo em segundo plano Isso não é algo que você queira se
preocupar agora, mas é bom saber que existem fornecedores de modelos
e cada provedor tem seus próprios
modelos e Cursores diferentes. E, como você sabe, o Cursor é
apenas um dos aplicativos que você pode usar para criar
aplicativos usando IA, e quase todos esses softwares nesse ecossistema fornecem um
tipo semelhante de recursos. Temos guias completas, que significa que sempre que você está tentando
codificar sozinho, Cursor
prevê automaticamente o que você está fazendo Então, por exemplo, se você vai escrever uma função
que adiciona números, assim como você encerra um anúncio de função, o Cursor
prevê automaticamente que você
deseja criar uma função
para adicionar números e sugere automaticamente
que você pode simplesmente pressionar a
tecla tab para concluir isso Esse é um recurso que o Cursor
oferece, não apenas o Cursor. Como eu disse, todos
os aplicativos nos escritórios do ecossistema. Então, obviamente, temos a interface de bate-papo,
temos o compositor. Composor não é nada,
mas pode ser considerado um recurso multiagente em que você pode realizar várias
tarefas ao mesmo tempo Então, esses são alguns dos principais recursos que o Cursor oferece, e vamos explorar
isso nos próximos vídeos. E sim, é isso. Esta é uma visão geral muito rápida e de
alto nível da indústria
de cursores e IA e das
terminologias de IA em E o que faremos a seguir é criar um aplicativo do zero e o que você vai criar,
criaremos um
símbolo para o aplicativo, e faremos isso completamente com IA, sem sequer escrever uma
única linha de código. Portanto, é um vídeo muito
interessante, e nos vemos na próxima.
3. Baixe o cursor: Gente, há um pré-requisito
para esse vídeo em particular. Então, se você ainda não
configurou o Cursor,
agora é a hora de baixar o Cursor, basta acessar
cursor.com slash E esta é a
página inicial oficial do Cursor, e dedique um pouco de tempo
para entender o que é superficial Você pode simplesmente
percorrer e ler os diferentes recursos
do Cursor office. E uma vez feito isso,
você pode clicar diretamente no
botão de download do Macice aqui, ou então você pode clicar no botão de
preços aqui no quadro NAR e isso
nos dá os diferentes planos
que o Cursor oferece E neste vídeo em particular, continuaremos
com o plano de hobby, que é totalmente gratuito e não requer cartão de crédito, mas tem solicitações limitadas de agentes e preenchimento limitado de guias Você pode clicar diretamente no botão de
download e também pode simplesmente
ler os diferentes recursos
que outros planos oferecem E, no futuro, se
você quiser algum tipo de recurso
adicional
nessa lista específica, poderá atualizar seu
plano adequadamente. E depois de baixar esse plano gratuito
específico, basta instalar o Cursor e, depois de abrir o Cursor
pela primeira vez, eles solicitarão que você faça login. E uma vez feito isso, vamos continuar
a partir da próxima aula.
4. Definindo regras de cursor e configuração do projeto: Tudo bem. Espero
que vocês tenham instalado o
Cursor
com sucesso em seu sistema, e agora é hora de
colocar a mão na massa e escrever algum código usando IA. Então, a primeira coisa que
vou fazer é criar
um novo projeto. Então, vou criar uma nova
pasta na minha área de trabalho chamada todo app, Cursor. Tudo bem. E uma vez
feito isso, vou
abrir um cursor no meu sistema. E aqui, vou
clicar em Abrir projeto. E eu vou para o Desk job, selecionarei
minha pasta recém-criada, que é o Studo App Cursor, e clicarei em Abrir E assim, abrimos o Cursor em
nosso novo projeto. E deixe-me dar a vocês uma
visão rápida da interface do usuário do Cursor. E no lado esquerdo, é
aqui que você pode ver
todos os seus arquivos. Então, atualmente, estou na guia
do explorador de arquivos, o que significa que, à medida que o Cursor
AI cria novos arquivos, posso vê-los aqui. Na segunda seção, posso pesquisar arquivos. E no terceiro arquivo, é
aqui que eu posso ver minhas mudanças no git Então, depois de configurar o git para
esse projeto em particular, posso ver todos os arquivos
que alterei Então eu posso
entrar diretamente e enviar arquivos para o Github ou qualquer tipo de repositório
remoto daqui E no centro, é
aqui que você pode editar o código. E no lado direito,
essa é a interface de IA. É aqui que você
conversa. É aqui que você interage com a IA. Então, aqui temos
alguns recursos. Temos o
modo agente aqui. Temos o modo Agente,
temos o modo de planejamento, tarefa de
depuração e modos diferentes Continuaremos
com o modo agente. E aqui temos a seção de troca de
modelos. Então, aqui você pode ver que
eu habilitei o autobote. Então, ele
seleciona automaticamente o modelo com base na
tarefa que estou realizando Então, se eu desligá-lo, terei minha própria diligência para escolher um modelo Eu posso usar o Opus 4.6. Esse é o
modelo mais poderoso que a Anthropic oferece. Temos Son em 4,6.
Temos o GPT 5.2, temos o flash Gemini e todos esses
modelos diferentes disponíveis Mas vamos continuar com o autobot agora porque
estamos em um plano gratuito e pronto E essas são as coisas básicas
que você precisa saber. Aqui temos o
ícone de adição para criar um novo bate-papo. Também temos a opção de ver o histórico do bate-papo e
outras coisas aqui. Portanto, esta é uma visão geral rápida. Antes de prosseguir,
precisamos fazer algumas configurações. Uh, então aqui você pode ver isso. A primeira coisa que
vamos fazer é configurar um arquivo de regras
do Cursor. Então, o que você quer dizer com regra? Então, em termos muito simples, arquivo de
regras é um arquivo ou pode ser chamado como
um arquivo de instruções. E nesse arquivo específico, definimos o que estamos construindo
em termos muito simples. Portanto, em nosso caso,
criaremos um aplicativo duplo. Então, o que
vamos fazer é criar
uma pasta Cursor. E dentro disso
, criaremos uma pasta de regras. Então,
vamos fazer isso. Então, vou clicar no ícone da nova pasta dt aqui e quero finalizar dot Cursor. E dentro disso,
vou criar outra pasta de regras legais. E nessa pasta de
regras em particular vou criar outro arquivo resfria o ponto de instrução D. Portanto, esse
arquivo de instruções é basicamente um contexto para o LLM ou o modelo sempre ter em
mente o que está Então, a razão para fazer
algo assim é que, à medida que você conversa com a modelo, o contexto fica preenchido. Então, o que é um contexto? a memória de um modelo
específico. Quando você
conversa continuamente com uma modelo, o contexto e a
memória ficam preenchidos. E como você sabe disso,
uma conversa pode ser longa. Então, o modelo também precisa lembrar o que você disse
no começo, certo? Mas, à medida
que o contexto é preenchido, o
que o modelo
faz internamente é remover contextos que ele
já armazenou do topo E o problema que pode surgir
devido a isso é que ele pode esquecer algumas dessas coisas que foram
ditas no início. Então, para evitar isso, estamos criando um arquivo
Instruction dot Empty, e esse arquivo será passado como um contexto com
cada solicitação que você fizer ao modelo. Portanto, toda vez que você conversar, esse arquivo de instruções
também estará no contexto dos modelos. Portanto, ele nunca esquece
qual é a sua visão, o
que você está construindo e quais são as coisas básicas que você mencionou
neste arquivo de
instruções específico Portanto, o modelo estará sempre
se movendo em direção à sua visão. Então esse é o objetivo principal
de criar um arquivo como esse. Aqui, eu já criei
um arquivo de instruções. Portanto, esta é a minha visão de projeto que é uma aplicação simples de
fazer. E a ideia é que estou
criando um aplicativo limpo e sem
distrações, e o objetivo é nos ajudar a nos manter organizados sem configurações complicadas
ou confusas Esta é a minha
tarefa principal de recursos, maan, tarefa de remoção, permaneça salvo, e eu também tenho algumas
instruções simples aqui Então esse é o arquivo de instruções, e eu
vou copiá-lo e colá-lo aqui. Portanto, toda vez que o Cursor fizer uma solicitação, ou seja toda vez que você conversar
com o Cursor ou com o modelo, ele terá uma ideia sobre
esse arquivo específico. Então, essa é a primeira coisa
que você precisa fazer. E espero que você entenda
o objetivo principal de criar um arquivo de regras do Cursor.
E aqui você pode ver isso. Quando eu converso, posso
simplesmente pressionar a tecla at, e aqui você pode ver que
o arquivo de instruções aparece
automaticamente aqui. Então, eu posso simplesmente atribuir isso
ao contexto e à
consulta que eu quero. Portanto, esse arquivo estará sempre no
contexto. Espero que vocês estejam me
acompanhando e
tenham criado uma pasta de regras de barra de
cursor com pontos e que seu arquivo de instruções também
tenha sido criado E a partir de agora, vamos começar a
criar aplicativos para fazer
5. Como construir usando IA: Certo, pessoal, chegou a
hora construirmos
nosso aplicativo de tarefas. E antes disso, tenho
uma coisa rápida a dizer. Portanto, há duas
maneiras diferentes de solicitar um LLM. A primeira coisa ou
o primeiro método é um pequeno prompt em que você coloca tudo o que deseja
em um único prompt e , em seguida, instrui a IA
a criar isso para você Na verdade, isso é possível
para casos de uso muito pequenos. Se você quiser fazer
algo muito simples
, tudo bem. Mas, para criar um software, é sempre sugerido
seguir uma técnica de
solicitação da Lego Uma
técnica de Lego Prompting
nada mais é do que você tem uma ideia
e, em seguida,
divide essa ideia em várias
etapas acionáveis ou pode dizer que são vários trechos de Você tem uma grande solicitação
ou uma grande ideia e, em
seguida, as divide em
várias solicitações diferentes que podem ser fornecidas ao modelo para criar o
aplicativo para você Essa técnica de aviso de lego
é considerada muito mais eficaz do que uma tentativa imediata de um único
tiro. Aqui, você
instruirá a IA passo passo para criar
o que deseja E isso é muito eficaz porque você estará
fazendo uma coisa de cada vez. E mesmo que haja um problema, você pode corrigi-lo no nível
granular, em
vez de fazê-lo no final quando o Air
já tiver concluído a criação
do aplicativo e possa ter
dificuldades para corrigir bugs Além disso, se você seguir a técnica
Lego Prompting, você também economizará muito contexto porque estará
fazendo uma coisa por vez, corrigindo uma coisa por vez, e todo o contexto
será muito menor porque haveria menos coisas com que se preocupar
nesse estágio específico Isso é muito importante se você estiver criando um aplicativo muito
grande. Então, vamos seguir isso e vamos começar
a primeira fase. Então, aqui vou dizer que
quero criar uma aparência básica
do meu aplicativo tudo, criar uma
página da web limpa com fundo branco, colocar uma caixa no meio com um título que diz:
Minhas metas diárias Dentro dessa caixa,
quero um lugar para digitar uma nova tarefa e um botão
que diga uma tarefa. Por enquanto, basta adicionar
três tarefas falsas para que eu possa ver
como elas são. É assim que você
fornece uma solicitação. Você precisa ser
específico. Você precisa dizer explicitamente o
que deseja,
onde deseja colocar as coisas, e é assim que você obtém o
desempenho ideal de uma só vez. Caso contrário, talvez seja
necessário repetir várias vezes para fazer as coisas Isso está perfeitamente bem. Mas se você tiver paciência
para escrever um aviso detalhado, é assim
que você pode maximizar
a eficiência da IA. Vou copiar esse prompt
específico e
colá-lo aqui,
e também tenho meu arquivo Instruction e também tenho meu arquivo Instruction dot MD aqui. Vou dar essa dica
específica e nos deixar ver o que o
cursory vai fazer Então, pessoal, uma coisa
a notar aqui é que eu realmente não especifiquei
nenhum tipo de extrato. Estou deixando a IA escolher
um estado para mim. E em casos como esses, padrão
é basicamente
a configuração Vanida,
que é a técnica vanilla, HTML, CSS e
JavaScript E isso é perfeitamente normal para nós, porque estamos construindo
um aplicativo muito simples,
mas, uh, se você estiver criando
um aplicativo complexo,
que requer conexões de
banco de dados, mais lógica de renderização, etc., você pode solicitar explicitamente Cursor ou a IA usem um exemplo
específico de TextGF. A
seguir, a
visão reativa angular de Jas, seguir, a
visão reativa angular de Jas nós, porque estamos construindo
um aplicativo muito simples,
mas, uh, se você estiver criando
um aplicativo complexo,
que requer conexões de
banco de dados,
mais lógica de renderização,
etc., você pode solicitar explicitamente que o
Cursor ou a IA usem um exemplo
específico de TextGF. A
seguir, a
visão reativa angular de Jas, você pode especificar isso e, consequentemente, criar
isso. Mas, no meu caso, quero um aplicativo
muito simples usando HTR, CSS e JavaScript, e é isso que a IA
faz por padrão, porque na verdade
examinou o
arquivo de instruções e o prompt e basicamente chegou à conclusão de que esse é
um aplicativo muito simples, então não precisa usar uma
estrutura como next ou uma biblioteca como react porque também existe muito complexo para um
aplicativo simples como esse. Na verdade, eu escolhi
o conjunto de baunilha. Aqui você pode ver que,
criando uma única página para
fazer o layout de suas instruções, o envio é
limpo, sim E temos as alterações no código, e aqui está um resumo
do que o Cursor fez. Basicamente, ele criou um índice
de arquivo HTML, página enviada, caixa
principal, adicionou uma área, três lugares ou uma tarefa.
O estilo é mínimo. E aqui eu posso
clicar na revisão para
ver a alteração de código
que o Cursor fez. Aqui você pode ver
que ele basicamente escreveu todos os estilos em linha. Hum, isso é uma coisa
que eu realmente não gosto. Na verdade, vamos pedir
que ele o transforme em um arquivo CSS diferente
no próximo prompt. Mas no centro,
temos os detalhes básicos. Então, vou pedir que ele
abstraia o código CSS HTML
de ponto de índice para
um arquivo CSS separado. Então, aqui, eu vou
adicionar um arquivo de instruções. Além disso, vou especificar meu arquivo HTML de índice e vou pressionar Ender. Agora, o que o Cursor
vai fazer
é criar um arquivo CSS
separado, mover todo o arquivo CSS para
esse arquivo e vincular esse arquivo
Htable e CSS E vamos ver o que
ele vai fazer. Sim. Eu criei um arquivo CSS, adicionei todo o CSS aqui e vamos ver o que mais
ele vai fazer. Então, o Cursor é concluído
com outra tarefa. Então, ele criou o arquivo CSS, moveu todos os estilos
para o arquivo CSS
e, em seguida, o bloco de linha foi removido e
substituído pelo link. Então, se eu clicar em Revisar, aqui você pode ver que todo o
arquivo CSS está aqui. Vou clicar no keypall e aqui mesmo no arquivo de
índice ou dígito,
aqui você pode ver o
link para o arquivo aqui você pode ver o
link para o E isso é exatamente o que
eu esperava que ele fizesse. Ok, agora vamos ver como o aplicativo se parece
atualmente. Então, aqui, o
que você pode fazer é
acessar diretamente as extensões e instalar uma extensão
chamada Live Server. Portanto, o servidor ativo é
basicamente uma extensão que pode nos ajudar a visualizar o aplicativo diretamente sem abrir o arquivo
HTML de pontos de índice manualmente. Então isso é instalá-lo. Tudo bem Então eu acho
que está instalado. E depois de instalar isso, vamos acessar o
próximo arquivo do get, clicar com
o botão direito nele e clicar
em Abrir com o servidor Live. E assim, aqui você
pode ver que temos nosso aplicativo de tarefas muito básico aqui na
web. Tudo bem Então, concluímos a
primeira tarefa que é
criar uma interface de usuário simbólica,
um fundo branco, um local para outra tarefa, um botão para adicionar a tarefa e algumas tarefas fictícias para que possamos ver a
aparência da UUI Terminamos
a primeira fase, que é o esqueleto visual Agora é hora de
torná-lo funcional. O que eu vou fazer é fazer com que funcione. O que vou fazer é que,
quando eu digitar algo
na caixa e clicar em uma tarefa, ele realmente apareça na lista. Além disso, adicione um pequeno botão
X ao lado cada tarefa para que eu possa
removê-lo se eu mudar de ideia. Isso é o que
vou fazer a seguir, então vou copiá-lo e colá-lo
na janela de bate-papo. Além disso, vou anexar meu arquivo de
instruções como contexto e vou pedir ao
Cursor que faça isso por mim. Então está pronto com a tarefa. Então, aqui está o que foi implementado. Ele implementou o recurso de tarefa
artística, o recurso
de tarefa remota , modificou o
índice ou o arquivo digital, e você pode ver alguns
recursos adicionados. Então, ele cria uma nova tag de IA. Cada um usa um pequeno SK gt nos
ajudará a fazer o
teste de tipo ser mostrado como texto simples, etc., etc., e o arquivo tilt cs
também foi modificado Vamos clicar em Revisar e aqui você pode ver as
alterações feitas. Então, aqui você pode ver
que ele criou a tag de script em linha e
fez todas essas alterações. Novamente, eu não sou muito fã de escrever tudo
em uma página, então vou pedir ao Cursor crie um novo arquivo para armazenar
o conteúdo da tag de script, que nada mais é do que JavaScript Vanila. Você pode
abstrair a tag do script? E crie um novo arquivo para ele. Então, pessoal, a razão para fazer isso é
torná-lo modular. Portanto, nunca devemos realmente
escrever código em uma única página. Uh, devemos basicamente dividir o código em
diferentes segmentos. Portanto, nesse caso, você
pode ver que temos todos os estilos armazenados no arquivo CSS, o ponto de entrada está
em Índice ou HTML
e, em seguida, temos
o arquivo JS app dot onde basicamente
escrevemos toda a nossa lógica. Então é assim que você deve
estruturar seu aplicativo, especialmente um
aplicativo básico como esse. Então, aqui você pode ver que estou basicamente tendo uma visão e estou basicamente orientando a
IA para alcançar minha visão Basicamente, é assim que você deve trabalhar quando estiver usando IA. Você já deve ter uma ideia básica sobre
o que deseja, como deseja que a
estrutura fique, como deseja que o
aplicativo se comporte. Então,
basicamente, você deseja fornecer instruções detalhadas e claras à IA para que ela possa
trabalhar em prol da sua visão. É assim que você basicamente
faz. Então, aqui, ele basicamente criou
o arquivo Abdo Js
e, no índice do arquivo HTML, ele basicamente está vinculado
ao Abdo Então, vou clicar no Keypod. E se eu for ao meu aplicativo, poderei
adicionar uma nova tarefa. Então, eu vou dizer basicamente Wh
Clothes . E se
você clicar em Adicionar, ele deve aparecer na lista
e, assim mesmo, você pode ver que a
ortografia das lavagens está errada, então
vou excluí-la Lave as roupas ao entardecer. E temos outro recurso, e podemos adicionar uma tarefa e até mesmo remover uma tarefa. Tudo bem, terminamos
a fase dois. Agora é hora da fase três. Isso é para marcar o recurso. Portanto, precisamos adicionar um
recurso no qual possamos verificar se uma tarefa foi concluída após a conclusão de
uma semana. Então, vou dizer que isso é
adicionar uma maneira de concluir a tarefa. Quando clico no
texto de uma tarefa, quero que ela fique cinza e
tenha uma linha atravessada, para mostrar que está concluída. Então, se eu clicar nele novamente,
ele deve voltar ao normal. Então, vamos copiá-lo e instruir
o Cursor a fazer isso por nós. E assim, o Cursor
não terminou a tarefa, então ele tinha um estilo e um aplicativo
atualizado dot js. Vamos ver o que isso fez. Então, ele criou uma função
chamada stogal done, um seletor de consultas e
um Sim. Então, cada vez
que eu clico nela, essa função específica
é ativada. E um
rascunho seria realmente
adicionado ao texto. Então, vou
clicar em Key pale. Então, se eu acessar o aplicativo, você pode ver se eu
clicar em qualquer texto, ele é riscado e
se eu clicar nele novamente, ele basicamente volta
à data anterior, e é
exatamente isso que eu queria Então, o
que vou fazer é remover tudo isso
e dizer, escreva
uma carta para o papai, clique em Adicionar tarefa. E se eu atualizar a página? Você pode ver que o
padrão é o dos
codificado que adicionamos Portanto, o que quer que adicionemos
não seja persistente, então precisamos adicionar
esse recurso também Esse é o recurso de memória. Então, agora, quando eu
atualizo meu navegador, todas as tarefas desaparecem Você pode fazer com que
o aplicativo se lembre da minha lista? Quero que minhas tarefas estejam
exatamente como eu as deixei. Então, se eu fechar a guia para eles, fechar a guia e
voltar, ela deve estar lá. Então, vou copiar
essa tarefa específica e
adicioná-la aqui. Além disso, vou
dizer uma coisa, remover a tarefa codificada E aqui vou
anexar meu arquivo de instruções. Portanto, o Cursor basicamente deseja usar o armazenamento
local de um navegador. Portanto, cada vez que você insere uma tarefa, ela também é
armazenada no armazenamento local
do navegador. Portanto, mesmo que você volte, isso persistirá
ali mesmo, e essa deve ser a abordagem que o Cursor
deve seguir Vamos ver o que isso
vai fazer. Então, a tarefa foi concluída
de forma superficial. Então, aqui você pode ver que a tarefa do codificador
rígido foi removida
e, no Ado JA, a tarefa
de armazenamento está armazenada no armazenamento local
exatamente como prevíamos Portanto, temos a função GetTask, a
função de salvar tarefa, a função criação de tarefa, a tarefa de
renderização, uma tarefa e todas essas funções
diferentes O que ele faz é que,
na verdade, foi refatorado em
diferentes funções Sempre que você carrega
o aplicativo, ele renderiza a tarefa
chamando a função de tarefa G. Portanto, a função get task basicamente obtém os dados do armazenamento local,
se houver algum, ou então ela basicamente
fornece um estado limpo. E toda vez que você
basicamente adiciona uma tarefa, ela também é salva
no armazenamento local. Então é assim que funciona.
Então, vamos salvá-lo. E se eu atualizar, você verá que nenhuma tarefa
está presente no momento Então eu vou cantar uma
música, escrever uma carta. Lave a louça. E eu vou dizer que eu
já lavo pratos e sim. Então, vou
clicar em atualizar. E, como você pode ver,
quando eu atualizo, esses dados persistem,
mas você pode ver que a caixa de seleção não
está sendo marcada, pois eu
basicamente executo
essas mas você pode ver que a caixa de seleção não
está sendo marcada, pois eu tarefas. Então, eu vou dizer que
quando eu executo uma tarefa, também mostre um cheque. Já existe um botão de seleção, então você dirá também preencha a caixa de seleção com um ícone de seleção. Tudo bem, então basicamente funcionou. Então, vou
aceitá-lo para que você possa ver que
cada vez que eu desligo, você também pode ver o botão de
seleção sendo ativado com uma caixa de seleção verde Então é isso. Basicamente,
é assim que você pode solicitar que uma IA crie uma
aplicação de sua visão. Então, analisando o que
fizemos nessa classe em
particular, a primeira coisa
que fizemos foi criar um arquivo vazio com
pontos de instrução. Isso não é realmente relevante neste
aplicativo em particular porque é muito pequeno e não
temos muita conversa
acontecendo aqui. Mas imagine que você está criando um
aplicativo de comércio eletrônico muito grande Então, você estará constantemente interagindo com
a IA para fazer mudanças, adicionar mudanças, refratar
coisas E nesse caso específico, o contexto se torna maior e a IA tenderia a esquecer o que foi dito
no início. Portanto, nesse caso, você pode criar
um arquivo de instruções como esse para adicionar a visão básica do seu aplicativo para
que ele sempre se mova em direção a essa visão
sem alucinações Então isso é uma coisa. E a segunda coisa
mais importante é a estratégia
Lego Prompting Certifique-se de dividir toda a
sua visão ou ideia em vários pequenos bailes
executáveis diferentes que você pode instruir a IA a fazer e que podem gerar resultados
muito melhores do que uma estratégia única Então, isso é tudo neste vídeo
em particular, e eu realmente espero
que você tenha aprendido algo que seria útil em sua jornada de usar um Cursor ou qualquer
tipo de agente de IA. E uma coisa que eu também
quero salientar é que
isso que você aprendeu nesta aula
em particular
é completamente genérico. Não está vinculado ao Cursor. Agora, no futuro,
se você mudar para copilot ou Windsor for adorável, todos eles usarão essa mesma técnica
específica, como
o arquivo de instruções,
a Tudo é
basicamente aplicável a todos os outros aplicativos ou qualquer tipo de agente de IA
nesse espaço específico. E uma coisa que
eu também quero dizer a vocês é que
o Cursor
oferece muitos recursos para cães, como agentes, MCPs, etc Basta passar algum
tempo lendo esses documentos específicos
para entender quais são os diferentes recursos
que
o Cursor oferece E acontece que
existem muitos recursos que podem
ajudá-lo em seu fluxo
de trabalho diário. Então, pessoal,
muito obrigado por assistir.
6. Conclusão: Muito obrigado por assistir. E é muito bom que
vocês tenham feito até o fim. Na verdade, mostra sua
paixão e interesse pela criação de aplicativos usando IA , o que é extremamente
apreciável E eu realmente queria saber o que
vocês pensam sobre essa
classe em particular e vocês podem deixar isso na sessão de
comando. Além disso, se vocês
tiverem algum tipo de dúvida, estou sempre disponível
na sessão de discussão Você pode pausar uma consulta
e ficarei mais do que feliz em ajudá-lo.
E é isso. Muito obrigado por
assistir, e farei muito mais
vídeos sobre IA e como você pode usá-la
para criar um aplicativo, como podemos converter uma ideia
em um produto da vida real. Fique atento a
isso até que Peter
Johnson assine.
Peter Johnson, Software Engineer
