[Aula 4] Ganhando dinheiro com Claude: Projeto Prático

0:00Sejam muito bem-vindos, sejam muito

0:03bem-vindas à nossa quartíssima e última

0:06aula do intensivão de clude. Essa é

0:09aquela hora que você fala: "Ah, não

0:11acredito que tá acabando". Bom, então eu

0:13quero saber, primeiramente, se vocês

0:15estão me vendo bem. Eu quero saber se

0:16vocês estão me ouvindo bem e claro, uma

0:18boa noite para todo mundo. Seja muito

0:20bem-vindo, seja muito bem-vinda à nossa

0:22quartíssima aula, muito especial, um dos

0:25projetos mais legais aqui. Eu tô aqui

0:27com o Daniel da #daniel. Dá um alô

0:29caloroso aí pra galera, por favor.

0:32>> Boa noite, galera. Vamos para mais um

0:34dia.

0:35>> Vamos que hoje o conteúdo tá animal. Eu

0:37quero saber se vocês estão animados

0:39paraa nossa quarta e última aula, porque

0:42hoje acaba o intensivão de Clou, o

0:44melhor evento online que eu já organizei

0:46na minha vida, cara. Foram, cara, foi um

0:49mês e meio de preparação nos mínimos

0:51detalhes, dia, noite, final de semana,

0:54sábado à noite, domingo à noite, o que

0:57for, cara, eu fiz e eh meu melhor e vou

1:00continuar fazendo o meu melhor aqui

1:01nessa noite para te entregar o melhor

1:02conteúdo possível. Então eu queria mais

1:05uma vez te agradecer por est aqui ao

1:07vivo comigo nessa noite. Eu quero saber

1:10se você assistiu as outras aulas do

1:11Intenvão, se você curtiu, se você achou

1:13demais, se você achou de menos. Então

1:15coloca aí nos comentários. Alô, curti

1:17foi demais? Alô, foi de menos. Coloca aí

1:18no chat que eu quero saber. Daniel,

1:21galera tá vendo bem? Galera tá ouvindo

1:23bem? Galera tá animada? Que que tá

1:25achando do intensivão? Como é que tá aí

1:26no chat?

1:27>> Cara, eu tô vendo aqui o tempo todo, a

1:28galera tá botando sim, sim, sim. Estão

1:30curtindo demais? Estão ouvindo bem?

1:31Estão vendo bem? Tá tudo certo,

1:33>> gabarito, galera. Então, bora lá. E aí,

1:36só lembrando daquela nossa trilha de

1:38aprendizagem de Cloue aqui com a

1:40hashtag. Então tem o nosso os nossos

1:42canais do YouTube que somando ali mais

1:442.000 vídeos, mais de 2 milhões de

1:45inscritos, maior canal da América Latina

1:46com conteúdo 100% gratuito. Tem o

1:49segundo passo que é o Intenão de Cloud,

1:51que é onde você tá aqui agora com mais

1:52de 8 horas de conteúdo, aulas ao vivo

1:54que não ficam gravadas depois, eh, que a

1:57gente não fic não que a gente faz poucas

2:01vezes por ano. E tem um programa

2:02completo Clou impressionador do zero

2:04avançado. E inclusive muitas pessoas já

2:07se inscreveram ontem do básico até o

2:09impressionador, mas depois a gente fala

2:11sobre isso. Só lembrando a nossa

2:12programação do evento. Então, aula um

2:14foi Cloud Cowork, aula dois foi skills,

2:16como transformar o cloud no seu clone,

2:18aula três cloud code. E aula 4, hoje

2:21projeto real, ganhando dinheiro com

2:24Cloud. Essa é a nossa última aula. Bom,

2:27então dois avisos importantes. Primeiro,

2:29lembra de fazer o download do material.

2:31Então a ideia é você vai ter a apostila,

2:34o gabarito, material para você conseguir

2:36praticar, vai tá tudo aqui na descrição

2:38do vídeo. E segundo, lembra de eh não

2:41praticar durante a aula. Então aquela

2:42sugestão de amigo durante a aula, presta

2:44atenção, faz anotações, tira as dúvidas

2:45que o Daniel vai selecionar as melhores

2:47aqui pra gente poder responder, para se

2:48não acabar se perdendo, a gente deixa

2:50essa aula gravada até amanhã de noite

2:52para você poder pegar com os materiais,

2:53com apostila, gabarito e tudo certinho.

2:56Tranquilo? Bom, então agora eu vou

2:59começar, eu vou abrir o Cloud e começar

3:02a última aula e na minha opinião o

3:04projeto mais, talvez o projeto mais

3:06importante das quatro noites. E quem

3:08ficar ao vivo até o final vai ter

3:10oportunidade de entrar no programa Cloud

3:12Impressionador. E se você, então se você

3:14vai ficar até o final já manda aí nossa

3:16hashtag partiu. Se não, manda aí talvez

3:19para eu saber se você vai ficar até o

3:21final. Se você não vai ficar até o

3:22final, então manda aqui no chat se

3:24#partiu ou se não #partiu. Daniel, o que

3:27que a galera tá mandando no chat?

3:28#partiu ou não? Como é que tá aí? Me

3:30conta.

3:31>> Cara, chuva de partiu. É muito partiu. A

3:33galera tá animadíssima.

3:35>> Galera tá pilhadaça. Então, galera,

3:37então vamos com tudo que é o seguinte.

3:39Então, a gente vai agora abrir o cloud e

3:41a gente vai construir um projeto. E a

3:44ideia é que nem eu falei, eh, o nome da

3:47aula é ganhando dinheiro com Clude.

3:48Então, a gente vai pegar um projeto que

3:50realmente tava pagando dinheiro, um

3:52projeto real que eu achei que tava

3:54pagando para quem executasse ele, a

3:56gente vai executar ele juntos passo a

3:58passo do zero. Mas o importante eu falar

4:00que todo o conhecimento, tudo que a

4:02gente vai ver hoje é se aplica

4:04independente se você quer usar esses

4:07conhecimentos para se destacar na sua

4:08empresa onde você trabalha e virar uma

4:09referência ou se você quer aprender a

4:13usar e a usar CLU para faturar prestando

4:15serviços para outras empresas como Frila

4:17e por aí vai ou se você quer aplicar no

4:19seu próprio negócio. Então os

4:20conhecimentos eles valem independente do

4:22seu objetivo. Tranquilo? Então só para

4:23deixar isso bem alinhado. Show. Vamos

4:27lá. Então, a ideia é a gente pegar um

4:29ano, é, a gente, a ideia é a gente pegar

4:30um anúncio de alguém que alguém tava

4:32procurando uma pessoa para fazer. E

4:34basicamente eu fui num site de frila,

4:36que é o Orcana. Eu vou mostrar o print

4:38aqui do anúncio para você. peguei um

4:40projeto que tava aberto com escopo

4:42escrito ali pelo próprio cliente. Então,

4:43basicamente ele pede para refazer um

4:46site institucional inteiro com foco em

4:49conversão, né, em venda e SEO, ou seja,

4:51na parte ali de eh de otimização para

4:55para busca no Google, para ranquear no

4:57Google e assim por diante. Ele pede um

4:59monte de coisas pra gente otimizar no no

5:02SEO da empresa, né, nessa parte de

5:04ranking de busca do Google e tudo mais.

5:06E ele o anúncio oferecia ali na faixa de

5:09$250 a $500, ou seja, na faixa ali de R$

5:131.250

5:14até R$ 2.500 para quem fizesse o

5:17projeto. Beleza? Então esse aqui é o

5:20print do anúncio publicado lá no Orcano,

5:22então dos sites de frila mais usados no

5:24Brasil, pagando aqui na faixa de 250 a

5:27500. Basicamente, ó, projeto consiste na

5:30reformulação completa de um site

5:31institucional existente com objetivo de

5:34otimizar seu desempenho, SEO, melhorar

5:36estrutura de conteúdo, aumentar as taxas

5:37de conversão e assim [tosse]

5:40sucessivamente.

5:41Beleza? E aí, aqui tá o pedido inteiro.

5:43Enfim, não precisa entrar em detalhes

5:45que a gente já vai eh falar juntos, mas

5:47eu já resumi exatamente qual que é o

5:49objetivo. E um detalhe importante que eu

5:51fiz, que eu fiz, que é o seguinte, eu

5:53tapei aqui o nome original da empresa,

5:56porque eu não ia fazer aqui uma live

5:57para milhares de pessoas usando o nome,

6:00o site oficial de uma empresa, eh, que

6:03que eu não combinei nada com eles ou

6:05qualquer coisa do tipo. Imagina, faço a

6:06live aqui para milhares de pessoas,

6:08depois o cara chega e fala: "Ou, por que

6:10que você mostrou meu site, fez alguma

6:11coisa do da minha empresa e aí depois a

6:14pessoa, sei lá, pede para tirar do ar ou

6:16qualquer coisa para não fazer, alguma

6:18coisa do tipo". Então eu tapei e eu só

6:20troquei a empresa. Então a eu então eu

6:23troquei o o nome da empresa, troquei o

6:25nicho, mascarei o site também eh o site

6:29original do nosso cliente vai ser também

6:32um site eh diferente do site original

6:35para a gente pra gente não eh não acabar

6:37caindo aqui nesse problema que eu falei.

6:39Tranquilo? Mas a gente vai ter

6:41exatamente o objetivo que é o anúncio. É

6:44100% real. Eu só tapei o nome da empresa

6:46e eu troquei tanto o site, o nome da

6:49empresa, o nicho e tudo mais, pra gente

6:51poder fazer aqui com um com um site

6:54fictício para não ter problema com a

6:55empresa oficial. Tranquilo? Bom, então o

6:58nosso cliente da aula de hoje vai ser a

7:01Tergon Pisos. Tergon Pisos, uma empresa

7:04de piso industrial. Então, 18 anos no

7:07mercado, já aplicou centenas de milhares

7:10de metros quadrados de piso, tem

7:13profissionais próprios e é mais um

7:16exemplo de empresa que existe aos

7:17milhares no Brasil e tem um site lá de

7:192019, um site completamente velho e

7:22assim por diante. E aí, só para você ter

7:24uma uma noção aqui, eu vou abrir para

7:27você ver como que tá o site original.

7:31Então, o site original é este daqui.

7:35Então, um site completamente

7:39aquele site clássico antigo, sem graça,

7:41sem sal, sem nada. Então, aquele site

7:43que você entra, aquele site velho que a

7:46pessoa, a empresa não atualizou, não fez

7:48nada. Então tem aqui a home, a empresa e

7:50assim por diante. Então aquele site bem

7:53bem velho, bem clássico assim de quem

7:55pegou tem, sei lá, templates prontos

7:57anos atrás e nunca fez nada com site.

8:00Basicamente esse aqui é o site original

8:02e é esse site que a gente tem que

8:04reformular por completo, deixar ele

8:06otimizado pra busca no Google, deixar

8:08ele muito mais bonito, deixar ele

8:09otimizado para realmente vender a

8:13empresa, porque aqui tá muito tudo

8:14genérico, quem somos, diferenciais,

8:17contatos, solicite já seu orçamento sem

8:19compromisso. Então, enfim, isso aqui não

8:21tá vendendo nada, não tem foto, não tem

8:23eh não tem prova, né? Não tem eh

8:26demonstração ali dos dos produtos, dos

8:28serviços e assim. sucessivamente. Então,

8:30basicamente, a gente vai ter que pegar

8:32isso aqui e dar uma baita de uma

8:34melhorada. Show. Então, a primeira coisa

8:37que a gente vai fazer é o seguinte. A

8:39gente vai eh primeiro, vamos lá, a gente

8:44olha esse problema, esse esse esse

8:48projeto que a gente tem que resolver e

8:50aí agora a gente começou a ter alguns

8:51conhecimentos de cloud. Então, a gente

8:53sabe sobre cloud cowork, cloud chat,

8:54skills, cloud code e tudo mais. Coloca

8:57aí no chat qual das ferramentas que a

8:59gente viu ao longo do intensivão você

9:01acha que a gente deveria usar para criar

9:03esse projeto. Coloca aí no chat. Eu

9:05deveria usar o quê? Eh, skills, Clode

9:07chat, Clou Code, Cloud Cork. Eu deveria

9:11usar o quê? Projetos. Eu deveria usar o

9:12quê? Coloca aí no chat o que que eu

9:14deveria usar de ferramentas do Cloud

9:17para conseguir executar esse projeto

9:19para reformular um site completo do

9:21zero. E por quê? Então, coloca aí no

9:23chat. Daniel vai me falar se a galera

9:25está dando sugestões no chat. Aí Daniel,

9:27galera tá dando sugestão. Como é que tá

9:29aí?

9:29>> Tão dando assim, cara. Tá chovendo.

9:31Claude code.

9:32>> Chovendo. Claudinho dos códigos. Por que

9:34Claude Code? Manda aí no chat. Por que

9:36Clode Code? Manda code. Code. Claudinho

9:39dos códigos. CLU cloud code, chame como

9:42quiser. Mas por que que eu deveria usar

9:44o Cloud Code? Comenta aí no chat. E aí

9:46Daniel, tem alguma resposta já? Por que

9:48que eu deveria usar? Ela tá spamando o

9:50Clode Code. Gostaram demais do CL COD.

9:51Laudinho do cara, assim, eu já comentei,

9:55né? Eu, Alon, de todas as ferramentas

9:57que a gente viu, eu já usei todas, mas

9:59hoje em dia eu passo o meu dia no Cloud

10:02Code. Beleza? Então é, é a melhor

10:05ferramenta mesmo, porque ela faz tudo.

10:07>> A galera falou por que a gente deveria

10:08usar o Cloud Code?

10:09>> Teve um, o Guilherme falou para poder

10:11criar e fazer a IA ajudar.

10:13>> Show de bola. Porque vamos lá. Pensa o

10:14seguinte, o Clode Code, ele consegue

10:16programar pela gente. Se ele consegue

10:18programar pela gente, é exatamente o que

10:20a gente precisa. alguém para programar

10:22um site pra gente, otimizar o site e

10:24assim sucessivamente. Isso uma IA normal

10:26não vai criar um código de um site para

10:28você. O Cloud Cowork provavelmente não

10:30vai criar o código de um site para você.

10:33Uma skill não vai fazer isso eh sozinha,

10:35né? Então a gente vai usar o Cloud Code

10:37porque ele é o que tem potencial de

10:38fazer tudo. Se eu precisar criar um

10:39aplicativo, um site. E de novo, galera,

10:41um detalhe importante, a gente tá vendo

10:43aqui esse exemplo, mas lembra que o

10:45conhecimento que a gente vai ver, a

10:47lógica de usar o Cloud Code para

10:48resolver problemas serve para qualquer

10:49coisa. Então, para automatizar tarefas,

10:52para criar eh sites, aplicativos,

10:54dashboards, sistemas eh automatizar

10:56tarefas, que nem eu falei, editar

10:58vídeos, cara, o que você quiser, o Cloud

11:00Code consegue fazer. Beleza? Então vamos

11:03lá. Então, a gente vai usar o Cloud

11:04Code. E para começar, o que que a gente

11:07pode fazer? Vamos lá. Eu deixei até nos

11:10arquivos da aula. Que que você vai ter

11:12nos arquivos da aula? Você vai ter o

11:14gabarito. Então, você vai ter o site

11:16final que a gente vai chegar, você vai

11:17ter a versão original para você poder

11:19ver. E você vai ter também a apostila da

11:22aula de hoje, claro, e também o guia.

11:24Lembrando que o guia é onde tem os

11:27prompts. Então o guia onde tem os

11:28prompt. Beleza? Então qual é a primeira

11:30coisa que a gente vai fazer? A gente vai

11:33virar pro cloud code e falar: "Ó, Cloud

11:35Code, eu tenho esse site aqui do cliente

11:39e eu tenho o anúncio de um projeto que

11:41eu peguei." Então, o que que eu já

11:42deixei aqui? Eu deixei tanto o site,

11:45então eu salvei o site nessa pasta, mas

11:47eu poderia só mandar o link do site

11:49também, sem problema nenhum, mas para

11:50poder disponibilizar para você, já

11:52deixei uma pastinha com o site. Então a

11:55pasta já tem o já tem o arquivo do site

11:58para você poder dar dois cliques e

12:00abrir. Beleza? Então já fica mais fácil

12:01de você conseguir olhar. E tem o

12:03anúncio. Então tem aqui o uma cópia

12:06daquele anúncio que você viu, daquele

12:08print, mas tem aqui escrito. Tranquilo,

12:11show de bola. E aí, o que que a gente

12:13vai fazer? Então, a gente vai virar aqui

12:15pro nosso pro nosso Clode Code e a gente

12:18vai falar para ele: "Cara, eu quero que

12:20você dê uma olhada no site, dá uma

12:22olhada no site e me fala um pouco mais

12:25sobre esse cliente." Então, cara, navega

12:26por todas as páginas, me diz quem é que

12:29quem é essa empresa, que que ela vende,

12:31para quem ela vende, o que que ela já

12:34tem de relevante para eu poder incluir

12:36de repente no na nova versão do site,

12:38que que ela já tem de exemplos,

12:39depoimentos, números, coisa que seja

12:42relevante para eu colocar no site novo.

12:43Então, não quero que você mexa em nada,

12:45só quero que você vá lá e me diga aqui

12:47sobre esse cliente dando uma olhada no

12:49site, beleza? Então, é exatamente isso

12:51que a gente vai fazer. Show. E aí a

12:54gente vai então lá no nosso lá no nosso

12:58no nosso Cloud Code e a gente vai pegar

13:01exatamente, ó, lembrando o que que você

13:03faz para começar a usar ali o nosso o

13:07nosso cloud code. Você vai abrir a

13:08ferramenta do VS Code que a gente

13:10instalou ontem. E aí, se você não tiver

13:12aberto, lembrando, só clicar aqui no

13:13Windows, só botar VS Code e aí ele vai

13:16abrir exatamente nessa janela. E abrindo

13:19nessa janela, você vai lá no canto

13:22superior esquerdo em arquivo e você vai

13:25abrir pasta, porque você precisa se

13:27conectar à pasta onde tá aquele projeto,

13:30tranquilo? E onde ele vai criar as

13:32coisas, ele vai, onde ele vai criar o

13:34site novo e tudo mais, todos os arquivos

13:36vão ficar dentro dessa pasta que você

13:37vai se conectar. Então, abrir pasta e a

13:40gente vai se conectar a, por exemplo, a

13:41pasta que tá na área de trabalho, que é

13:43a pasta do projeto Tergon. Show. Beleza.

13:48E aí, me conectando a essa pasta, agora

13:52eu já tenho aqui do lado o a pasta.

13:55Então, tenho aqui a pasta Tergon, eu

13:57tenho o site e eu tenho o anúncio, que é

14:01o bloco de notas. E lembrando, a gente

14:03tem que abrir agora o Cloud Code, porque

14:04o VS Code em si é só o ambiente onde a

14:07gente vai usar ele. Mas para abrir o

14:08Cloud Code, eu tenho que clicar aqui no

14:10botãozinho do Cloud Code da Antropic.

14:13Beleza? Então a gente vai fechar aqui, a

14:16gente vai abrir o Cloud Code, na

14:17verdade, e a gente vai fechar essa

14:20abinha de boas-vindas clicando aqui no

14:22botão de X. Tranquilo? Beleza? Pronto, a

14:26gente tá agora com a tela limpa, só

14:27[roncando] cloudinho dos códigos aqui no

14:29meio e na esquerda a nossa pasta já

14:31conectada. E agora eu vou colar

14:33exatamente aquele prompt para ele, que é

14:35pedir para ele exatamente dar uma olhada

14:38no site do cliente. Então, dá uma olhada

14:39no site e pedir para ele eh entender o

14:43que que essa empresa faz, o que que ela

14:45vende, quem é essa empresa, o que que

14:47ela já tem de informação relevante ali

14:49dentro e assim sucessivamente. Então, a

14:51gente vai mandar para ele e ele vai

14:53começar a fazer exatamente aquela lógica

14:54de eh de começar a processar. Então,

14:58repara que ele já tá mostrando aqui o

15:00que ele tá fazendo. Ele tá lendo o site.

15:03Então, ó, tá vendo esse read aqui? Ele

15:05tá lendo o arquivo da eh o arquivo do

15:09site da Home, né, que é a página

15:11principal. Depois a outra página, que é

15:13uma página sobre a empresa. Depois uma

15:15outra página que é a página sobre os

15:16serviços. Então, ele tá lendo várias

15:18páginas do site e aí já tá começando a

15:21responder aqui. Beleza? Nó vamos ver o

15:23que que ele respondeu. Só deixar ele

15:25terminar de responder

15:27e voltar lá pro início. Então,

15:30lembrando, você vai saber que ele

15:31terminou justamente quando ele manda

15:33esse textão. Não necessariamente é um

15:34texto enorme, mas ele sempre manda esse

15:36textão. Senão, se ele tiver só

15:38raciocinando, carregando ainda, ele vai

15:39escrever uma frasezinha só. Beleza? Aí

15:43ele manda aqui, ó. Naveguei pelas cinco

15:44páginas. a home, a empresa, a página

15:47sobre os serviços, a página sobre as

15:49obras e a página de contato. Aqui tá o

15:51veredito, ele mandou. Que que a Tergon

15:53vende? Pisos industriais de alta

15:55resistência, sistemas aplicados sobre

15:58concreto para ambientes fabris, piso

16:00epoxy autonivelante, sei lá que que é

16:02isso, piso em poliuretano, cimentício,

16:05piso antiderrapante multicamada,

16:08eh, revestimento de proteção química e

16:10assim sucessivamente. Então, isso é o

16:13que a empresa vende. Beleza? Aí tá lá

16:16depois para quem que ela vende?

16:17Indústrias B2B, ou seja, de empresa para

16:19empresa. Então, frigoríficos, indústria

16:21farmacêutica, centros de distribuição,

16:24logística, indústria de alimentos e

16:25assim vai. Empresa sediada em

16:28Indaiatuba, São Paulo, atende São Paulo,

16:30Minas e assim vai. Aí ele tá falando

16:32aqui, ó, eu perguntei para ele, tem

16:34alguma coisa relevante de exemplos, de

16:36resultados que eles já geraram pra gente

16:38poder botar no site? Aí tá lá, ele fala:

16:40"Cara, eh, a home e a página sobre a

16:44empresa só tem autopromoção genérica,

16:46então qualidade, excelência, melhor

16:49custo benefício, zero prova concreta

16:52mesmo de de cara, esse aqui foi o

16:55projeto que a gente fez pros clientes,

16:57tal, esse foi o resultado" e assim vai.

16:59E aí ele

17:02ele fala: "Cara, mas tem uma página de

17:04obras que ele fala ele fala que tá até

17:06meio meio escondida ali, digamos assim.

17:09Ele fala: "Cara, tá escondido no menu

17:11como um item aleatório chamado obras,

17:13que provavelmente ninguém clica ali logo

17:16de cara, mas é um material valioso que

17:18ele fala aqui. Então ele mostra eh casos

17:22de empresas que eles atenderam. Então,

17:23frigorífico em São Paulo tinha um piso

17:26que descolava a cada 18 meses. Eles

17:28trocaram e aí já tá 4 anos sem precisar

17:31de manutenção, conseguindo fazer a obra

17:33em seis dias. Eles fizeram serviço para

17:36um centro de distribuição em Cabreúva,

17:39São Paulo, 4.200 m aplicados, eh,

17:43direitinho em camadas. Eh, e aí nunca

17:46mais a empresa teve operação parada.

17:49farmacêutica em São Paulo, cozinha

17:51industrial em Jundiaí, São Paulo. E aí

17:53ele fala, esses quatro casos tem

17:55exatamente o que falta no resto do site,

17:57que é mostrar que a gente consegue

18:00resolver a dor do cliente. Porque lembra

18:01o que que o cliente pediu? Ele não pediu

18:03só para você, ele não chegou e falou:

18:05"Ah, eu quero deixar meu site mais

18:06bonitinho". Não, ele falou: "Quero

18:07deixar o site mais otimizado

18:10pra SEO, né, busca no Google e pra

18:13conversão, ou seja, o que faz os

18:15clientes quererem fechar negócio, querer

18:17fechar serviço, querer entrar em contato

18:20com a gente para pegar orçamento e assim

18:23sucessivamente. Beleza? Então, a gente

18:25fez o primeiro passo ali, que é

18:26justamente pedir para ele fazer essa

18:30análise do cliente. E aí agora pensa

18:33junto comigo, o projeto

18:36lá no no site do Orcana, ele virou e

18:38falou: "Cara, eu quero melhoria do SEO

18:41do site, ou seja, da do rankeamento do

18:43Google ali". Então ele inclusive foi bem

18:45específico lá no anúncio, se a gente

18:47olhar. Então ele falou algumas coisas,

18:49como por exemplo, ele manda aqui, ó, as

18:51principais tarefas incluem, tá aqui, as

18:54principais tarefas incluem correção

18:55técnica de SEO, abrangendo a otimização

18:58de de títulos, metadescriptions,

19:01implementação de skima.org, otimização

19:04de imagens, melhoria da velocidade do

19:06site, eh, e tudo mais. Então, ou seja, a

19:10gente tem que conseguir eh lidar com

19:14esses pedidos que ele tá fazendo aqui

19:16agora. E claro que o Claudinho vai

19:18conseguir ajudar a gente a melhorar cada

19:20um dos pontos que ele tá pedindo.

19:21Inclusive, a gente vai ver agora o

19:23próprio Claudinho vai explicar pra gente

19:25o o que que são esses tais de

19:27metadescription, o que que é esse

19:28esquema.org org e assim por diante.

19:31Então o o Cláudio Claudinho, o Claude

19:34vai conseguir ajudar a gente. O que não

19:36quer dizer, não me entenda mal, não tô

19:37falando que, meu Deus, eu vou sair

19:39fazendo serviço sem ter a mínima noção

19:42de SEO ou coisa do tipo. Não tô falando

19:43isso. Claro que quando você for prestar

19:45serviço na prática, por exemplo, ou

19:48implementar na sua empresa ou usar na

19:49empresa onde você trabalha esse tipo de

19:51coisa, você vai estudar mais a fundo

19:53para entender e tudo mais, mas é para te

19:55mostrar que ele consegue te guiar ao

19:58longo do caminho também. Então vamos

20:00partir do princípio aqui que a gente não

20:02tem a mínima ideia do que seja

20:04metadescriptions, schema.org que ele

20:07falou pra gente otimizar e assim por

20:08diante. Beleza? Então o que que a gente

20:10vai fazer? A gente vai pedir exatamente

20:13isso. Então eh a gente vai lá no cloud e

20:17a gente vai virar e falar o seguinte.

20:18Olha só, repara numa coisa no anúncio.

20:21Ele fala em corrigir títulos e meta

20:24descriptions, implementar skema.org org

20:26no site. Cara, não manjo muito desses

20:28termos técnicos, mas eu confio que você

20:30sabe do que se trata. Então, confere o

20:32site inteiro do jeito que um

20:33especialista em SEO faria antes de eu

20:36poder montar a proposta pro cliente.

20:38Então, pega essas cois essas duas coisas

20:40que o anúncio citou e outras coisas de

20:43relevante que você achar de falha de SEO

20:46no site e eh que e pensa como um

20:49profissional que notaria isso e me

20:51devolve uma lista simples, explicando em

20:53português, claro, o que que quer dizer

20:55cada item e por que a falta dele

20:58atrapalha o cliente a aparecer no

21:00Google. Então, separa para mim o que que

21:02é só grave do que que é, desculpa, do

21:04que que é só grave, não, do que que é só

21:05detalhe do que que realmente é grave.

21:07Beleza? Então, a gente vai pegar e vai

21:09colar exatamente esse ponto aqui para

21:12virar pro cloud e falar: "Ó, eu quero

21:14que você me ajude a listar esses pontos

21:17que o cliente levantou, que ele quer

21:18melhorar dentro ali do site dele. Não só

21:20os pontos que o cliente falou, mas

21:22também os pontos que o próprio Clude for

21:24lá e achar relevantes. Tranquilo? E ele

21:27vai mandar aqui, ó, fiz uma auditoria

21:28técnica de SO nas cinco páginas e no

21:31CSS, né, a linguagem ali de estilização

21:34ali do nosso site. Confirmo os dois

21:37pontos que o anúncio já citou e achei

21:39outros que um especialista também

21:41apontaria. Separei por gravidade. E aí

21:44ele tá terminando de responder. Vamos

21:46deixar ele terminar de responder e assim

21:48que ele terminar a gente volta lá para

21:49cima para poder analisar detalhe por

21:51detalhe do que que ele mandou. Mas

21:53beleza, então já parece que ele achou

21:55mais coisa do que o cliente tinha

21:57pedido, né? E aí já tem um resumo ali

21:59pro cliente. Mas beleza, então vamos

22:01voltar aqui. Ele falou: "Ó, fiz uma

22:03auditoria técnica, achei alguns pontos."

22:05Então, ó, graves atrapalham diretamente

22:07o site aparecer no Google. Ele falou:

22:10"Não tem metadescription e nenhuma

22:12página, tá ausente em todas as páginas".

22:14Ele explica aqui, ó, a meta description

22:16é aquele resuminho de uma ou duas linhas

22:19que aparecem embaixo do link azul no

22:21Google. Então, por exemplo, se eu for lá

22:23no Google agora pesquisar hashtag, não,

22:26no site não, né? #treinamentos no

22:28Google, ó, repara que aparece ali

22:31exatamente o textinho. Então, tá vendo,

22:34ó? Aparece o link e aparecem duas linhas

22:37de texto. Beleza? Aí, a mesma coisa, por

22:39exemplo, aqui, ó, #treinamentos, duas

22:42linhazinhas aqui, #treinamentos, duas

22:45linhazinhas. Olha só nossa nota aqui no

22:47Reclamo aqui, 9.1, brabo, hein? Ó,

22:49LinkedIn #Tinamentos, duas linhas aqui

22:51embaixo. Esse aqui, esse texto é o

22:54metadescription, beleza?

22:56Metadescription. Então é isso que ele

22:57fala, metades description não tem. Que

23:00mais ele fala, ó? Ele fala títulos

23:04genéricos e repetitivos. Todo título

23:06segue o mesmo padrão. E isso ele fala

23:10aqui, ó, o título é o fator de texto

23:12mais importante pro Google entender o

23:15que que aquela página se trata. Só que

23:17cada página não tem um título adequado.

23:19Então ele fala que vai ficar mais

23:21difícil do Google entender do que que

23:22aquela página se trata. Beleza? Que mais

23:24que ele mandou aqui, ó? Nenhuma página

23:26tem H1, que é o título principal visível

23:29ali daquela página. Próxima coisa que

23:31ele fala, não tem o que o cliente tinha

23:34falado, que é o skima.org.

23:36Ele fala aqui, ó, não tem o skima.org,

23:38org, que basicamente é um código

23:41invisível que você coloca dentro do

23:43código do site para traduzir a página

23:46numa linguagem que o Google entende de

23:49Deixa eu, Deixa eu ficar parado aqui que

23:51eu tava dando muito zoom. Ó, ele falou

23:53skima.org, que não existe dentro do site

23:56atualmente, é um código invisível que

23:58você coloca dentro do site para traduzir

24:00a página numa linguagem que o Google

24:02entende de forma exata. Então, por

24:04exemplo, dizer explicitamente, isso aqui

24:06é uma empresa local, o endereço é tal, o

24:09telefone é tal e assim sucessivamente.

24:11Aí ele fala, sem isso, o Google tem que

24:14adivinhar essas informações lendo o

24:15texto solto. E isso prejudica

24:17especialmente buscas eh específicas.

24:20Então, se alguém pesquisar lá piso e

24:23empresa de pisos perto de mim, o Google

24:25talvez não vai saber, ele vai ter mais

24:26dificuldade de achar, então você tem

24:29menos chances de aparecer no Google.

24:30Então, por isso que é ruim em termos de

24:32SEO. Próxima coisa que ele falou ali,

24:35ele falou não tem metav port, ou seja,

24:38ele falou site provavelmente não é

24:41responsível no celular, ou seja, ele não

24:43está adaptado para funcionar bem no

24:45celular. O que é péssimo, porque o

24:48Google hoje ele avalia a qualidade do

24:51uso do site no celular, já que muitas,

24:54já que a boa parte do uso é pelo

24:56celular. Então ele até fala aqui, ó, o

24:58Google avalia hoje primeiro a versão

25:00mobile do site para decidir o ranking.

25:03Se o site não se adapta bem ao celular,

25:05ele não vai eh isso vai pesar contra as

25:08buscas do no Google ali sobre a empresa.

25:12Beleza? E ele falou: "Cara, aqui agora

25:14são mais detalhes, vale corrigir, mas

25:16não é, meu Deus, a coisa mais importante

25:18do mundo, que é não tem o não tem

25:20especificamente qual é o idioma do site,

25:22né? Então, claro que o est em português,

25:24mas não tem essa descrição para o Google

25:27entender, não tem eh, aí ele vai entrar

25:30em detalhes, tag canonical, não tem open

25:33graph, não tem imagem do banner, eh, sem

25:37sitem mapap.xml, XML, rodapé, tá com eh

25:40tá escrito copyright 2019, enfim, ele

25:43vai dando mais detalhes, mas tá aqui o

25:45resumo pro cliente, que é os dois pontos

25:47que o anúncio já citou, que é título,

25:49método, description junto com esquema,

25:51são sim dois dos problemas principais.

25:54Bom sinal que o o cliente já sabe

25:57minimamente que ele tem esse problema,

25:58mas tem outros pontos que são graves,

25:59mas não estavam no anúncio. Então, dá

26:01pra gente já incluir isso na proposta

26:03que já é legal, porque o cliente vem com

26:05um problema, eu volto para ele com dois,

26:08o que não necessariamente é legal, mas

26:10pelo menos ele vai e vai entender que a

26:12gente realmente tá mostrando ali,

26:14especificando.

26:16Beleza? Então, até agora, o que que a

26:18gente fez com o Claudinho, com o Clude?

26:20A gente pediu para ele olhar o site e

26:22analisar o cliente. A gente pediu para

26:23ele entender o que que tinha de errado

26:24no SEO. Mas uma coisa que a gente não

26:26pediu para ele foi olhar o anúncio

26:28completo. Então ele realmente abrir o

26:31documento do anúncio. Ele abrir o

26:33documento do anúncio, entender

26:34exatamente tudo que o cliente tá

26:35pedindo, o que que que ele tá pedindo, o

26:38que que o cliente já decidiu, o que que

26:40eu tenho que decidir pelo cliente e

26:42assim sucessivamente. Então essa é a

26:44próxima coisa que a gente vai fazer. A

26:47gente vai virar e falar: "Beleza, agora

26:50eu quero que você abra o anúncio, abre o

26:53arquivo do anúncio que eu deixei no

26:54bloco de notas e transforma isso numa

26:56listinha do que que eu preciso entregar.

26:57Então, o que que o cliente pediu, que

26:59que ele deixou em aberto que eu tenho

27:00que decidir e assim por diante." Então,

27:02a gente vai pegar esse prompt e vai

27:04mandar exatamente ali pro nosso

27:07Claudinho. Beleza? Então, falei

27:10exatamente isso aqui para ele, para

27:11abrir o o texto do anúncio e fazer uma

27:14análise para mim. Hum.

27:16E aí agora ele vai pegar e vai falar, ó,

27:19beleza, terminei de ler, ele tá dando a

27:21resposta aqui pra gente e vamos ver

27:23exatamente esses pontos aqui, tá? Aí ele

27:26tá mandando o que que ficou em aberto,

27:28decisões ali que ele pensou, mas enfim,

27:30ele terminou de responder. Vamos voltar

27:31aqui para ver com calma o que que ele

27:32mandou. Ele falou: "Ó, são quatro blocos

27:35de trabalho e algumas condições do

27:37projeto. Separei o que que é explícito

27:39de entregável do que que ficou aberto

27:41para decidir." Aí ele fala: "O que que o

27:42cliente pediu explicitamente?" correção

27:44técnica de SO, que foram os pontos que a

27:46gente já tinha visto. Que mais que ele

27:48pediu, ó? Ele pediu melhorar a

27:50velocidade do site, ele pediu

27:52reestruturação do conteúdo. Então ele

27:54falou: "Cara, eu queria que tivesse uma

27:56página voltada para como que a gente

28:00aplica os pisos, como que é o nosso

28:02serviço?"

28:03E ele falou até que ele quer numa vibe

28:05meio marketing, que é começar

28:09pelo problema que a gente que a empresa

28:11resolve, depois falar qual é o benefício

28:13daquilo, depois gerar uma prova social,

28:15ou seja, algum depoimento, alguma eh

28:18mostrar algum resultado de cliente e

28:20assim por diante. Então os o cliente

28:22pediu essa estrutura, ele quer mostrar

28:25qual o problema que eles resolvem, qual

28:26o benefício que sugera pro cliente e

28:28mostrar provas, ou seja, exemplos de

28:31clientes que já tiveram resultado com os

28:32serviços deles aqui. E eles querem criar

28:35uma página de blog voltada para pra SO

28:39para topo de funil. Então, topo de funil

28:41é basicamente eh você fazer algum

28:43conteúdo para alguém que não

28:44necessariamente já quer comprar o seu

28:47serviço. Então, vou dar um exemplo aqui.

28:49Aqui na hashtag a gente faz muito

28:51conteúdo, por exemplo, de vou dar um

28:53exemplo aqui, Power BI, mas eu posso

28:55fazer um conteúdo de fundo de funil, que

28:58basicamente é um conteúdo que eu vou

28:59ensinar uma fórmula muito específica no

29:01Power BI. Poxa, esse conteúdo é um topo,

29:04é um, desculpa, é um fundo de funil,

29:05porque é um conteúdo para alguém que já

29:07tem aquele problema, já quer resolver

29:09aquele problema específico. Que que é um

29:11conteúdo topo de funil? É o virar e

29:12fazer um vídeo, por exemplo, falando o

29:14que que é o Power BI, para que que serve

29:16o Power BI. Então esse é um conteúdo

29:17mais topo de funil, ou seja, para quem

29:19ainda tá pesquisando, para quem não tá

29:22eh para quem não sabe necessariamente o

29:24que que o que que é aquilo e assim por

29:26diante. Cara, eu preciso fazer um OBS

29:28que é o seguinte, vocês estão reparando

29:30que eu estou de casaco, porque tem dois

29:31ar condicionados ligados aqui. Isso

29:33porque o terceiro tá quebrado. Tá

29:34quebrado não, ele precisa quebrar a

29:36parede para, enfim, para poder ligar ele

29:38e tudo mais. O Daniel que está aqui do

29:40meu lado, ele está com tanto frio, ele

29:42está sem brincadeira. É porque eu não

29:43consigo ver a câmera agora. Ele está de

29:45John. Para quem não sabe o que que é

29:46John, basicamente é aquela roupa de

29:49mergulho, aquela roupa de surf colada no

29:52corpo para você não sentir frio na água.

29:55Ele tá exatamente vestindo isso aqui.

29:57Pelo menos é só a parte de cima. Se

29:58tivesse com a calça ia ser incrível. Mas

30:01para não te distrair.

30:02>> Você vai ter que mostrar aqui depois,

30:03tá? Por favor, chega aqui agora e mostra

30:05para todo mundo. Vai ter que chegar.

30:06Daniel vai dar a volta e mostrar.

30:08Enquanto isso, ó, o bloco três tá aqui,

30:11redesign orientado à conversão. Então,

30:14ele fala, ó, ele quer, o cliente

30:16[limpando a garganta] fala que ele quer

30:19melhorar a parte ali de de prova social,

30:22botar botão para WhatsApp, botar chamada

30:25pra galera entrar em contato, botar

30:27alguma coisa que mostre a autoridade da

30:28marca, ó. E aí fala restrições e

30:31condições do projeto. Então não precisa

30:33incluir loja online, não, não tem um

30:35prazo definido. Tem o orçamento aqui de

30:37250,

30:39tem que usar HTML, CSS, JavaScript, que

30:42o Cloud vai usar pra gente. O que que

30:44ficou em aberto? Aí ele falou, ó,

30:47tecnologia, a gente pode escolher

30:49exatamente os detalhes. Plataforma do

30:52blog, ele não especificou como que vai

30:53ser, então a gente pode escolher.

30:55estrutura de páginas. Então, tem alguns

30:58detalhes ali que ele meio que deixou

31:00aberto ali pra gente poder escolher e aí

31:02a gente vai fazer da forma que a gente

31:04achar melhor. Tranquilo? Beleza. Aí ele

31:06já perguntou: "Quer que eu monte a

31:07proposta para você mandar pro cliente,

31:10assim por diante?" Então, a gente

31:11poderia eh já pedir ou a gente poderia

31:13já pedir para ele começar a a pensar

31:16dentro do site. Mas primeiro, Daniel,

31:18por favor, mostre o John aqui. Vem aqui,

31:20por favor.

31:21>> Fala, galera. Boa noite.

31:23>> O Daniel existe. Ele não é uma I feita

31:24pelo Cloue e ele está de John.

31:27incrível, cara. Incrível. Muito

31:29obrigado por essa cena.

31:30>> Eh, o Sabe sabe o que que eu falei só

31:33agora? Só porque ele tava com isso e um

31:34casaco. Aí agora ele tirou o casaco e

31:36ficou com isso. Eu falei: "Meu Deus, eu

31:37tenho que comentar. Meu Deus. Deixa até

31:40eu vou ter que parar para ver o que a

31:41galera tá comentando aqui. Não tem como.

31:43Eh, beleza. Mas então, ele já deu a

31:46sugestão aqui pra gente poder fazer o

31:49nosso, pra gente poder executar

31:51exatamente esse passo a passo. Ó, galera

31:53mandando eh,

31:55boa. Po,

31:56>> pô, 13º eu não i aguentar não, hein.

31:58>> Galera falando aqui tá 14º, 12º, meu

32:01Deus do céu. Show de bola. Bom, vamos

32:02lá. Então, a ideia aqui é a seguinte.

32:05Hum.

32:07Vamos lá. Que que a gente vai fazer aqui

32:09agora? A gente vai eh já querer começar

32:13a pensar na primeira versão. Mas,

32:14galera, até aqui fez sentido, tá

32:16tranquilo? Comenta aqui no chat, porque

32:19até agora, qual que é a nossa grande

32:20ideia? Até agora o nosso objetivo foi

32:24ele conseguir eh entender tudo que tá

32:27acontecendo, ele conseguir olhar o

32:29anúncio, conseguir olhar o site,

32:30conseguir olhar os problemas que tem pra

32:32gente já começar a preparar o terreno

32:34para poder montar a primeira versão do

32:35site. Mas então, até agora fez sentido.

32:38Então, a nossa grande lógica também, o o

32:41uma das coisas boas que você pode fazer

32:43com CL de COD não é necessariamente sair

32:44pedindo para ele fazer alguma coisa, mas

32:46é você a eh usar ele para conseguir

32:49entender o problema, conseguir preparar

32:51o terreno e falar: "Beleza, agora eh

32:54primeiro, não só você vai entender

32:56melhor o problema com a ajuda dele, mas

32:58também ele mesmo já vai começar a ter

33:00mais contexto do que que tá acontecendo,

33:02porque se você só virar para ele, ó, tem

33:04esse site aqui antigo, quero que você

33:05melhore ele, você não vai ter tido toda

33:08essa conversa que vai levar para esse

33:10ponto. Tranquilo? Então, até agora tá

33:12fazendo sentido? Tá dando para entender?

33:15Ó, galera, sim, sem dúvida, tranquilo,

33:17deu para entender total, fez sentido,

33:19>> plenamente entendido.

33:21>> Plenamente entendido. Galera falou,

33:22Daniel estava assistindo a WSL aqui de

33:24surf, [risadas]

33:25deve est assistindo, com certeza.

33:27Maravilha. Então, vamos com tudo. Eh,

33:30beleza. Então, a gente vai pedir para

33:31ele fazer o quê?

33:33A gente vai eh, lembra uma das coisas

33:35que eu que eu falei ontem, que é o

33:37seguinte, uma das melhores coisas que

33:38você pode fazer com o Cloud Code é, ao

33:41invés de pedir para ele sair executando

33:43alguma coisa, é você primeiro pedir para

33:45ele te fazer as perguntas necessárias.

33:48Por quê? Porque, cara, por mais que você

33:50se esforce, na hora de fazer um pedido,

33:53você não vai conseguir pensar em tudo.

33:55Então, ah, eu tenho que pedir para ele

33:56fazer o site, eu tenho que lembrar de

33:58pedir para ele fazer tal coisa no site,

34:01eu tenho que pedir para ele fazer tal

34:02otimização, eu tenho que pedir para ele

34:04escrever tal coisa. Cara, você nunca vai

34:07conseguir lembrar de tudo ou pensar em

34:08tudo. Mas quando você for pedir o Cloud

34:13Code, se você só fizer um pedido, ele

34:16vai executar o pedido. Se faltar alguma

34:18informação, ele vai passar por cima e

34:21ele vai tentar usar o bom senso dele.

34:23Mas o bom senso dele não

34:25necessariamente, primeiro, não

34:26necessariamente é ruim, mas não

34:27necessariamente é o que você quer.

34:29Então, se você virar para ele e falar,

34:30monta uma apresentação e você não for

34:32específico, ele vai montar a

34:33apresentação genérica. Se você for mais

34:35específico, ele vai montar uma

34:36apresentação mais do jeito que você

34:38quer. Agora, a melhor forma da gente

34:41garantir que ele vai ter tudo que a

34:43gente que a gente precisa passar para

34:44ele é um eu tentar pensar qual o máximo

34:48de coisas que eu tenho que cuspir de

34:50informação para ele, de que falar de

34:53informação. E a segunda coisa é o pedir

34:54para ele perguntar. E aí uma dica que eu

34:57queria passar é o seguinte, deixa eu

34:58abrir uma um novo VS Code aqui na minha

35:00tela, só para te mostrar que é o

35:02seguinte, olha só. Eu vou abrir um novo

35:05VS Code só para te mostrar aqui

35:07rapidinho.

35:09Olha só, quando você abre uma conversa

35:11com VS Code, com o Cloud Code, desculpa,

35:15essa aqui é uma das coisas, cara, mais

35:18que parecem bobas, mas que fizeram uma

35:20diferença absurda. uma diferença absurda

35:24que [roncando] é usar o modo de

35:27transescrever o teu áudio,

35:31porque aí você consegue dar um prompt,

35:34muito mais pensado e assim vai. Que eu

35:36quero dizer com isso? O que que eu fazia

35:38até, sei lá, dois, tr meses atrás? Eu

35:40escrevia tudo. Então, fala, Claudinho.

35:44Quero que você monte para mim uma

35:48apresentação assim, assim assado. Então,

35:51funciona? Claro que funciona, mas uma

35:53coisa que eu percebi ao longo desses

35:55últimos dois meses usando muito mais o

35:57modo e não é nem modo voz, é modo de

35:58transcrever o áudio mesmo, transcrever o

36:01que eu falo, cara, eu passo a dar

36:04prompts gigantescos que, cara, eu nunca

36:08ia parar para escrever um prompt de 40,

36:1050, 60 linhas. Mas falando, cara, eu

36:14faço isso muito bem. Vou te dar um

36:15exemplo de um prompt que eu falei e na

36:19hora que eu tava construindo a apostila.

36:21Então, só uma uma pausa rápida aqui.

36:23Essas apostilas das da das aulas, elas

36:26foram construídas com o Cloud Code.

36:28Então, o Cloud fez a capa, fez o menu,

36:32fez e todas as explicações. Ele pegou

36:36todos os prints dos projetos, ó, print

36:38do VS Code, print do site, print da

36:41explicação, print do que que tá sendo

36:42executado, toda todo o passo a passo,

36:45todo desenrolar, o que que a gente vai

36:46fazer depois, como que ficou o antes e o

36:48depois e assim sucessivamente.

36:50Como que eu pedi isso para ele? Pô, se

36:53eu fosse digitar, eu ia ter, eu ia ter

36:56um trabalhão. Fala: "Pô, eu quero que

36:57você crie a apostila assim, assim,

37:00assado, ia dar muito trabalho." O que

37:02que eu fiz? Vou te dar um exemplo aqui.

37:04Eu virei para ele e falei o seguinte, ó.

37:07Fala, Claudinho. Cara, eu queria agora

37:10que você desenvolvesse a apostila

37:13completa do intensivão de cloud. Como

37:15que eu quero que você faça isso? Eu

37:17quero que, vamos lá. Primeiro, você já

37:20tem nessa pasta que a gente tá

37:23trabalhando, você já tem a referência de

37:26modelos de apostila que a gente

37:28disponibilizou em outros eventos. Então,

37:31na pasta referências apostila, você

37:33consegue acessar essas referências.

37:34Então, quero que você olhe suas

37:35referências com muita calma e a partir

37:37dessas referências você vai entender

37:40como que é a estrutura, como que a gente

37:42explica, como que é a divisão entre

37:43prints, explicações, eh, detalhamentos,

37:47dicas. No final, a gente gosta sempre de

37:50colocar, por exemplo, vídeos de

37:52sugestões paraa pessoa assistir além do

37:54conteúdo que ela já viu dentro daquela

37:57aula. Além disso, o que que eu quero que

37:59você faça? Bom, você vai ter que colocar

38:01prints dentro ali do nosso da nossa

38:04apostila. Como que você vai fazer isso?

38:07Bom, eu já gravei o a execução de tudo

38:12que vai ser executado na tela com os

38:14alunos. Eu já gravei, já tá nessa pasta,

38:16inclusive você mesmo que editou. Então

38:18você já tem todos os clipes de tudo que

38:20eu fiz na primeira parte da aula, na

38:22segunda parte da aula, na terceira parte

38:23da aula. Inclusive, nessa conversa, a

38:26gente trocou ideia sobre o que que vai

38:28ser ensinado na aula. Então, se a gente

38:30trocou ideia sobre o que que ia ser

38:31ensinado na aula, você já tem o que que

38:33vai ser ensinado, você já tem como que

38:37eh você já tem os vídeos, então você

38:39pode tirar printar

38:42dentro da apostila. Você já tem os

38:44modelos de apostila do intensivão de

38:46Power BI que a gente fez e do intensivão

38:48de agentes de inteligência artificial.

38:51Então, o que que eu quero que você faça?

38:52Eu quero que você leia exatamente com

38:54calma aqueles eh aqueles aquelas

38:59apostilas de modelo. Eu quero que você

39:01veja tudo que a gente planejou de

39:02conteúdo, veja todos os clipes de

39:05execução da tela que será executado

39:08dentro do Intensive Bond Cloud. A partir

39:10disso, monta o modelo, monta a apostila

39:13seguindo exatamente esse esse passo a

39:14passo e monta de uma forma que eu

39:16consigo disponibilizar, enfim, ele já

39:18até eh, enfim, monta uma forma de uma

39:20forma que eu consigo disponibilizar pros

39:21alunos e tudo mais. Cara, olha o tamanho

39:23desse prompt aqui. Eu nunca ia parar

39:25para ficar escrevendo um negócio desse

39:27tamanho. Nunca ia parar para ficar

39:28executando e para ficar escrevendo, para

39:31ficar escrevendo isso palavra por

39:32palavra. Então, isso aqui, esse trecho

39:34aqui dos 2 minutos foi só para te

39:35mostrar a diferença que faz. Então acho

39:37que essa é uma dica muito relevante,

39:39porque de novo, eu não fazia, eu acho,

39:41eu a primeira vez que eu, que eu ouvi

39:44isso falei: "Nossa, que besteira". Eu

39:46juro que eu virei e falei: "Nossa, mas

39:48que besteira. Prefiro escrever com calma

39:51e assim vai". Mas o problema é você

39:53escrevendo, você nunca vai entrar no

39:55nível de detalhe que você entra falando.

39:58E depois que você terminar de falar,

39:59"Ah, você pode voltar, editar, corrigir,

40:02melhorar, incrementar, ajustar alguma

40:04coisa e assim". Vai. Então, de coração,

40:07essa é uma das dicas mais valiosas que

40:08eu posso dar por é é a dica mais

40:10simples, mas que pode dar mais potencial

40:12de você ter melhores resultados, porque

40:14assim você consegue ter muito mais

40:16assertividade, senão o que que eu ia

40:17virar para ele e falar: "Cara, monta

40:19apostila, olha essas referências, tira

40:22os prints e monta apostila aí, baseado

40:25na referência e aí o resultado ia sair

40:27claramente muito pior ou eu ia ter que

40:30dar muito mais voltas para chegar nesse

40:31resultado, galera. Então, fez sentido

40:33essa dica de você, ao invés de escrever

40:36os prompts, agora que a gente tá

40:37trabalhando no Cloud Code, que a gente

40:38tem que dar mais contexto, mais

40:40informação, mais coisa específica, a

40:42gente virar para ele realmente fazer

40:44esse esse modo de voz, talvez você já

40:46faça. Pode ser que você já faça, mas eh

40:49cara, eu acho que ajuda, eu acho, não,

40:51tenho certeza que ajuda muito. E

40:53percebe, eu consigo fazer isso muito

40:55mais rápido do que às vezes eu digitaria

40:57um prompt simples, eu consigo digitar um

41:00prompt muito mais completo. Então,

41:01galera, fez sentido essa dica? Sim. Não,

41:04manda aqui nos comentários que eu quero

41:06saber, ó. Então, Daniel, fez ou não fez

41:08sentido? Deixa eu olhar aqui o chat,

41:09>> cara. Fez muito sentido. Inclusive, vi

41:12uma pergunta boa aqui que é, tem limite

41:13de caracteres para você falando ali?

41:16>> Cara, eu nunca cheguei num limite de

41:17caracteres, não, sendo muito sincero.

41:19Então, eu não sei de limite de

41:21caracteres, não. Beleza? Então, de

41:23verdade, não sei, cara. Eu já falei pra

41:26caceta. Já fiquei 2, 3, 4, 5 minutos

41:29falando. Não sei se cinco, mas não é

41:31impossível não, tá? Ter chegado em pelo

41:33menos dois, três, 2, 3, 4. Acho que eu

41:36já cheguei e nunca bateu em limite não.

41:38Mas então fica a dica aí. Sim, sim.

41:40>> Ó, galera, bora, Bill. Sim, claro, muito

41:42sentido. Excelente dica, muito mais

41:44rápido. Eh, hum, galera fez uma

41:47excelente pergunta. Alô, não consome

41:50mais tokens dessa forma, mais créditos?

41:53E a resposta

41:56pode parecer contrainttuitiva.

41:58Eu vou te falar,

42:00gasta mais? E a resposta final é não.

42:04Por que que não gasta mais? Coloca nos

42:05comentários. Perguntaram aqui gasta mais

42:07créditos, gasta mais token, gasta mais

42:09uso. E a resposta parece

42:12contrainttuuitiva, mas a resposta é não.

42:14Por que que é não? Coloca aí nos

42:15comentários que eu quero saber. Ó, vamos

42:17lá.

42:18Eh, galera mandando ainda muito bomaria,

42:22>> ó. Eh, Cláudio na velocidade cinco. Show

42:24de bola. Galera mandando mais dicas.

42:26Alon. Ó, vamos lá. Vamos ver se a galera

42:28vai ter alguma sugestão. Tem aquele

42:30delay. Eh,

42:34vamos lá, ó. Porque dá mais detalhes, dá

42:36mais instruções. Perfeito. Perfeito. Ó,

42:39responderam aqui. Falaram assim: "Alô,

42:41vai gastar menos no final porque você

42:44dando mais instruções vai sair mais

42:46rápido a solução." Excelente. Então,

42:48pensa que vamos lá. O Cloud code ele

42:50executa coisas pra gente. Então isso é

42:53muito importante porque você tá vendo

42:54aqui o negócio muito já cortado. Mas

42:56cara, principalmente quando a gente for

42:58pedir para ele fazer o site. Cara, fazer

43:00um site não é um negócio que ele vai

43:02fazer em 2 minutos. É um negócio que ele

43:03pode demorar, cara, 1 hora para fazer,

43:0530 minutos para fazer, 1 hora e meia

43:07para fazer. Então o que não quer dizer

43:08que você vai ficar 1 hora e meia olhando

43:09pra tela, você vai deixar ele

43:10trabalhando, vai fazer outra coisa. Seu

43:12computador fica, continua normal para

43:14você poder usar sem problemas. Mas cara,

43:17excelente pergunta, Alon. Se eu der um

43:19prompt gigantesco, ele não vai gastar

43:20mais. Aquele prompt, ele vai gastar

43:23mais. Mas pensa que você vai dar um

43:25prompt porcaria. E ao invés de sair o

43:28resultado muito na primeira versão,

43:30que que vai acontecer? Vai sair uma

43:32parada zoada. E aí você vai ter que ir

43:34lá e melhorar. Aí você vai falar: "Meu

43:36Deus do céu, essa segunda versão ficou

43:38horrorosa, que que você tá fazendo?" Aí

43:40você vai lá e pede a terceira. Você

43:42fala: "Nossa, isso aqui melhorou, mas o

43:43outro piorou". Aí você pede a quarta, aí

43:45você pede a quinta, aí no final você

43:47vira e fala: "Cara, tá uma porcaria,

43:48refaz do zero". Pronto, você gastou 10

43:50vezes mais do que precisava, sendo que

43:52você poderia ter dado muito mais

43:53contexto logo no início. Então a dica é,

43:55cara, primeiro pensa que ele até nessa

43:59hora de de gastar tokens, entre aspas,

44:01na créditos e tudo mais, ele vai gastar

44:04mais executando do que lendo o seu

44:06prompt. Então, se você mandou um prompt

44:08de duas linhas ou de 30 linhas, cara,

44:10isso é de verdade ou de menos. O que

44:12mais importa é a quantidade de coisas

44:14que ele vai fazer, a complexidade das

44:15coisas que ele vai fazer. Então, se

44:17você, que que é melhor? você mandar

44:19dois, você mandar um promptezinho de

44:22duas linhas ou você mandar um prompt de

44:2430 linhas. Se você mandar um promp de

44:26duas linhas, você vai economizar um

44:28pouquinho de crédito ao invés de mandar

44:29os 30 linhas, mas ele vai fazer uma

44:31parada, vai ficar porca, aí você vai

44:33pedir de novo, vai pedir de novo, vai

44:34pedir de novo. Ele executou tantas vezes

44:35que ele gastou muito mais, então não fez

44:37sentido. Então de novo, é a dica muito,

44:39muito, muito importante. Eu queria até,

44:41é porque eu não tenho essas conversas

44:43de, sei lá, duas semanas atrás, mas eu

44:45mas eu queria muito abrir uma

44:47dessas gigantesca que eu tenho. Mas

44:49beleza, vamos lá, voltando e pedindo pro

44:53e para ele abrir o anúncio. Eh, ah, não,

44:57desculpa. Agora a gente vai a agora a

44:59gente vai fazer aquilo que eu falei de

45:01que é outra dica de pedir para ele

45:03perguntar pra gente, porque senão ele

45:04vai sair executando sem perguntar e

45:06depois vai dar mais retrabalho, vai

45:08gastar mais, vai ter mais idas e vindas.

45:11Então vou virar para ele e falar: "Cara,

45:13vamos lá agora então pra construção da

45:15versão do site". Mas antes de começar,

45:17eu quero que você me faça todas as

45:19perguntas que você precisar para decidir

45:21o que que ficou em aberto no anúncio.

45:23Então, o cliente especificou algumas

45:25coisas, outras ele não especificou.

45:28Então, eu não quero deixar o Cloud

45:29escolher por mim, senão ele vai fazer um

45:31negócio, eu vou olhar, vou falar:

45:32"Porra, tá uma porcaria, mexe nisso

45:34aqui, mexe naquilo ali, mexe naquilo

45:35ali, de novo, retrabalho, mas gasto e

45:38assim vai. Mais idas e vindas". E cada

45:41ID de vinda, pode levar de novo 5, 10,

45:4415, 20, 30, 40, 60, 90 minutos. Então

45:47você não, você quer evitar o máximo

45:49possível de

45:50falar para ele. Cara, antes de começar,

45:53me faz todas as perguntas que você

45:55precisar para decidir o que que tá em

45:56aberto, qual é o tom, eh, cara, qualquer

45:59coisa que interfira na cara do site.

46:02Beleza? E aí falei para ele, a gente vai

46:04falar para ele: "Cara, eu quero fazer de

46:06forma simples, eu quero fazer de forma

46:08que eu não tenha que eh fazer nenhuma

46:10instalação complexa, cara, um site

46:12simples que consiga eh colocar no ar de

46:15uma forma simples, que funcione sozinho

46:17e tudo mais. Beleza? Então, a gente vai

46:18mandar exatamente isso ali para ele.

46:22Show. Então vamos pedir para ele. Repara

46:25que eu não pedi para ele montar, eu

46:26falei para ele: "Agora a gente vai paraa

46:28construção da primeira versão, mas antes

46:30me faz as perguntas. Aí depois a gente

46:32fala sobre a construção do site em si".

46:35Aí ele falou: "Beleza, vamos lá". Ele

46:37mandou quatro perguntas, ó, aqui cada um

46:40desses tópicos aqui é uma pergunta. Tom

46:42de voz, prova do hero, que é a primeira

46:44dobra ali da página, é identidade

46:46visual, escopa do blog. Aí ele tá

46:48mandando aqui: "Qual tom de voz o site

46:51deve usar para falar com o cliente? Aí

46:52tem o tom técnico consultivo. E é legal

46:55que às vezes, nem sempre, mas às vezes o

46:58Cloud na hora de dar as opções, ele já

47:00fala qual é a recomendada. Mas isso é

47:02muito bom. Mas nunca clique no

47:05recomendado sem olhar, porque às vezes

47:06assim, vou te falar, 80 a 90% dos casos

47:10que ele me pergunta, eu vou no

47:12recomendado porque realmente faz mais

47:13sentido. Mas tem uns 10, 20% ali que não

47:16vai e que realmente não, para mim não

47:18faz sentido. Ele fala tipo: "Ah, você

47:21quer que eu faça desse jeito?" Aí eu

47:23olho e fala: "Cara, mas esse jeito não

47:25tem nada a ver com o que eu quero". E aí

47:27ele foi lá e recomendou. Mas de novo,

47:28isso é mais raro, mas de novo é

47:31importante você olhar. Então você quer o

47:32quê? o tom técnico consultivo que fala a

47:35língua de quem especifica ou aprova a

47:37obra, então a língua do engenheiro, do

47:40gestor de manutenção, ou você quer um

47:43tom mais direto e comercial, ou você

47:45quer um tom institucional formal. O que

47:46que você quer? Vou botar aqui técnico

47:48consultivo, por exemplo, a recomendação

47:50dele. Show. Aí ele ele perguntou: "O que

47:54que você quer colocar como depoimento,

47:57né, como case de sucesso dos clientes da

48:00empresa ali na

48:03primeira dobra da página. Aí tem várias

48:05opções. Tem o nosso cliente que é o

48:08centro de distribuição de cabreúva que

48:10não teve nenhuma parada operacional,

48:12frigorífico Amparo, que tá 4 anos sem

48:14precisar de manutenção porque a gente

48:15fez um bom serviço, farmacêutica

48:17Hortolândia e cozinha industrial, enfim,

48:20vamos botar o frigorífico amparo, por

48:22exemplo, que não tem nenhuma regra aí na

48:24hora do tipo. Aí ele falou: "OK, agora a

48:26próxima pergunta. Identidade visual,

48:27cores, estilo. Você quer manter a linha

48:30do site original ou redesenhada do

48:32zero?" Far, vamos manter a paleta. Claro

48:34que o site é para ficar bem melhor, mas

48:36vamos manter a paleta original de cores,

48:39que é o azul e laranja. Então, beleza?

48:41Então, ele ele pergunta isso ou se a

48:43gente quer redesenhar do zero. Aí ele

48:45fala, ó, a gente o cliente quer que faça

48:47um blog com conteúdo eh sobre sobre a o

48:52serviço da empresa. E aí ele quer e

48:55pergunta: "O que que você quer que vá

48:56nesse blog, nessa primeira versão do

48:58site? A estrutura pronta ou já escrever

49:01artigo? Aí a gente pode escolher, a

49:03gente pode botar, por exemplo, cara,

49:04deixa só a estrutura do do blog, depois

49:07a gente pensa no conteúdo. Show de bola.

49:09Beleza. E a gente vai mandar para ele as

49:12respostas. Aí ele vai, hum, mandar aqui,

49:16ó. Beleza, anotado, ele já tá resumindo

49:18as decisões. Então, tom técnico

49:20consultivo. A gente vai falar sobre o

49:22caso do cliente do frigorífico, eh, o

49:25visual já vai ter, já vai manter e assim

49:27por diante. E aí ele depois ele

49:28pergunta: "Alon, eh, tem uma parada lá,

49:32o o telefone e o e-mail, eles eh e são

49:38esses mesmos ou ou depois você vai me

49:39passar os reais e tudo mais." Beleza? Aí

49:42a gente vai falar para ele. Mas ó, então

49:44ele já falou tudo que tá anotado, tudo

49:46bonitinho. E aí agora a gente vai de

49:48fato pedir para ele executar a primeira

49:50versão do nosso site que tá aqui o

49:52prompt no guia também. Então agora a

49:53gente vai virar para ele e fala: "Cara,

49:55show de bola". Então agora constrói a

49:57home do site, eh, a home do site novo,

50:00né? A página inicial, juntando o

50:02conteúdo real da empresa, os entregáveis

50:04do anúncio que ele pediu, né, para

50:05melhorar o SEO e assim por diante, e

50:08botar o que que ficou decidido nas

50:10perguntas. que você acabou de me fazer.

50:11Então, e aí falei para ele, eu não quero

50:14as outras páginas ainda, só quero a

50:16página principal do site. E aí segue as

50:19boas práticas de SEO que apareceram ali

50:21no diagnóstico que você tinha feito.

50:23Então, agora ele tem mais contexto

50:24porque ele acabou de me responder sobre

50:26aquilo. Então, é muito mais, vai ser

50:28muito mais assertivo. Beleza? Então,

50:31vamos passar exatamente isso aqui para

50:33ele. Show. Então, a gente vai mandar

50:37esse esse segundo ponto aqui para ele

50:40conseguir executar. E aí agora qual que

50:43vai ser a grande ideia? A grande ideia

50:45aqui é a seguinte, ó. Eu vou pegar, eu

50:48vou mandar e vamos ver como que vai

50:50ficar essa primeira versão para que aí a

50:52partir disso a gente pode iterar ou não.

50:55Só que lembra o detalhe que ele

50:56perguntou? Ele falou: "Alon, o telefone

50:58que existe no site, o e-mail você quer,

51:01eles são fictícios, são reais?" Vou

51:03falar para ele, cara, é fictício, pode

51:05deixar esses dados, depois eu te mando

51:07os dados de verdade, por exemplo.

51:08Beleza? Então, agora constrói a nova

51:11home. Show de bola. Então ele vai

51:13começar a pensar aqui. E lembrando, isso

51:15aqui é uma parada que eventualmente pode

51:18demorar bastante, mas que aqui já tá

51:21otimizado. Aí ele falou: "Agora vou

51:23escrever a home, o HTML, o CSS", ou

51:26seja, toda a estrutura da página, toda a

51:28estilização da página e assim

51:30sucessivamente. E a gente vai conseguir

51:32comparar como é que estava o antes e

51:34como é que estava o depois. Show de

51:36bola. E aí ele vai criando todos os

51:39códigos, pensando em absolutamente tudo

51:41e assim por diante. Então beleza. E aí

51:44tá carregando, pensando, pensando,

51:46pensando.

51:48E aí, ó, ele já tá. E é legal de novo,

51:51eu, Alon, gosto muito de ler o que que

51:53ele tá raciocinando. Então, ele falou:

51:54"Ó, layout ficou consistente em desktop

51:57mobile. Então, legal, eu nem pedi, mas

51:59ele já tá otimizando para ficar legal no

52:01celular." Então, hero, né? A primeira

52:03dobra com o caso Amparo, os números, os

52:06quatro cases, os seis sistemas, o botão

52:09de WhatsApp. Ele falou: "A home está

52:12pronta na sua pasta lá no arquivo

52:15index". Ele colocou um arquivo chamado

52:17index e aí ele falou: "O que que

52:19entrou?" E aí ele tá mandando aqui pra

52:21gente. E aí, claro, só tá terminando de

52:23responder. A gente vai voltar lá para

52:25cima para ver o que que ele respondeu.

52:26Que que entrou? o case do da empresa, do

52:29cliente ali do frigorífico, eh os

52:32números sobre a empresa. Então, 18 anos

52:34de empresa, 340.000 1000 m² já

52:36instalados, 12 funcionários, quatro

52:38estados atendidos, eh já colocou mais

52:41exemplos de clientes, eh já colocou mais

52:44coisa voltada paraa conversão, então

52:46botão de WhatsApp, chamada para ação pra

52:48pessoa solicitar um orçamento, se

52:51técnico já aplicado, então todos aqueles

52:53pontos que a gente não necessariamente

52:55vê no site, mas que o Google vê, ele

52:58falou que já otimizou, então o o título

53:02único, H1, a gente até vê, mas o resto,

53:04o esquema prima.org, esse tipo de coisa,

53:07Open Graph tal, a gente não vê

53:08necessariamente no site, mas tá por trás

53:10no código que aí o Google consegue

53:12deixar otimizado. Então, já tá lá. E aí

53:15ele falou, ó, eh, eu tinha pedido para

53:17ele fazer da de uma forma simples da

53:20forma. E aí eu falei: "Cara, não quero

53:21ter que instalar nada nem nada do tipo".

53:24E aí, um detalhe que você não precisa

53:25saber agora, mas que é o seguinte, como

53:27a gente pediu para ele fazer um negócio

53:29simples, sem ter que ficar instalando

53:30nada nem nada do tipo, ele falou: "Cara,

53:33eu fiz em HTML CSS puro". Ou seja, ele

53:36fez a estrutura e a estilização. Ele

53:38falou: "Não usei JavaScript". Só que

53:41parando para pensar, isso é meio ruim,

53:42porque JavaScript é o que pode dar mais

53:45animação pro site, pode dar mais eh pode

53:48dar mais personalização pro site, mas

53:51tudo bem, a gente pode pedir para ele

53:52ajustar depois.

53:53Show. Aí ele falou: "Decisões que tomei

53:55sem te perguntar. Troquei um nome ali do

53:57menu de serviços para sistemas. Testei

54:00de verdade. Olha só que legal". Aí ele

54:02falou: "Rodei no navegador em desktop

54:05mobile, não tem erros. Eh, no mobile

54:07também abre bonitinho. E ele já

54:09perguntou: "Quer que eu já parta para as

54:11novas páginas?" Não, eu quero ver

54:12primeiro como é que ficou essa parada.

54:14Então, vamos ver como é que ficou esse

54:16site aqui, ó, que é esse arquivo que ele

54:18falou, index. index. HTML. Então é o

54:21arquivo HTML que a gente consegue abrir

54:23no navegador. E aí temos a primeira

54:26versão do nosso site. Olha só como é que

54:28tava antes, como estava antes, como que

54:31tá aqui agora. Já começou a dar uma

54:33melhorada. Então ele manteve porque a

54:36gente pediu as cores, mas o site já tá

54:40um pouco mais completo. Então a gente

54:41tem aqui, ó, o já tem o título, já tem a

54:45já tem o eh a prova social, né? já tem o

54:49depois o case do cliente, botão para

54:51falar no WhatsApp, para solicitar o

54:53orçamento, o menu superior aqui já para

54:56todas as páginas, mas aí as outras

54:58páginas ainda não existem, só existe

54:59essa por enquanto que a gente já pediu

55:01aqui. Alguns números sobre empresa,

55:04falando sobre o problema do cliente, que

55:06cara a eh essa empresa atende clientes,

55:10tipo indústrias, farmacêuticas e tudo

55:12mais. Então ele já fala: "Cara, piso

55:13comum não é suficiente para aguentar sua

55:15operação. Você tem que você tem que ter

55:18um piso mais resistente para isso. Eh,

55:21cara, casos de empresas que já que a

55:23gente já atendeu e a gente conseguiu

55:25resolver problemas. Então, pô, esse

55:26cliente tá 4 anos sem precisar de

55:28manutenção porque a gente fez um serviço

55:30ali para eles. Eh, cara, aí aqui ele já

55:33tá direcionando pro que vai entrar

55:34depois, que é alguns que são alguns

55:37conteúdos que a gente vai colocar.

55:38Então, falando sobre cada tipo de piso

55:41que eles instalam e tudo mais. Mas, ó, e

55:43aí, mais um botãozinho aqui para falar

55:44no WhatsApp. Botãozinho aqui no canto

55:46inferior direito para falar no WhatsApp.

55:48Então,

55:50as cores não mudaram porque as cores a

55:52gente pediu para manter, mas olha só a

55:54diferença. Então aqui ele já tem o que

55:56ele chamou de hero, né? essa primeira

55:58dobra já com já com essa prova social,

56:01já com o CTA já otimizado para venda,

56:04todo tudo que tá por trás do site que a

56:05gente não vê, já otimizado pro Google,

56:07já todas as provas, os depoimentos, os

56:10cases, os botões de WhatsApp e assim por

56:12diante. Então, do site de antes pro site

56:15de agora já tem uma evolução. Então,

56:19galera, essa primeira versão aqui, deu

56:23para entender? Ficou tranquilo? Tem

56:24alguma dúvida, manda aqui no chat.

56:26Daniel tinha pipocado alguma dúvida aí?

56:28Como é que tá aí?

56:28>> Cara, duas dúvidas aqui eu tinha pego,

56:30tá?

56:30>> Manda.

56:31>> Vamos lá.

56:33>> Primeira dúvida aqui é:

56:34>> Aham. Manda.

56:36>> Os artefatos gerados podem ser acessados

56:38por terceiros.

56:40>> Alon. Isso. Primeiro que isso daqui não

56:42é o artefato. O artefato é o que ele

56:44cria dentro do Cloud chat ali que ele

56:46manda o documento pra gente. Isso aqui

56:47não é um artefato. Isso aqui é realmente

56:49um arquivo. Show de bola. E aí esse

56:51arquivo ele realmente vai ser eh ele foi

56:54gerado e ele consegue ser

56:56disponibilizado para terceiros. A gente

56:57tá criando um site. É claro que a gente

56:59vai poder botar para disponibilizar para

57:01terceiros. Não só disponibilizar para

57:02terceiros, mas botar o site no ar. Mas

57:05sem spoiler. Beleza. Show de bola.

57:08Maravilha. Ó, tá muito bom. Dando para

57:10entender. E aí, ó, galera, já lançou a

57:14braba? Que é óbvio. Vocês me conhecem

57:16aqui, vocês participaram das outras

57:17aulas. Dá para melhorar muito

57:19esteticamente. Então vocês me conhecem.

57:21Galera até me sacaneou em alguma aula,

57:23falou que eu era virginiano, que sei lá

57:25o quê, que o Alon é muito muito atento a

57:28deixar a parada muito visualmente

57:29bonita. Claro, esteticamente vai

57:32melhorar bastante, pode ficar tranquilo,

57:33mas é a primeira lógica aqui, a primeira

57:35versão que a gente tá montando aqui.

57:38Vamos embora. Show de bola. É show,

57:42show, show.

57:44Ó, vamos lá. Ah, a galera fez uma

57:46pergunta interessante que acho que vale

57:48comentar que é o seguinte: "Alon, eh,

57:51tem uma parada chamada, deixa eu abrir

57:53aqui, tem uma parada chamada remote

57:57control no Cloud Code. Que que é isso?

58:00Remote control é para você poder usar,

58:02para você poder continuar aquela

58:03conversa pelo celular. Como assim, Alon?

58:06Cara, imagina, você deixou o seu cloud

58:08code rodando ali alguma coisa e ele vai

58:10ficar, sei lá, 20, 30, 40, 50 minutos

58:12rodando a parada. Você tem que sair de

58:14casa. Aí você sai de casa, pô, você tá

58:17na rua, aí você fala: "Nossa, deixa eu

58:19ver como é que tá".

58:21E aí, ao invés de você ter que esperar

58:23voltar para casa e aí você chega em

58:24casa, você viu que ele não terminou

58:26porque ele tinha uma pergunta para te

58:28fazer, você fala: "Putz, pensei que ele

58:30tivesse terminado, mas ele tá parado

58:31numa pergunta esperando eu responder."

58:34Ao invés de você ter que se preocupar

58:35com isso, você consegue continuar aquela

58:38conversa pelo celular. Na verdade, você

58:40consegue tanto pelo computador quanto

58:42pelo celular. Como que você faz isso?

58:45Para continuar uma conversa pelo

58:46celular, você vem aqui na conversa do

58:48Cloud Code, aperta barra remote control,

58:53remote control, tá vendo? Barra remote

58:56traço control. Quando você fizer isso,

58:58ela fica ativa, tá vendo? Fica ativo o

59:00remote control. Se você apertar de novo

59:04barra remote control, ele desativa, ó.

59:07Tanto que não tá mais aparecendo remote

59:09control. Então, se eu ativar, ó, remote

59:11control, eu consigo acessar aquela

59:13conversa pelo celular. Como que funciona

59:16isso, Alô? Primeiro, para você acessar a

59:18conversa pelo celular, para continuar a

59:20conversa pelo celular, o seu computador

59:23que está rodando o Cloud Code tem que

59:25estar ligado e conectado aqui na

59:27internet, beleza? Mas aí a partir do

59:30momento que você fez isso, você pode

59:32abrir o aplicativo do Cloud no seu

59:35computador. O aplicativo do Cloud no seu

59:37computador e você vem aqui, ó, Daniel,

59:40consegue,

59:43ó. Você vai lá no seu computad no no

59:46aplicativo, beleza? E aí dentro do seu

59:48aplicativo consegue botar a tela. Não

59:50sei se vai conseguir mostrar aqui, mas

59:52enfim. Dentro do aplicativo do Close do

59:54celular tem uma parte chamada de código.

59:56Vê se consegue botar em tela cheia. Aí

59:58>> botei em tela cheia.

59:59>> Show. Dá para ver mais ou menos?

1:00:01>> Dá para ver mais ou menos sim.

1:00:02>> Então tem a parte aqui, ó, escrita

1:00:04código. Então você vai clicar aqui na

1:00:06parte escrevendo código.

1:00:07>> É qual a opção de cima para baixo,

1:00:09>> cara? Atualmente isso pode mudar, né?

1:00:11Mas aqui é a quarta opção. Beleza? E aí

1:00:14aqui, ó, vê se dá para ver. Tem todas as

1:00:16minhas conversas abertas do Cloud Code.

1:00:17>> Dá ver conversas.

1:00:19>> Show. E aí, se eu clicar, eu posso abrir

1:00:21uma conversa que eu tenho com ele. Ele

1:00:23vai carregar, obviamente, aqui. Ah, não,

1:00:25isso aqui é porque realmente é uma

1:00:26conversa vazia que eu tenho. Mas aí

1:00:28aqui, ó, eu tenho todas as conversas com

1:00:31ele e a partir disso eu consigo

1:00:33continuar a minha conversa por aqui e aí

1:00:35mandar remotamente alguma instrução,

1:00:38alguma coisa do tipo. Tranquilo? Beleza?

1:00:41Então essa é a opção do remote control,

1:00:43tá? Então vamos lá. Temos a nossa

1:00:45primeira versão com [roncando] a home

1:00:47aqui, só que a galera já me conhece.

1:00:50Então deixa eu até ficar de olho aqui no

1:00:51chat também. A galera já me conhece.

1:00:54Como ele me conhece? Como a galera me

1:00:55conhece? A galera sabe que eu não fico

1:00:57com eh contente com um sitezinho

1:01:01simples, que ele tá melhor do que antes,

1:01:03ele tá já otimizado para seu e tal, mas

1:01:05não tá aquele site que eu vou entregar

1:01:06pro cliente, vou falar: "Nossa, eu fiz

1:01:08uma parada foda". Não tá, não tá. Então

1:01:11o que que a gente vai fazer? Eu vou

1:01:13virar pro Claudinho e falar: "Cara,

1:01:15beleza, obrigado por essa primeira

1:01:18versão, mas

1:01:20eu quero que você refaça a estética toda

1:01:22do site. Eu quero fazer uma parada

1:01:24foda." E aí, vamos lá. Muito importante.

1:01:28Quando a gente tá falando de quando a

1:01:30gente tá falando de

1:01:33fazer um projeto muito maneiro, a gente

1:01:36precisa aí, vamos lá. a gente poderia

1:01:38logo de cara ter dado mais

1:01:41direcionamento para ele, ter dado

1:01:43exemplos de sites que a gente gosta, ter

1:01:45dado mais direcionamento. Então, a gente

1:01:48poderia ter feito isso, mas eu queria te

1:01:50mostrar também essa parte da iteração.

1:01:53Senão eu poderia resolver a aula inteira

1:01:55num prompt só, mas você acabaria não

1:01:57aprendendo com esses erros e acertos que

1:01:59acontecem na vida real. Tranquilo? Mas

1:02:02então, a gente fez a primeira versão, a

1:02:03gente vai virar para ele e falar: "Cara,

1:02:05beleza, mas vamos remodelar a cara

1:02:07inteira do site para ficar muito mais

1:02:08bonito". E o que que você pode fazer

1:02:11para isso? Quando você vai pedir para

1:02:12ele desenvolver alguma coisa, primeira

1:02:14coisa que você pode fazer é o que eu

1:02:15comentei ontem de pedir para ele

1:02:17pesquisar as boas práticas, cara, dos

1:02:20melhores sites, dos sites mais bonitos,

1:02:22dos sites mais eh mais dinâmicos, mais

1:02:25interativos, mais que os usuários mais

1:02:28gostam, que tem maior conversão, maior

1:02:31resultado, maior busca dentro do Google

1:02:34e assim sucessivamente. Então eu posso

1:02:36pedir para ele buscar seus referências,

1:02:38isso é um. Dois, eu mesmo posso passar

1:02:40mais direcionamento. Então, pô, eu quero

1:02:42site com essas atribuições, eu quero um

1:02:44site animado que eu vou rolar para

1:02:46baixo, ele vai ter os efeitos, tipo,

1:02:47tem, sei lá, o site da Apple e coisa do

1:02:49tipo. Eu posso passar mais de material

1:02:52para ele trabalhar. Então, uma coisa que

1:02:53a gente não tem aqui, por exemplo, que é

1:02:55clássica, é são fotos, por exemplo. E o

1:02:59melhor que a gente pode fazer,

1:03:00principalmente para isso, é, cara,

1:03:02passar alguma coisa de referência.

1:03:05Então, passar literalmente alguma coisa

1:03:06de referência. Então, para passar alguma

1:03:09coisa de referência, a ideia é a gente

1:03:11pegar algum site muito maneiro e passar

1:03:14isso para ele. Então, o que que a gente

1:03:16vai fazer? A gente vai pegar um site de

1:03:19referência para virar pro cloud e falar:

1:03:21"Cara, esse site aqui é muito Eu

1:03:24quero que você se inspire nele para

1:03:26remodelar o nosso site." Essa é a

1:03:29primeira coisa. A segunda coisa que é

1:03:31muito importante é pensa que você não é

1:03:35a primeira pessoa a desenvolver um site

1:03:37no Cloud Code. Se você não é a primeira

1:03:39pessoa a desenvolver um site no Cloud

1:03:40Code, alguém já desenvolveu

1:03:43e ficou legal. Então, se alguém já

1:03:45desenvolveu, ó, eu quero saber quem vai

1:03:47saber isso aqui nos comentários, hein?

1:03:48Coloca aí no chat o que que a gente tem

1:03:51dentro do universo do Cloud,

1:03:54que a gente consegue pegar uma coisa que

1:03:57ele executou bem e pedir para ele

1:04:00executar daquela mesma forma. Novamente

1:04:03vou vou reformular a pergunta. O que que

1:04:05a gente tem dentro do universo do Cloud

1:04:07que ensina ele como fazer determinada

1:04:10tarefa? por exemplo, como escrever um

1:04:12texto do meu jeito, como desenvolver um

1:04:15site da melhor forma possível, como

1:04:17montar uma apresentação e assim por

1:04:18diante. O que que a gente tem dentro do

1:04:20Cloud que permite a gente eh já ter um

1:04:23passo, já ter um passo a passo pronto do

1:04:25que que ele tem que fazer, como que ele

1:04:26tem que fazer. Coloca aí no chat quem

1:04:28lembra. Daniel, galera lembra?

1:04:29>> Galera vai acertar, hein? Já tá

1:04:31começando aqui, ó. Skill,

1:04:32>> skill. Beleza, galera. Tá botando skill

1:04:34aí.

1:04:34>> Tá bastante skill, skill, skill,

1:04:36habilidades,

1:04:37>> habilidades. Perfeito. Então, pensa

1:04:39comigo o seguinte.

1:04:42Eh, se a gente conseguisse de alguma

1:04:45forma já passar uma instrução pronta

1:04:47para ele de cara, como que quais são as

1:04:49boas práticas para você desenvolver um

1:04:51site? Passo um, passo dois, passo três,

1:04:53passo quatro, passo cinco. Só que na

1:04:55aula dois a gente criou essas skills por

1:04:59conta própria. Eu fui lá, montei uma

1:05:00apresentação comercial, falei: "Ficou

1:05:02muito legal, transforma essa esse

1:05:05formato de apresentação numa skill". ou

1:05:07eu virei para ele, falei: "Pô, aqui na

1:05:08empresa a gente toma decisão baseado

1:05:10nesses critérios, transforma isso numa

1:05:12skill" e assim por diante. A gente fez

1:05:14isso. Só que,

1:05:16cara, eu não tenho como sair criando

1:05:18skill para tudo. Mas a boa notícia é,

1:05:21cara, milhares de pessoas ao redor do

1:05:23mundo usam clud, então a skill é algo

1:05:27compartilhável. A skill não é só uma

1:05:30coisa que você mesmo consegue ir lá e e

1:05:33e pedir para ele criar, acho que é uma

1:05:35coisa que você consegue pegar de alguém.

1:05:36Então eu consigo ir na internet, pegar

1:05:40uma skill, baixar uma skill que alguém

1:05:43criou e subir para ele usar. Então, por

1:05:46exemplo, imagina que, cara, eu tenho eu

1:05:49eu achei o site de um editor de vídeo

1:05:51muito Um editor de vídeo muito

1:05:54E aquele editor de vídeo, ele

1:05:56edita vídeo com Cloud Code. E aí ele

1:05:59falou: "Ó, tá aqui a minha skill do

1:06:01Cloud para você poder baixar e usar".

1:06:03Pô, muito maneiro. Então, é exatamente

1:06:05essa lógica. você consegue pegar a skill

1:06:07que outra pessoa fez, subir no seu cloud

1:06:09e falar: "Ó, toma, tá aqui o processo

1:06:13que você que você tem que seguir."

1:06:15Então, exatamente isso que a gente vai

1:06:16fazer e eu vou te mostrar como. Então, a

1:06:18gente vai fazer, ó, três coisinhas,

1:06:20beleza? Três coisinhas. A primeira delas

1:06:23é: imagina que a gente quer deixar o

1:06:26site mais completo, a gente vai precisar

1:06:27de fotos. Então, passo um, vamos lá. Vou

1:06:32até escrever num bloco de notas aqui.

1:06:34Imagina que a gente pegou, pegamos fotos

1:06:36ou pedimos fotos pro cliente para botar

1:06:40no site. Dois, vamos buscar uma skill de

1:06:46design de site. Ou seja, cara, alguém na

1:06:50internet já deve ter alguma vez na vida

1:06:53feito um site muito brabo, criou uma

1:06:55skill que salvou aquela forma de montar

1:06:58um site muito brabo, disponibilizou. A

1:07:00gente vai buscar isso aqui. E terceiro,

1:07:03a gente vai passar, vamos passar uma

1:07:06referência, referência Uma

1:07:09referência Beleza? Show de bola.

1:07:12Então a gente vai passar referência

1:07:14para aí. Vamos fazer essas três coisas,

1:07:15cara. Com essas três coisas, a gente

1:07:17consegue eventualmente melhorar o site,

1:07:19botar fotos dos projetos que o cliente

1:07:21já fez, eh buscar uma skill que alguém

1:07:23já tenha feito, porque aí o Clou

1:07:25automaticamente, magicamente vai estar

1:07:28treinado para fazer uma parada E

1:07:29terceiro, melhor ainda, vou passar uma

1:07:31referência de um site que eu gosto, que

1:07:33eu gostei, por exemplo, que a gente

1:07:35gostou e passar para ele usar. Beleza?

1:07:37Então, vamos fazer isso. Show. Como que

1:07:40a gente vai fazer isso? Seguinte, vamos

1:07:43lá. A primeira coisa que a gente vai

1:07:46fazer é a gente vai eh

1:07:50a gente vai a gente vai usar lá o a

1:07:54gente vai pegar as fotos. Então nos

1:07:56arquivos da aula, nos arquivos da aula,

1:07:58você vai ter aqui, ó, essa pasta chamada

1:08:01fotos cliente, fotos tergon cliente. E

1:08:05aqui já vai ter uma cacetada de fotos.

1:08:06Então, exatamente isso aqui que você vai

1:08:09usar. Beleza? Exatamente isso que você

1:08:10vai usar. Show. Então, a gente vai fazer

1:08:13exatamente isso. A gente vai eh

1:08:17busc pegar essas fotos. Então aqui, ó,

1:08:19fotos tergon cliente. Foto cliente. E só

1:08:23para você ver algumas das fotos que eles

1:08:26mandaram. Por exemplo, ó, foto de um

1:08:28galpão com piso espelhado que a empresa

1:08:30instalou. Foto eh de outro ângulo ali do

1:08:35galpão, por exemplo. Uma outra foto de

1:08:38outro galpão com piso que a empresa

1:08:40instalou.

1:08:41aplicação de resina que a que a empresa

1:08:44tava fazendo num determinado projeto,

1:08:47equipe da empresa aplicando a aplicando

1:08:50ali dentro do aplicando piso, pintando o

1:08:53piso, eh porta palet dentro da da

1:08:56empresa, ah, mais um mais um eh mais um

1:09:01piso numa indústria ali que a que a

1:09:03empresa fez aqui. piso de cozinha

1:09:05industrial que a empresa já aplicou,

1:09:07piso de estacionamento que a empresa já

1:09:09aplicou também, enfim, mais referências

1:09:11de piso, mais referências de garagem que

1:09:13eles instalaram piso, exemplos de pisos

1:09:16que estavam danificados e que eles

1:09:18ajustaram, exemplos de mais pisos que

1:09:21eles colocaram e assim por diante. Então

1:09:23a gente tem essa pasta aqui já com pisos

1:09:26que a empresa instalou. Beleza? Esse é o

1:09:30primeiro ponto. Tranquilo? Agora o

1:09:33segundo ponto é o seguinte, eu vou só

1:09:36primeiro vou só renomear, vou só

1:09:37renomear essa pasta de fotos do cliente,

1:09:41vou só renomear para fotos, só para

1:09:43ficar mais fácil ali de eh mostrar pro

1:09:45clode, fazer referência pro cloud

1:09:47depois. Tanto faz o nome, tá? Eu só quis

1:09:48deixar o nome fotos mesmo. Agora eu

1:09:52quero te mostrar, eu quero te mostrar

1:09:54onde que a gente pode buscar essas tais

1:09:56dessas skills que outras pessoas

1:09:58criaram. O primeiro lugar onde você pode

1:10:00buscar skills que outras pessoas criaram

1:10:03é dentro do próprio site do cloud. Então

1:10:05você vai digitar lá clod.com/plugins.

1:10:08Que que é plugin? Alô? Plugin é tipo um

1:10:10pacote de skills, por exemplo, com

1:10:13várias habilidades que eu posso passar

1:10:16pro clude. E se eu rolar aqui para

1:10:17baixo, cara, tem muita coisa. Olha só,

1:10:19tem eh skill de design de front end, que

1:10:23é exatamente isso que a gente precisa,

1:10:25por exemplo, que é eh que é de design da

1:10:29interface do site, por exemplo. Tem

1:10:32skill de revisão de código, skill de

1:10:36simplificador de código, skill de

1:10:39desenvolvimento de funcionalidades,

1:10:42skills de cara de tudo, um monte de

1:10:45coisa, skills de coisa do de automação

1:10:48para Telegram, skills do Slack pro Clou

1:10:51trabalhar dentro do Slack, skills de

1:10:54cara, tudo que você possa imaginar, um

1:10:56monte de coisa tem aqui dentro do Clode.

1:10:58Então, um monte de plugin você pode

1:11:00baixar e subir no cloud para ele poder

1:11:02usar. Esse é o primeiro lugar. O segundo

1:11:05lugar onde a gente pode buscar skills é

1:11:09dentro do site do GitHub. Então, dentro

1:11:12do site do GitHub tem skills que a gente

1:11:15pode baixar. E eu já fiz um trabalho de

1:11:17fuçag, de dar uma pesquisada e eu achei

1:11:19essa skill aqui, essa skill aqui que

1:11:22esta pessoa publicou, que é uma skill

1:11:25chamada de taste skill, ou seja, uma

1:11:28skill de gosto de design, digamos assim.

1:11:31Beleza? Esse link vai est na apostila

1:11:33para você poder pegar, tranquilo? Então,

1:11:35se você olhar a apostila da aula de

1:11:37hoje, a apostila da aula de hoje vai tá

1:11:41aqui, eh, deixa eu até pesquisar aqui,

1:11:43ó. Kit Hub tá aqui, ó. Então, na página

1:11:4729, na página 29 você vai ter esse,

1:11:52você vai ter exatamente esse link.

1:11:54Tranquilo? Show de bola. Então, na

1:11:56página 29 da apostila tem exatamente

1:11:58esse link para você poder pegar. Show. E

1:12:01aí, qual que é a grande ideia?

1:12:05Então, dentro desse site você vai ter

1:12:08uma skill, ou seja, um documento pronto

1:12:10para poder baixar e passar pro seu cloud

1:12:12e falar: "Ó, toma aqui a instrução de

1:12:14como que você tem que fazer o site da

1:12:16melhor forma possível". Então, se você

1:12:18entrar nesse site e se você entrar nesse

1:12:21site e pesquisar ali, eh, e você for na

1:12:25parte de skills, tem uma pastinha dentro

1:12:27desse site chamada de skills, você vai

1:12:30ver todas as skills que essa pessoa

1:12:32criou. Então, tem um monte de skill

1:12:34aleatória ali. Então, skill de

1:12:36transformar imagem, código, skill de

1:12:39transform, enfim, um monte de coisa.

1:12:42Dentre elas tem essa skill aqui, ó,

1:12:44taste skill, que é justamente de eh de

1:12:48design de sites, por exemplo. Tranquilo?

1:12:50Design visual.

1:12:53De novo, lembrando que que é uma skill?

1:12:54É um documento de texto. Então, eu

1:12:55cliquei ali na skill, beleza? Ó, então

1:12:58cliquei aqui na skill. clicando na

1:13:01skill, ele vai abrir essa página que eu

1:13:03posso baixar essa skill. Então, eu posso

1:13:05fazer o download e literalmente acessar

1:13:07essa skill que outra pessoa fez. Ela

1:13:10treinou o cloud dela para fazer a parada

1:13:11compartilhou com a gente e a gente

1:13:13pode usar. Beleza? Então, posso clicar

1:13:16aqui,

1:13:17ele vai abrir a skill que eu posso

1:13:19olhar. Eu posso fazer o download, mas só

1:13:20para você ver que tem um monte de coisa

1:13:21escrita aqui, ó. Então ele fala, ó,

1:13:24quais são eh quais são as os

1:13:26direcionamentos, quais são os casos de

1:13:28uso. Ele faz um briefing, ele dá

1:13:30exemplos de sites bonitos, enfim, ele

1:13:32faz um monte, ele mostra todo o

1:13:34detalhamento. Isso aqui é uma skill

1:13:36gigantesca que eu posso chegar aqui, ó,

1:13:38nesse botão de download e baixar ela.

1:13:41Posso baixar ela no que eu baixar ela,

1:13:44esse arquivo aqui, tá vendo, ó?

1:13:46Skill.md.

1:13:47Skill.md. Lembrando que KMD é um arquivo

1:13:49Markd, que é um bloco de notas sem

1:13:51formatação nenhuma. E esse é esse

1:13:54arquivo aqui, ó. Tá vendo? Skill, cara.

1:13:57Olha só. É um documento. É um documento

1:14:00completo com tudo, cara. Olha só a barra

1:14:03de rolagem. Olha só a barra de rolagem

1:14:05pequenininha. Ou seja, é um documento

1:14:07gigantesco com tudo que o Cloud precisa

1:14:10saber para fazer um site maneiro, para

1:14:11fazer um visual bem maneiro. Então, tem

1:14:14uma skill completaça aqui. Show de bola.

1:14:17Eu preciso ler não, mas depois eu

1:14:19preciso pelo menos testar para saber se

1:14:20vai ficar legal, se não vai ficar legal.

1:14:22Posso mandar pro próprio Cloud analisar

1:14:24para mim falar: "Cara, dá uma olhada

1:14:25nesse documento, vê se tá fazendo

1:14:26sentido, se não tá, uma coisa legal de

1:14:28você fazer também". Beleza? Mas aí,

1:14:30feito o download dessa skill, vamos lá.

1:14:33Agora, muito importante, não é só você

1:14:36fazer o download da skill. Ah, fiz

1:14:38download, show de bola. Não, você tem

1:14:40que saber como que o Cloud vai usar

1:14:43isso, porque lembra, qual que é o

1:14:45objetivo da skill? A skill eu quero que

1:14:47é uma, eu quero que seja uma habilidade

1:14:49que vai ficar instalada no cérebro do

1:14:51Cloud. Então não adianta nada você fazer

1:14:54o download do arquivo.

1:14:57Se você só fizer o download do arquivo,

1:14:59você não tá instalando no cérebro do

1:15:00Cloud. E também não adianta muito você

1:15:05mandar essa esse documento para ele.

1:15:07Você poderia poderia poderia virar pro

1:15:09Cloud Code e falar: "Ó, Cloud Code, tem

1:15:11esse arquivo aqui na minha pasta de

1:15:13downloads. Dá uma olhada nele aí e faz

1:15:15um site melhorzinho." Funcionaria?

1:15:17Funcionaria nesse caso. Mas daqui a duas

1:15:20semanas, quando você precisar usar esse

1:15:21skill de novo e você não sabe cadê o

1:15:24documento, que que você vai fazer? O

1:15:26cloud não vai lembrar dele. Então o que

1:15:27que eu tenho que fazer? Eu tenho que

1:15:28colocar esse documento na memória do

1:15:32Cloud. Como que eu coloco esse documento

1:15:34na no cérebro do Cloud? Você tem que

1:15:37colocar esse documento na pasta

1:15:41principal do cloud no seu computador que

1:15:43você nem sabe que existe, mas ela

1:15:45existe. Eu vou te mostrar agora. Então,

1:15:47de novo, quando você baixar a skill, que

1:15:48que você tem que fazer? Colocar essa

1:15:50skill dentro do cérebro do cloud. O

1:15:52Daniel tá até prestando atenção aqui no

1:15:54monitor, ó. Então você vai pegar esse

1:15:57documento da skill, que de novo eu abri,

1:15:59enfim, mostrei todos os detalhes, mas ó,

1:16:02você vai vir na pasta raiz do cloud no

1:16:06seu computador que fica aqui, ó, dentro

1:16:08de dentro do seu Windows, usuários,

1:16:11beleza? Ó, Windows de novo, Windows

1:16:14usuários. Você vai lá em usuários, vai

1:16:17clicar no seu usuário, no meu caso é

1:16:18Alon Pinheiro, e dentro do seu usuário

1:16:22vai existir uma pasta chamada adivinha?

1:16:25Poncloud.

1:16:26Essa pasta é onde fica o cérebro do

1:16:30cloud no seu computador. Obviamente você

1:16:32não vai ser um animal de mexer e, sei

1:16:36lá, pagar essa pasta ou fazer o que

1:16:37quiser que seja com essa pasta. Você não

1:16:40deixa essa pasta quieta, não. Não deleta

1:16:42essa pasta, não. Não mexe nessa pasta

1:16:44não ser adicionar coisas. Beleza? Então,

1:16:45a gente vai clicar no no na pasta do

1:16:48Cloud.

1:16:50E aqui na pasta do Close ele tem o

1:16:51cérebro inteiro dele. Então as sessões,

1:16:53os projetos, os plugins e cara, backups,

1:16:57um monte de coisa que você nem sabia,

1:16:59mas que ele foi lá e colocou sozinho. O

1:17:01que que a gente precisa fazer agora? A

1:17:03gente precisa criar uma pasta chamada

1:17:06skills. Então vou criar uma pasta

1:17:08chamada skills. Beleza? Então, vou vir

1:17:11aqui com o botão direito, vou pedir para

1:17:15criar uma nova pasta e essa nova pasta

1:17:18vai ser chamada de

1:17:20skills, beleza? Skills, exatamente com

1:17:23esse nome, sem tirar nem p, exatamente

1:17:25com esse nome. E aqui dentro dessa

1:17:28pasta, eu vou colocar uma pasta para

1:17:32cada skill. Então, por exemplo, eu vou

1:17:34criar uma nova pasta chamada aí o nome

1:17:36da da pasta tanto faz, tá? Mas vamos lá.

1:17:40O nome da pasta da skill, tanto faz. O

1:17:42nome da pasta principal tem que ser, de

1:17:46novo, skills. Nome da pasta principal

1:17:48tem que ser skills. Dentro da pasta

1:17:50skills, você vai criar

1:17:54uma pasta para cada skill. Beleza? O

1:17:58nome dessa pasta aí não tem muito

1:18:00problema, aí você vai botar o nome que

1:18:01você quiser. Botei, por exemplo, texte

1:18:03skill, porque era o nome que tava lá no

1:18:05na internet.

1:18:06E aí dentro dessa pasta você vai guardar

1:18:08o documento. Então dentro dessa pasta eu

1:18:10vou colar o documento.

1:18:14Eu vou repetir. Eu vou voltar aqui mais

1:18:15uma vez. Vou refazer o processo.

1:18:17>> Eu vou voltar e fazer o processo do

1:18:19zero. Vamos lá. Alon. Fiz o download da

1:18:23skill. Então voltei aqui, ó. Deixa eu

1:18:25voltar lá no no site. Fui lá no site,

1:18:29fiz o download da skill. Fiz o download

1:18:32da skill. Feito o download da skill, ele

1:18:35vai tá lá na minha pasta de downloads.

1:18:38Eu vou copiar essa skill, esse

1:18:40documento. Vou copiar essa skill. Vou lá

1:18:43na pasta principal do meu cloud, beleza?

1:18:47Pasta principal do meu cloud,

1:18:50lá no Windows, usuários. Windows,

1:18:53usuários. Tudo isso aqui vai estar na

1:18:54apostila, tá? Fica tranquilo. Depois

1:18:57você vai no seu usuário Alão Pinheiro,

1:18:59vai na pasta Cloud,

1:19:01cria uma pasta nova chamada de skills.

1:19:04Cria uma pasta nova chamada de skills.

1:19:07Então, pasta nova chamada de skills.

1:19:11Dentro dela, cria uma pasta para cada

1:19:13skill. O nome dessa pasta aqui agora não

1:19:16tem muito problema. Então, vou botar,

1:19:17por exemplo, te e traço skill. E agora

1:19:20você vai colar aqui dentro. Beleza?

1:19:23E um detalhe, super hiper mega blaster

1:19:27flaster cluster importante. Esse nome

1:19:31aqui você não vai editar, pelo amor de

1:19:33Deus.

1:19:35Eu já fiz isso. Eu já coloquei lá skill

1:19:38design boladona. Eu não coloquei

1:19:40boladona, mas coloquei lá skill design.

1:19:42Aí eu virei pro cloud e falei: "Ó,

1:19:44coloquei uma skill lá". Ele falou: "Não

1:19:45colocou não". Falei: "Coloquei,

1:19:47como não tá, tá lá". Aí ele falou: "Não,

1:19:50não tem nada que chama mar skill".

1:19:52Então, de novo, esse documento não é

1:19:55para mudar o nome, porque é intuitivo,

1:19:57né? Você, pô, vou ficar com 50

1:19:59documentos chamados skills, chamado

1:20:01skill, então você vai ter uma pasta para

1:20:03cada skill. O nome da pasta você pode

1:20:05personalizar, o nome do arquivo você não

1:20:07mexe. Se você mexer, repito, não vai

1:20:11funcionar. Beleza? Show de bola.

1:20:13[roncando] Então, galera, fez sentido.

1:20:15Só coloquei a a skill aqui dentro. O que

1:20:19que ele faz com isso? Agora, essa skill

1:20:21está instalada no cérebro do Cloud Code.

1:20:24Se essa skill está instalada no cérebro

1:20:26do Cloud Code, ele já sabe que ele

1:20:28consegue usar ela. Mas para ele

1:20:31reconhecer essa skill, o que que eu

1:20:34preciso fazer? Eu preciso fechar o VS

1:20:37Code e abrir de novo. Por quê? Porque a

1:20:40primeira vez que eu colocar uma skill,

1:20:43eu tenho que criar aquela pasta. Então

1:20:45você só cria a pasta de skills uma vez.

1:20:47Agora eu posso colocar mais skills nela.

1:20:48Mas a primeira vez que você cria a pasta

1:20:50de skills no seu cloud, no seu

1:20:52computador, você tem que fechar o VS

1:20:54Code e abrir ele novamente. Tanto que,

1:20:56ó, se eu testar aqui e tentar procurar

1:20:58por essa skill, como é que você procura

1:21:00pela skill? Você coloca barra, o nome da

1:21:02skill. Se eu colocar aqui, ó, barra

1:21:04taste ali o nome, ele fala: "Tá vendo,

1:21:07ó? Não encontrei essa skill. Por quê?

1:21:09Porque eu tenho que fechar o VS Code e

1:21:11abrir para ele reconhecer que essa pasta

1:21:13foi criada". Então, ó, a gente vai

1:21:17apagar isso, apagar o texto, fechar o VS

1:21:20Code e abrir o VS Code novamente.

1:21:23Beleza? Hum. Então, fechei o VS Code,

1:21:27vou abrir o VS Code aqui de volta. No

1:21:30que eu abri o VS Code de volta, ele já

1:21:32vai abrir naquela conversa que eu tinha

1:21:33fechado. E agora se eu digitar, ó, barra

1:21:37taste, que é o nome ali da pasta, nome

1:21:39da skill barra taste, ele já reconheceu

1:21:43a ele já reconheceu exatamente ali

1:21:46aquela skill, tá vendo, ó? Design Taste

1:21:48Front change, que é a parte de interface

1:21:50do usuário. Então ele está reconhecendo

1:21:53naturalmente a skill, ou seja, está

1:21:55instalada no cérebro do nosso cloudinho

1:21:58dos códigos. Agora ele sempre vai poder

1:22:01ter ela para consultar, mesmo sem que eu

1:22:03tenha que pedir. Tranquilo? Show de

1:22:05bola. Então, mas eu nem preciso clicar

1:22:07nessa aqui, não. É só para você ver que

1:22:09ele tá aparecendo aqui, mas eu nem

1:22:10preciso eh especificar ela, ele já tem

1:22:12acesso. E a terceira coisa, então,

1:22:15lembra que eram três coisas que a gente

1:22:16ia fazer? Pedir fotos pro cliente, que a

1:22:18gente já pediu. Segundo, buscar uma

1:22:20skill de design de site. Já buscamos, já

1:22:23colocamos no cérebro do Cloud. Terceiro,

1:22:25passar uma referência de site muito

1:22:27maneira, pelo menos que eu acho muito

1:22:29maneira. Aí você pode pegar outra se

1:22:31você quiser para passar para ele. E

1:22:33cara, dando uma fuçada, eu mesmo pedi

1:22:35sugestões na hora que eu tava, bom, na

1:22:37hora que eu tava pensando, pedi

1:22:38sugestões pro clude. Falei: "Cara, me dá

1:22:4015 sugestões de sites que eu posso achar

1:22:42maneiro". Aí tiveram uns que ele me

1:22:45mandou. Eu falei: "Cara, que é

1:22:46essa?" Parece um carro alegórico, o

1:22:48bagulho todo colorido, esquisito, nada a

1:22:49ver.

1:22:50E

1:22:52cara, o site que eu mais gostei das

1:22:54referências que ele me passou de

1:22:55sugestão, mas enfim, você pode passar um

1:22:56site que você gostou, você pode pedir

1:22:58para ele sugestões. Eu gostaria desse

1:22:59site aqui, ó, neolit,

1:23:02que eu acho que é da Inglaterra. Cara,

1:23:05olha só que legal, um site animado. E

1:23:07olha só, eu vou passando mal, eu vou

1:23:09rolando para baixo e ele tem todas essas

1:23:12esse essa cara meio clean, ó, essas

1:23:14animações, por exemplo, ó, o Daniel já

1:23:17tá olhando, fala: "Porra, que maneiro".

1:23:18Então, cara, olha só, já tá um negócio

1:23:20mais maneiro, um negócio mais

1:23:21minimalista, mais clean, um design meio

1:23:24pra meio moderno. Ó, com as fotos, agora

1:23:27que a gente tem fotos do cliente, a

1:23:28gente consegue botar com as fotos, os

1:23:30nomes. Eu passo o mouse, ele já faz um

1:23:32efeitozinho, ó. A as coisas vão

1:23:35aparecendo à medida que eu vou rolando

1:23:37para baixo. Então, cara, eu

1:23:40particularmente gostei muito dessa

1:23:41referência do site. Então, agora o que

1:23:43que a gente vai fazer? A gente vai virar

1:23:45para ele e falar as três coisas. virar

1:23:48para ele e falar: "Cara, olha só, agora

1:23:50eu tenho foto do cliente, use". Na

1:23:53verdade, primeira coisa mais importante,

1:23:54né? Virar para ele e falar: "Cara, eu

1:23:56quero refazer o site, a cara do site

1:23:58inteira do zero." Como primeiro, eu já

1:24:01tenho fotos do cliente do eu já tenho

1:24:04fotos para botar no site, tá lá na minha

1:24:05pasta de fotos no na área de trabalho.

1:24:08Segundo, vou falar para ele, cara, eu

1:24:10instalei uma skill de design de site.

1:24:12Usa essa skill. Eu nem preciso

1:24:14especificar qual é. Ele vai buscar na

1:24:15pasta de skills e vai achar. E vou

1:24:18passar para ele a referência de site.

1:24:19Fala: "Cara, achei esse site aqui muito

1:24:21maneiro. Vai lá, pega esse site e

1:24:23desenvolve a partir dele." Show de bola.

1:24:26Então, é exatamente isso que a gente vai

1:24:27fazer. Então, vamos pegar aqui no nosso

1:24:28guia, já vai ter o próximo prompt, que é

1:24:32virar para ele e falar: "Cara, o cliente

1:24:34me mandou as fotos da obra dele, estão

1:24:36na pasta de fotos e eu acabei de

1:24:38instalar uma skill de design aqui no

1:24:40Cloud. Quero que você use ela. Repara

1:24:41que eu nem tô especificando qual é a

1:24:42skill, ele vai encontrar sozinho. Agora

1:24:45refaz o site do zero numa pasta nova, no

1:24:47nível bem acima do que tá hoje. Dá uma

1:24:50olhada no site de referência que eu

1:24:51passei para ele aqui, ó, neolit para

1:24:54você ver o que que eu tenho em mente.

1:24:55Cara, ele é bonito de verdade, tem

1:24:56movimento, as coisas vão acontecendo

1:24:58conforme você rola a página. Tipo o site

1:25:01da Apple. Acho que muita gente deve

1:25:02conhecer o site da Apple, que você vai

1:25:04rolando, as coisas vão aparecendo meio

1:25:05animadas e tal, não sei o quê. Falei

1:25:08para ele, cara, não é para copiar, é

1:25:09para você entender o nível que eu tô

1:25:11querendo usar de referência.

1:25:13E aí, não sei se você lembra, uma das

1:25:16coisas que a gente viu ele comentando

1:25:17recentemente, a gente viu o Cloud Code

1:25:20comentando, que é ele tinha falado, olha

1:25:23só, eu usei HTML, CSS puro e tal, ele

1:25:27tinha falado não usei nada de

1:25:28JavaScript.

1:25:30Isso talvez tenha sido uma falha minha

1:25:32na hora de pedir para ele. Eu falei:

1:25:33"Cara, não quero ter que instalar nada e

1:25:35tudo mais. Eu quero uma parada simples".

1:25:37Só que aí ele entendeu uma parada

1:25:39simples como beleza, vou usar o mínimo

1:25:43de recursos possível. Só que poxa, se

1:25:46você desenvolve site, você poderia

1:25:49saber, você vai saber que, cara,

1:25:50JavaScript é a linguagem que dá vida pro

1:25:52site. Se não vira um site estático sem

1:25:54graça, que é o que a gente viu ele

1:25:55fazer, que não ficou super sem graça,

1:25:57mas não ficou bonito, não ficou animado

1:25:59nem nada. Então, o JavaScript é o que

1:26:00vai conseguir levar ele pro próximo

1:26:02nível. Então eu vou voltar atrás, falar

1:26:04para ele, cara, esquece o que eu falei

1:26:06de não ter que instalar nada. Eu quero

1:26:08que você use o que você quiser para

1:26:10ficar

1:26:13E um detalhe importante que é o

1:26:14seguinte,

1:26:16que que a gente falou? Galera perguntou,

1:26:18"Al, a gente vai conseguir compartilhar

1:26:19site com outras pessoas?"

1:26:21Desculpa, compartilhar o projeto.

1:26:24Não é compartilhar o projeto. Eu tô

1:26:26fazendo um site pro cliente. Eu tenho

1:26:27que botar esse site no ar. Ele tem que

1:26:28conseguir digitar o link e funcionar. É

1:26:31exatamente isso que a gente quer fazer.

1:26:33E quando você for fazer num projeto,

1:26:36você tem várias formas de fazer. Mas

1:26:38aqui pra aula, eu queria te mostrar uma

1:26:40forma fácil e gratuita de você conseguir

1:26:43publicar um site na internet. Uma forma

1:26:46fácil, ridiculamente fácil, rápida e

1:26:48gratuita, é você usar uma fer uma um

1:26:50site, uma plataforma chamada Netlify,

1:26:53beleza? Netlify é um site, uma

1:26:55plataforma que te permite subir um site

1:26:57no ar em poucos segundos de graça de uma

1:26:59forma muito simples. Beleza? Então eu tô

1:27:02especificando para ele. Falei: "Cara, a

1:27:04única coisa que eu quero no fim é

1:27:06conseguir pegar o projeto pronto e jogar

1:27:09no Netfliy pro site e pro A. E para

1:27:13subir no Netfliy, eu preciso subir uma

1:27:15pasta lá. Então já tô falando para ele.

1:27:17Ah, Alon, como é que você sabe? Eu tô te

1:27:18passando. Como é que eu vou saber? Você

1:27:20tá passando, você tá aprendendo agora.

1:27:22Então tô te falando, você precisa ter

1:27:23uma pasta com todos os arquivos que o

1:27:26site precisa para funcionar. E aí falei

1:27:28para ele, eu quero a pasta pronta para

1:27:31jogar pro Netfliy e o site ir pro ar,

1:27:34tá? OK. E aí, voltando para uma dica

1:27:38super importante que eu dei na aula de

1:27:39ontem, que é, cara, eu quero que ele

1:27:41faça uma parada Se eu só falar o

1:27:45que eu falei aqui para ele daqui para

1:27:46trás, ele possivelmente vai fazer uma

1:27:48parada legal. Sim, eu mandei fotos, eu

1:27:50mandei a skill, eu mandei referência,

1:27:52tá? Só que ele vai me entregar a

1:27:54primeira versão que ele fizer e tchau.

1:27:56Porque esse é o objetivo dele, chegar do

1:27:57ponto A até o ponto B. Só que eu tenho

1:27:59que falar para ele, cara, eu não quero

1:28:01que você chegue do ponto A até o ponto

1:28:03B. Eu quero que quando você chegue no

1:28:05ponto B, ou seja, quando você terminar o

1:28:07que você tá fazendo, você vai olhar o

1:28:09resultado, você vai olhar esse ponto B,

1:28:12você vai criticar sozinho, vai voltar e

1:28:14melhorar.

1:28:16E aí você vai voltar e melhorar de novo.

1:28:18Você vai voltar e melhorar de novo.

1:28:20Então eu quero que você

1:28:22vai ter sozinho e você só volta para mim

1:28:25quando tiver perfeito, quando você achar

1:28:28que tá excelente. Então falei para ele,

1:28:30olha só um detalhe importante. Falei

1:28:32para ele, leve o tempo que você

1:28:34precisar. Por quê? Porque senão ele vai

1:28:37tentar fazer da forma otimizada. Claro

1:28:38que forma otimizada não é fazer em 2

1:28:40minutos, pode ser que demore 30, 40, mas

1:28:43se eu não falar para ele levar o tempo

1:28:45que ele precisar, ele provavelmente vai

1:28:47sair fazendo e vai me entregar a

1:28:49primeira versão que ele esbarrar ali

1:28:51para fazer, que não necessariamente vai

1:28:53ficar top.

1:28:54Aí eu falei para ele, quando você achar

1:28:56que terminou, e aí de novo, cara, todas

1:28:59essas dicas são importantes para você

1:29:00entender o funcionamento cérebro

1:29:02racional do Cloud Code. O Cloud Code é

1:29:04uma ferramenta que programa pra gente.

1:29:07Então, o que que é o site que a gente

1:29:08viu? O site que a gente viu nada mais é,

1:29:12cadê o o outro site pronto que eu nem

1:29:14achei aqui? O a ferramenta que a gente

1:29:17viu o site é um código. Então não

1:29:19necessariamente o Cloud ele viu o site.

1:29:21O Cloud ele eventualmente ele viu só o

1:29:24código que ele montou. Então eu tenho

1:29:26que virar para ele e falar para ele:

1:29:27"Cara, quando você achar que terminou,

1:29:29abre o site no navegador. Eu quero que

1:29:31você olhe, tire um print da página do

1:29:34topo até o rodapé, como se você fosse o

1:29:37cliente vendo pela primeira vez. Se

1:29:39tiver qualquer parte fraca, arruma e

1:29:41olha de novo. Só me traz quando você

1:29:43mesmo achar que tá excelente. Que que

1:29:45ele vai fazer? Ele vai terminar a

1:29:47primeira versão e aí ele vai voltar para

1:29:50mim. Aí ele vai falar: "Não, pera o

1:29:51aluno pediu para quando terminar voltar

1:29:54e olhar". Aí ele vai olhar e fala: "Hum,

1:29:56isso aqui não tá legal. Calma aí, deixa

1:29:57eu voltar e melhorar. Hum, isso aqui não

1:29:59tá legal. Deixa eu voltar e melhorar.

1:30:00Putz, isso aqui dá para melhorar.

1:30:01Beleza, vou melhorar. Show! Agora tá

1:30:02perfeito. Então agora eu posso devolver

1:30:04para Alon. Então, percebe a diferença

1:30:05disso. E de novo, a galera vai falar

1:30:07assim: "Alon, mas isso aqui não vai, sei

1:30:10lá, consumir mais ou alguma coisa do

1:30:12tipo?" Cara,

1:30:14pensa que você tá em uma interação tendo

1:30:17um resultado muito melhor do que você

1:30:19ter que ficar depois pedindo para ele 4,

1:30:205, 6, 10 ajustes aqui. Tranquilo? Então,

1:30:23vamos mandar exatamente isso pro

1:30:25Claudinho dos códigos.

1:30:28Então, eh, vou falar para ele, ó, o

1:30:30cliente, o cliente me mandou as fotos da

1:30:32obra dele, tão na pasta de fotos. E o

1:30:36Cloud já sabe que pasta é essa de fotos,

1:30:38porque ele já tem acesso a essa minha

1:30:41pasta daqui. Mas para ser mais claro, o

1:30:43que que eu gosto de fazer? sempre que eu

1:30:45tô falando de alguma coisa, eu quero

1:30:46deixar muito explícito. Então, se eu tô

1:30:49eh referenciando algum arquivo, eu quero

1:30:51copiar exatamente o qual é a localização

1:30:54daquele arquivo no meu computador e

1:30:55falar para ele. Então aqui que eu tô

1:30:57falando para ele, a as fotos estão na

1:31:00pasta fotos, eu vou especificar

1:31:01exatamente onde tá essa pasta. Então eu

1:31:04vou lá na minha área de trabalho. Então

1:31:07vou lá na minha área de trabalho e eu

1:31:09vou pegar exatamente o caminho dessa

1:31:10pasta de fotos. Então, o caminho dessa

1:31:13pasta de fotos é essa aqui. Então, eu

1:31:15vou clicar com o botão direito, copiar o

1:31:18caminho dessa pasta. Copiar o caminho

1:31:20dessa pasta e eu vou colar lá dentro da

1:31:23minha conversa. Pronto. Agora não tem

1:31:24como ele ter desculpa e achar a foto

1:31:26errada e fazer sei lá o quê. Então Alon,

1:31:29sempre prefiro pecar pelo excesso,

1:31:31porque um erro aqui pode custar ele,

1:31:34imagina ele pe lá, pega a pasta de fotos

1:31:36erradas tinha uma pasta com o mesmo nome

1:31:39ali, aí depois de uma hora ele me

1:31:40devolve o site com as fotos erradas, vou

1:31:42ter que pedir para ele ajustar e tal.

1:31:43Então prefiro sempre ter sempre pegar

1:31:45pelo excesso, tá? E aí agora é o

1:31:47processo que ele poderia demorar 30, 40,

1:31:4950, 60 minutos, que aqui já tá mais

1:31:52cortado. Mas aqui, olha só que legal,

1:31:55ele já mostrou que ele tá usando a

1:31:58skill, aquela skill taste skill. Então

1:32:00ele já falou que tá acessando aquela

1:32:02parada. Então ó, ele falou já tem 14 n

1:32:05já 14 fotos. Vou olhar todas antes de

1:32:08decidir e já vou já vou seguir a direção

1:32:10visual. Eh, aí, olha só, ele já tá

1:32:13mandando aqui feedback, ó. fotos

1:32:15excelentes, é isso que você quer ouvir

1:32:17quando ele fala: "Nossa, tenho um

1:32:18material riquíssimo, tenho tudo que eu

1:32:20preciso". Excelente quando ele manda

1:32:22isso, ó, equipe aplicando, empilhadeira,

1:32:24texturas. E aí aqui já dá para ver que

1:32:27ele tá acessando o site da Neolite. Tá

1:32:28vendo, ó? Ele tá entrando no site da

1:32:30Neolite para ver também, para ter a

1:32:32referência. tá criando, tá montando, ó,

1:32:36já tá raciocinando, montando todo o

1:32:38código ali pra gente. E vamos ver, hum,

1:32:41como que vai ficar o resultado. Ó, ele

1:32:44mandou aqui, tá pronto, site novo, já tá

1:32:46na pasta Tergon Web e ele já mandou

1:32:48aqui. Vamos só deixar ele terminar de

1:32:50responder, obviamente, que aí vai ficar

1:32:51melhor do que tentar ler enquanto ele

1:32:54termina de gerar a resposta dele. Show

1:32:56de bola. E aí ele tá terminando, ó,

1:32:59números finais que ele falou e assim

1:33:00vai. Então vamos voltar para ver

1:33:02exatamente o que que ele falou. Ele

1:33:03falou: "Ó, tá pronto site novo tá na

1:33:06pasta Tergon Web e a pasta pro Netfli,

1:33:09Netflix Chai. Nossa, a pasta

1:33:12pro Netfliy é essa aqui. Então ele criou

1:33:15uma pasta para eu subir esse site no ar.

1:33:18E aí ele falou: "Ó, para publicar é só

1:33:20arrastar essa pasta que eu criei." Aí

1:33:22ele falou: "Qual é a direção que eu

1:33:23segui?" Cara, eu li o briefing completo,

1:33:26eu já eu já pensei em tudo na nos três

1:33:30pilares ali do site. Já criei um

1:33:32movimento que nem você queria lá no site

1:33:34da Neelolite. Então, como que tava no

1:33:36topo? Como que tava antes, o depois? Que

1:33:38que eu fiz ali em cada sessão? Que que

1:33:40eu achei e consertei na hora de revisar?

1:33:42Lembra, ó, que que a gente pediu para

1:33:44ele? Não me entrega a primeira versão.

1:33:46Volta, melhora quantas vezes você

1:33:48precisar. Ele falou o quê? Ó, rodei três

1:33:51passadas completas olhando tela por tela

1:33:53por cliente, como como se eu fosse

1:33:55cliente. Então, você já economizou pelo

1:33:57menos duas, três voltas aí de você ter

1:34:00que olhar e melhorar. Então, ele já fez

1:34:02sozinho para você. Aí ele falou:

1:34:03"Encontrei sete problemas reais de

1:34:05coisas que eu mesmo fui lá e ajustei."

1:34:08Então, coisas que ele já identificou,

1:34:10ajustou sozinho. E números finais, ele

1:34:12falou: "Zero erros, zero eh zero

1:34:15problema de de

1:34:19espaçamento, coisa do tipo." Show de

1:34:21bola. Agora, que que a gente faria? Bom,

1:34:26a princípio eu iria lá, viraria para ele

1:34:30e falaria: "Poxa, beleza, vamos testar,

1:34:33abrir o site". Então, ele falou que já

1:34:35tá lá na pasta, então vai abrir aqui, ó,

1:34:37tergon web. E normalmente a gente estava

1:34:39acessando por esse arquivo aqui, tá

1:34:40vendo? Index. Esse arquivo aqui chamado

1:34:42de index.

1:34:44Então, se eu clicar nesse arquivo index,

1:34:48você fala: "Ué,

1:34:51tá, não abriu, abriu o negócio em

1:34:53branco." Aí isso é estranho. Ele falou

1:34:56que tá pronto, mas tá abrindo o negócio

1:34:58em branco. Mas aí o que que você vai lá

1:35:00e faz como bom utilizador de clor code?

1:35:03se vira para ele e fala: "Cara, eu abri

1:35:06e tá em branco." Então, vamos fazer

1:35:07exatamente isso aqui. Então, a próxima

1:35:09coisa que eu vou virar para ele falar

1:35:10exatamente isso. Fala: "Cara, eu até

1:35:12botei o cara aqui." Inclusive, isso aqui

1:35:14foi a mania que eu peguei do do Diego

1:35:16aqui, meu sócio na hashtag. Teve um dia,

1:35:18a gente tava aqui no escritório, aí eu

1:35:19vi ele usando cloud code, aí ele

1:35:21digitando assim: "Cara, vírgula, não

1:35:23sei". Eu falei: "Por que que você fala,

1:35:25cara", com Cloud Code, ele eu tô

1:35:27acostumado a falar assim. Eu acho que

1:35:29isso é um vício de quem pelo menos. E eu

1:35:31peguei esse vício depois que eu comecei

1:35:33a falar com Clud Code, porque digitando

1:35:36eu nunca vou digitar cara, tal, tal, mas

1:35:39falando eu tenho essa mania. Eu, cara,

1:35:42não ficou legal não. E aí eu peguei essa

1:35:43mania, agora às vezes eu escrevo assim,

1:35:44então por isso que tá no promptim.

1:35:46>> Gabriel me influenciou isso também. É,

1:35:47então assim, depois que eu às vezes eu

1:35:50vejo na transcrição, eu apago o cara,

1:35:52mas nem sempre porque não faz muita

1:35:53diferença. Aí eu falei para ele, cara,

1:35:56aí ó, [risadas]

1:35:57a mania o o aí ó, já já que ia falar

1:36:00cara de novo. Eu o pior é que eu tenho a

1:36:02mania de falar cara e eu tô com a fila,

1:36:04filha pequena em casa. Aí de vez em

1:36:06quando eu viro para ela, falo: "Você é

1:36:08muito linda, cara". Aí a minha esposa

1:36:10fala: "Alô, não chama ela de cara".

1:36:12[risadas] Aí, mas é muito linda, cara.

1:36:15Aí eu viro para ela. Show. Então virar,

1:36:18pô, eu abri, mas a página vem em branco.

1:36:21Que que aconteceu? Eu quero um jeito

1:36:23simples de ver o site para publicar e

1:36:25sem precisa ficar decorando o comando.

1:36:27Sei lá, vai que ele me manda, ah, digita

1:36:29o comando tal para abrir o site. Não, eu

1:36:30quero uma parada realmente simples para

1:36:33conseguir fazer. Show de bola. Então, de

1:36:35novo, se eu for lá e eu for tentar abrir

1:36:39aquele naquela pasta que ele me falou, o

1:36:41arquivo que a gente normalmente abria,

1:36:42que é esse index aqui, ó. Tentei até

1:36:45abrir de novo, não tá abrindo. Então a

1:36:47gente vou virar para ele e falar daquele

1:36:51jeito, bem informal mesmo, e falar: "Pô,

1:36:53não tá abrindo, tá parada aqui não".

1:36:55Então virei, cara, eu abri o o link

1:36:59aqui, até copiei o, ó, vou repetir aqui.

1:37:02Eu até copiei o caminho aqui do do

1:37:04arquivo que eu tentei abrir para ser bem

1:37:06específico.

1:37:08Eu abri esse arquivo, mas a página vem

1:37:10em branco. Que que aconteceu? e me dá um

1:37:12jeito simples de eu poder ver o site

1:37:14antes de conseguir publicar, sem

1:37:16precisar decorar comando nenhum. Beleza?

1:37:20Vamos ver o que que ele vai falar.

1:37:21Então, vou mandar aqui. Hum. E aí, das

1:37:25duas uma, ou ele vai falar que é

1:37:27realmente ha um erro, ou ele vai falar

1:37:28que eu abri o arquivo errado. Que foi

1:37:30que aconteceu? Ele falou: "Ó, o index

1:37:32abriu não é o site, é o molde. Ele só

1:37:35tem uma linha apontando e tal, mas ele

1:37:37vai falar: "Cara, não tem problema." E

1:37:39ele vai falar aqui pra gente, vou deixar

1:37:41isso. Ele até falou aqui para mim, vou

1:37:44deixar isso no arquivo de duplo clique

1:37:46para ficar bem fácil de você conseguir

1:37:47abrir. É exatamente o que eu quero, tudo

1:37:49que eu quero, fazer a coisa da forma

1:37:51mais tranquila possível. Aí ele falou

1:37:53já, ó, ele mandou aqui para mim,

1:37:56testado, servidor sobe, página

1:37:57renderiza, zero erro. Vou registrar isso

1:37:59também nas anotações que eu tenho.

1:38:02Beleza? Aí ele falou: "Ó, nada

1:38:05aconteceu, era só o arquivo errado e

1:38:06tudo mais. Show. Vamos ver agora voltar

1:38:09a resposta dele que ele terminou de

1:38:10gerar. Ele falou: "Nada quebrou, era só

1:38:12o arquivo errado". Ele falou: "O arquivo

1:38:14que estava tentando abrir era um molde

1:38:16do projeto, não um site." Então o site

1:38:19montado tava em outra pasta, mas aí era

1:38:21um eh não era um site necessariamente

1:38:24que eu ia conseguir abrir com dois

1:38:25cliques, mas eu quero conseguir abrir

1:38:27com dois cliques antes de publicar para

1:38:29poder ver uma prévia dele e tudo mais.

1:38:32Aí ele falou: "Tá, qual é o jeito

1:38:34simples então da gente conseguir da

1:38:37gente conseguir abrir o site?" Então ele

1:38:39vai mandar aqui, ó, o jeito simples. Ele

1:38:41falou que criou um arquivo que chama ver

1:38:44o site dentro daquela pasta que se é o

1:38:47duplo clique, eu consigo verificar que

1:38:49ele já gera a versão final do site, abre

1:38:51o nosso navegador e assim vai. E ele já

1:38:53tá resumindo as três pastas. Então, tem

1:38:55a pasta das fotos que eu mandei para

1:38:57ele, tem a pasta com o site pronto, que

1:38:59é a pasta que eu preciso para fazer a

1:39:02publicação do site na internet, e a

1:39:05pasta que tem para eu conseguir eh

1:39:07testar mesmo. Beleza? Show de bola.

1:39:09Então vamos ver esse teste aqui que ele

1:39:13mandou aqui pra gente. Então, ó, ele

1:39:15falou que tá na pasta Tergon Web e tá

1:39:19nesse naquele botão ali do do Versite.