Unknown

estamos ao vivo iniciando Nossa Live 002 segunda Live E essas lives tem chamado de skin de game que é o que é a é aonde eu decidi construir ao vivo colocar a mão na massa tudo aquilo que eu aprendi nessa jornada aí com no Code com mais de 25 anos de tecnologia e eu decidi passar né Sem reserva para que mais pessoas tenham acesso e possam construir coisas Poderosas softwares incríveis com muitos recursos interessantes com escala com performance E é isso que eu decidi para iniciar eu vou passar um vídeo tá ele tá sem áudio

de fundo antes que você pergunte um áudio é demonstrando um pouquinho do nosso portal no code aonde que é o ponto de encontro para você que quer aprender sobre no code quer estar a frente né e ter acesso a um conteúdo realmente de qualidade em primeira mão então coragem meu amigo isso aí vamos para cima vou passar aqui e aí a gente já já inicia só é antes de iniciar já vai colocando aí como é que tá a qualidade do áudio e me fala da onde que você é se você qual cidade que você tá

falando cidade-estado e se você já trabalha com no code qual ferramenta Você tá trabalhando é qual qual que é o teu momento da jornada Porque dependendo aí eu posso direcionar né Se for uma galera que já tá no jogo do nocode eu posso acelerar um pouquinho ou não então é muito importante saber quem tá comigo ao vivo é para a gente construir desde o zero e eu falo para você hoje eu não preparei quase nada É é mais ou menos assim pensa que você tá no WhatsApp e chegou uma demanda lá cara eu quero construir

o WhatsApp web E aí tá precisa ser pensado precisa ser estruturado então eu quero passar justamente Essa visão e talvez tenha coisas que eu não consiga resolver ao vivo porque porque às vezes precisa pensar né a gente não vai reconstruir um WhatsApp web 100% funcional em uma hora duas horas por quê Porque tem muita coisa envolvida mas A grande questão é que o meu objetivo é passar os conceitos o que que eu preciso saber para construir as coisas O que que está por trás do WhatsApp web E é isso que vai isso que vai fazer

a diferença Deixa eu só ver aqui ó enquanto eu vou vendo eu vou passar aproveita aí para assistir um pouco a demonstração da nova versão e a gente liberou aí recentemente nessa semana uma versão nova do portal aonde a gente tem muito mais conteúdo e estamos só no começo dessa jornada então aqui você tem acesso aí a ferramentas de nocode vai ter acesso a diversas apis e se você clicar tanto nas APS quanto nas ferramentas você vai ver tudo que está associado as ferramentas curso tutoriais para que realmente seja um portal aqui a gente tem

a parte de cursos e tutoriais atualmente tem curso a versão 1 né é um curso bem resumido de dano e agora eu vou gravar a versão 2 Super completa e a gente já tá liberando a versão descomplicado e a galera tá curtindo para caramba Então esse é o portal se você não acertou ali ó se você quiser ter acesso você precisa entrar na comunidade Elite no code para realmente fazer parte da elite e construir coisas Poderosas junto comigo aí junto com a galera que tá nessa jornada de construção Então esse é o portal um pouquinho

da versão nova né do portal para você entender como que como que tá como que ele tá montado Então deixa eu ver aqui agora os comentários antes da gente começar é nessa ideia né WhatsApp web é um tema aí todo mundo conhece e vai ser massa quanto mais vocês deram feedback vai ser mais interessante aí para mim compartilhar conteúdo de primeira Alô coragem meu amigo tudo certo com áudio São Paulo Galera de São Paulo áudio tá bom sou de Santa Catarina São José já trabalho com no Cold estou em Campinas São Paulo estou fustigando em

Java iniciante Tobias de Barreto Sergipe BH Minas Gerais já estão na comunidade Elite no code devorando as aulas aprendendo muito de verdade mesmo com certeza e até um parentes aqui logo que eu gravei as primeiras quinze aulas eu fui editar né porque eu tomei as editando para ter um padrão ali nesse começo e aí Eu verifiquei que não estava tão didático então resolvi jogar aquelas aulas foras parei um dia reorganizando como que eu posso ensinar de uma forma que as pessoas realmente aprenda porque eu não tô aqui simplesmente Ó entra na comunidade faz o curso

e tem que aprender não é eu acho que é um processo né de duas mãos tanto de quem tá assistindo quanto minha então o meu papel é facilitar o máximo essa jornada e e eu fiz isso justamente porque pensando dessa forma porque a galera eu quero que a galera realmente Descubra o poder inclusive nessas lives vocês estão vendo aí Quem já assistiu a primeira é muita coisa a galera assim desbloqueou né Entendeu no jogo e hoje eu vou começar assim do começo mesmo como eu falei a ideia dessa Live não preparei ó tudo prontinho não

é como se tivesse chegado a demanda alguém chegou no meu WhatsApp fala ó precisa reconstruir o WhatsApp web eu sei mais ou menos como que funciona o que tem que ter mas sempre na hora de construir sempre vai aparecer os desafios E aí que a gente tem que ficar ficar ligado entendeu então vai ficar salvo então ainda eu não não decidi como que eu vou fazer com as lives tá provavelmente como é um conteúdo muito denso é um conteúdo é como se fosse um curso é uma aula completa mesmo quem assistiu a primeira aula pode

perceber recebi bastante feedback ainda estou na escolha da plataforma flutterflow web flutterflow é mais barato uma coisa aí o seguinte se você tá indo pelo mais barato Você precisa entender vou dar a minha visão tá não é a única verdade mas é o que eu acredito que eu sigo Skin the game tá é de quem tá construindo para plataforma web anteriormente utilizava Bubble agora utiliza o Web Porque porque me dá muito mais poderoso eu já trabalhava com os anos então se for uma plataforma web indiscutivelmente eu utilizaria o eubi se for um app nativo que

você instala na Play Store na App Store Aí sim flutterflow tá o flutterflow ele tem a versão desktop mas ainda não é tão otimizada é um pouco mais engessado tá você consegue construir mas enfim é a minha pilha que eu tô utilizando então Back And visando tá e o Will web para plataforma web e flutterflow para aplicativo nativo Então esse que é o grande objetivo e aí deixa eu só ligar aqui o Instagram para poder acompanhar deixa eu ver aqui tô conseguindo trazer que eu ia falar mas enfim Então essa essa aí é a minha

visão Deixa eu só ajeitar aqui minha tela deixa eu ver se essa só ele tá aqui minha tela para poder compartilhar deixa eu ver aqui ao vivo sempre vai dar probleminha que a gente Já identificou né e ainda tô você vê aqui o tanto de coisa que precisa para transmitir estou transmitindo no Instagram para chamar a galera também aqui para o YouTube parece uma bom tá dando certo aqui deixa eu fechar esse cara aqui pronto deixa eu voltar deixa eu ver aqui quem sabe faz vai fazer o WhatsApp pelo web exatamente a gente vai fazer

construir a tela mas assim vou passar vários conceitos tá eh e aí vai ser bem interessante eu pensei de uma forma bem interessante porque você precisa entender o que que tá por trás né Eh construir tela é muito fácil no YouTube é mais pensar como que você vai construir Como que você pode é ter tudo é o que vai fazer a diferença Tá então vamos lá objetivo dessa aula tá antes de antes de começar pega o link aí do YouTube e distribuir nos grupos de WhatsApp é distribui para o teu coleguinha não fica guardando conteúdo

só para você ajuda aí mais pessoas a terem acesso Porque quanto mais pessoas né claro que independente da quantidade eu vou entregar conteúdo da mesma forma mas se você der uma moral ali curtir É essa Live também compartilhar tiver mais pessoas ó já aumentou a galera já já tá entrando aí e [Música] é isso tá só chamei aqui ó chegou mais mais pergunta e sobre super bem Seria uma boa também usando tem a mesma coisa de aprendizado é antes de começar tirando aqui uma dúvida O usando e o supa Amazing eles não eles não são

concorrentes direto tá o super beijo ele é concorrente direto do fire base E por que que Eu opto pelos anos porque usando ele é um back end no code o supabas ele tem o banco de dados tem autenticação Mas qualquer função qualquer lógica serviço que você for colocar você vai ter que codificar e São coisas que usando traz nativos usando trás servidor reads por trás tá o banco de dados posto você consegue criar função então assim tem n recursos que facilitam a construção acelera o processo de uma forma robusta tá então esse esse essa é

a questão da minha escolha mas eu vou ensinar a trabalhar com super base É depende do projeto então assim a gente tem que pensar muito é na construção né e Na continuidade do projeto então assim com os anos você consegue fazer bastante coisa super beijo super super top tem outras outras opções aí que eu vou mostrar ao longo aí de né do tempo aí tem muita coisa que eu quero trazer é desse jeito começar a fazer essas lives tá sendo muito massa no começo deu frio na barriga e agora eu tô eu tô com medo

de querer fazer Live todo dia porque eu tô com uma vontade de realmente transmitir entregar tudo que eu aprendi nessa jornada Então vamos lá voltando aqui para nossa para nossa demanda vai deixando vai deixando aqui as dúvidas eu vou vendo de tempo em tempo tá deixa eu ver aqui dá uma conferida geral conferir aqui o ponto fechou maravilha então vamos lá que que a gente precisa tá deixa eu compartilhar minha tela deixa eu ver aqui ó estou compartilhando minha tela e aí a gente vai ter que pensar em tudo isso tá eu peguei aqui um

exemplo do figma que tinha pronto para a gente né que parece meio telegram meio meio WhatsApp web mas a ideia não é a gente reconstruir certinho bonitinho mas você entender tudo que está por trás da construção de um WhatsApp web num telegram por exemplo né como é que eu vou colocar as conversas como é que eu vou organizar e a ideia é justamente passar esse conhecimento esse conhecimento aqui tá então aqui o que que a gente tem a gente tem aqui basicamente né no WhatsApp web a gente tem a coluna aqui das conversas e aqui

a gente tem é o acesso a cada conversa até peguei dois exemplos aqui ó do figma template pronto só para ter uma base para a gente construindo E aí o seguinte é a parte de design a gente vai estruturar mas assim eu falo para você dois pontos importantes design experiência do usuário você tem que colocar energia quando você tá construindo algo tá vai fazer a diferença experiência do usuário e design eu tenho uma expertise muito grande Em lógica para design eu gasto muito mais energia né E por quê Porque eu sei da da importância então

a minha ideia passar você entendeu o jogo por trás do jogo que que você precisa quais recursos como é que a como é que vai funcionar tudo e talvez né fique alguma questão ali da parte de design porque gerar valor para o meu cliente né então assim tem conteúdo gratuito tem a galera que entrou na comunidade que está acessando e a gente tá melhorando então criar Startup eu acho que esse mindset faz total diferença eu era o cara que antes construía tudo né tinha que pensar em tudo e agora não eu construo a vamos dizer

assim a espirrador saldo do negócio e aí Tomou muito atento ao meu cliente ao meu usuário porque ninguém melhor para dar um fedido um feedback como o meu cliente travou ué Será que travou deixou só trocar aqui aí vamos ver voltou Então beleza talvez foi uma falha aí se travar vocês me avisem Tá então vamos lá então o que que a gente precisa aqui a gente precisa basicamente dessa estrutura né lembra que a gente falou lá no na Live anterior a gente tem que começar a pensar como caixa então aqui a gente tem uma caixa

maior né que engloba tudo que é a página inteira e a gente tem aqui basicamente duas caixas uma do lado esquerdo uma caixa do lado direito e dentro de cada caixa eu tenho outras caixinhas é assim que a gente tem como começar a pensar em design eu acho que essa é uma maneira fácil de você entender tá deixa eu ver aqui como é que tá a integridade da transmissão tá excelente talvez foi um probleminha momentâneo Tá então vamos lá é eu vou construir tá um novo projeto aqui no euab deixa eu ver aqui que é

do zero aqui ó português WhatsApp web Então vou construir o projeto do zero tá então a gente vai reconstruir essa tela E aí eu vou passando alguns conceitos a gente vai trabalhar com a parte de back Angel não mas o que eu vou te ensinar independente do Becker que você for utilizar seis anos se é mais ql se é posto de CS não interessa você precisa entender esses conceitos que é isso que vai fazer isso que vai fazer a diferença tá então criei aqui e aí a gente vai começar a brincadeira basicamente eu vou criar

aqui ó duas colocar aqui ó e conversas tá aí aqui na sessão eu vou colocar o mínimo de 100 Então já tá aqui ó o mínimo de 100 quando você tá construindo Essas caixas que se você tiver no começo que aprender começa a pintar aqui ó vou pintar isso daqui de sei lá de azul para a gente saber o que que tá pegando ó o que que é cada cada coisa porque daí vai ficar fácil de você entender as caixinhas aqui né então vou colocar aqui ó essas caixinhas depois a gente a gente a gente

vai reorganizando então esse conceito de caixas é muito interessante porque no web né na no desenvolvimento web para tornar responsivo sempre você vai ter que agrupar em gives em container para você colocar as coisas organizadas para tornar responsivo para agrupar elementos então basicamente O que que a gente tem em qualquer página né a gente vai ter no mínimo uma sessão E aí a gente vai ter as dívidas dívidas e a gente vai construindo construindo direto tá então aqui ó primeira coisa o seguinte por padrão o eu web trouxe aqui ó é vertical Então eu preciso

que é duas coluna então tem uma coluna da das conversas e eu preciso criar uma coluna aqui ó horizontal por padrão eles estão 50 50 tá então tem aqui a sessão no fundo né azul e tô colocando aqui as conversas agora eu vou tomar com base esses camaradas aqui ó aqui basicamente Ele tá dizendo que tem 364 pixel Então vou colocar aqui ó a largura 364 e aqui eu vou colocar 100% então 100% do que do limite do elemento pai que é uma sessão então por exemplo se eu colocar aqui ó 900 como que vai

ficar ele vai pegar 100% então 900 é o total que a sessão vai ocupar aqui 364 O que sobrou 100% que sobrou eu tô dizendo para ocupar esse essa aqui ó depois a gente Opa aqui então tem aqui já os dois menus tá E aí a gente tem aqui ó é uma coisa que você vai ver tanto no meu curso qualquer local é a questão da nomenclatura organização organização nomenclatura padronização é o que vai permitir você escalar o teu negócio às vezes você tem associado que escala é só para é só para performance não se

você tem um processo se você faz coisas complexas se você tem o processo lento oneroso você não vai conseguir escalar porque você não consegue dar vazão no trabalho na manutenção então assim você acaba construindo um negócio para ser escravo dele então padronização é uma coisa que você vai ver por aqui direto principalmente você trabalha em equipe Ali vai vai fazer a diferença tá então o que que a gente tem aqui eu tenho esse cara aqui e aí eu tenho eu tenho aqui as conversas Eu vou começar aqui ó lembra que a gente tá construindo tá

é por caixinhas Eita ó construiu Vou colocar aqui 100% tá vou deixar esse daqui ó então vou deixar esse cara aqui e vou eu tenho outro cara aqui que é aqui ó agora eu preciso vertical Ou seja eu não preciso lado a lado agora eu preciso verificar um em cima do outro e aí eu já construí aqui ó pesquisa e aqui a gente tá então tem aqui chats e aí eu vou deixar a altura dele no mínimo 100% da viu Ou seja eu vou deixa eu pintar esse cara de outra cor que daí você vai

vendo as caixas que a gente tá ó então o que que eu tenho eu construí já dividindo os agora Eu dividi em duas a parte de cima a parte de baixo tá é assim que a gente vai [Música] vai fazendo tá de tempo em tempo eu vou parar aí tira as dúvidas e volto tá eu vi que já vai colocando as dúvidas senta o dedo e senta o dedo também no compartilhamento tá mais importante aí eu compartilhamento aí para galera sei que tá no Instagram manda aviãozinho para a galera chegar aqui então a gente tem

aqui a pesquisa E aí vai começar a brincadeira tá primeira coisa que é o que a gente vai investir mais energia é nessa parte aqui como é que eu vou trazer as conversas tá então assim quando a gente tá trabalhando com dados tá com api com banco de dados principalmente com api tá então imagine ali que o front front-end que é o papel que o YouTube constrói né Então as telas ele vai se comunicar com componentes né com apis com banco de dados E aí ele vai trafegar dados por padrão geralmente aí em ap e

a gente vai trafegar Jason e é por isso que a gente vai aqui ó eu utilizo gosto muito de utilizar essa ferramenta que até vou colocar ela aqui ó colocar aqui no chat para você aqui ó que é onde você consegue ter uma visão do Jason tá quer dominar no code você precisa além de dominar uma ferramenta né ou várias ferramentas por exemplo webs ano você precisa dominar o que Jason api e web Hulk você precisa Isso daí você precisa entender como que funciona porque porque senão você vai ficar limitado tá você vai ficar limitado

não vai conseguir construir porque se você vai trabalhar com dados é impossível né hoje você não trabalhar com dados com informação com api com serviços terceiros Então você vai precisar ter que entender esse conceito então o que que acontece tudo tudo é um Jason tá vamos pensar como tudo é um Jason tá esquece bandido de dados esquece qualquer outra coisa então aqui ó a gente só para você entender essa ferramenta eu tenho aqui um Jason um exemplo de Jason e aqui eu tenho de forma estruturada organizada visual para você entender como que tá formatado esse

Jason tá como que tá formatado esse Jason Então eu tenho aqui ó os campos base aqui na raiz que a gente chama e aqui tem os níveis então aqui eu tenho um campo members dentro de um campo members eu tenho uma rei ou seja objeto começa com Chaves termina com Chaves arreio Ou seja a lista de coisas pode ser lista de texto lista de números ou lista de objetos vai começar com colchete Então vai ser representado por colchete então o que que acontece eu tenho um Jason com esses campos aqui tá então aqui a gente

chama de propriedade eu chamo de Chaves e aqui eu tenho valor tá então esse é o primeiro o que que você precisa saber e aqui eu tenho um campo mamers Ele tá dizendo para mim que é o que é uma lista Ou seja é uma lista que começa aqui ó de três objetos então objeto 1 objeto 2 e objeto 3 a gente vai usar o mesmo conceito para criar as conversas tá a gente vai criar tudo por aqui e aí você vai entender como que como que funciona na prática tá então aqui eu tenho objeto

tá E aí a gente pode representar por que que eu gosto dessa ferramenta porque ela me dá de uma forma visual para eu entender sempre quando eu vou eu preciso integrar com api preciso aprender uma pena nova joga aqui o Jason web Hulk entende como que ele tá estruturado E aí vai ficar mais fácil de você entender Até para modelar aí o que que você precisa modelar tá é assim que eu faço eu vou ensinar aqui da forma que eu faço e eu acho que faz total diferença tá então beleza só para a gente vamos

captar esse cara aqui e agora a gente precisa é o que eu preciso tem uma lista de conversas tá deixa eu até Vou salvar esse cara deixa eu ver aqui no documento pronto E aí o que que a gente precisa eu preciso ter a listagem aqui de conversa deixou Cadê aumentar aqui então eu preciso ter a listagem de conversa basicamente eu tenho aqui uma foto eu tenho nome e a última conversa o horário da última mensagem e se tem alguma mensagem não lida tá então o que que a gente vai fazer a gente vai montar

esse cara aqui tá então vou montar esse cara então a primeira coisa é o nome Vamos colocar aqui ó João João da Silva tá errado como eu falei eu não preparei muita coisa vou construir ao vivo para você ver como que como que eu penso na hora de construir tá porque senão Às vezes você acha que ela tá muito distante é mais simples que você imagina tá só que tem que pensar logicamente aí o mundo é um Jason exato a internet vive de Jason né comunicação do sistema deixa eu pegar aqui eu tenho a foto

Vou colocar aqui ó e última última mensagem última mensagem aí que que eu vou fazer como você está pronto eu tenho aqui beleza eu tenho aqui ó a as informações e aí eu vou montando quem mais que eu preciso eu preciso de uma foto uma foto foto perfil esse aqui é o jogo por trás do jogo aí eu vou ter uma url deixa até ver aqui se eu consigo eu consigo pegar essas fotos aleatórias deixa eu pegar aqui nesse site aqui ele consegue gerar usuários aleatórios deixa eu ver se é uma foto desse cara ó

tá aqui consigo pegar aí eu vou colocar aqui a foto do perfil então tem nome foto do perfil E mais uma vez aqui é para você entender um pouco o conceito tá A modelagem pode ser tem muito mais informação Muito mais coisa então tem aqui ó foto o nome Eu já coloquei a última mensagem o horário da última mensagem então vou até mudar aqui ó eu vou colocar aqui ó última mensagem eu vou criar um objeto tá a gente não vai trabalhar com imagem não vai trabalhar com eu vou montar aqui ó tô montando como

se fosse na planilha tá depois texto então tem o texto e aqui também eu vou ter a hora vou colocar data evento que é o que o horário que foi mandado essa última essa última mensagem então vou colocar aqui ó acessar esse site aqui para pegar uma data em time stamp mesmo eu vou colocar aqui ó data para quem tá em pronto basicamente aqui ó eu tenho uma conversa o que que eu tô montando eu tô montando aqui ó montei uma conversa dessa ou seja um objeto de Jason tá então todos com todos os campos

que eu preciso no WhatsApp ele tem muito mais tá mas a ideia é você entender o que tá por trás do jogo adicionar um campo ou tirar alterar a estrutura depois é tranquilo o que é importante é você entender entender Até para você criar e aqui do jeito que a gente vai criar a gente não vai precisar de nenhum back end Tá mas daí como que a gente vai trabalhar A ideia é você aprender como que funciona as coisas o jogo por trás do jogo depois quando você for salvar principalmente aqui no YouTube Você só

vai deixar de mapear ou se a gente vai colocar toda essa estrutura num numa variável Vamos colocar em variáveis depois quando você for salvar em banco de dados ou num back end você só vai trocar o apontamento pronto Zerou então por isso que eu falo é Will web É muito mais fácil de aprender você aprende muito rápido se você entender esse conceito de Jason como que funciona as coisas tá então é por isso que eu falei Jason é importantíssimo é você aprender Então beleza eu tenho uma conversa agora eu vou criar uma segunda conversa que

que eu fiz copiei e Colei E aí eu vou trocar Maria Aparecida colocar aqui faz um E aí vou colocar um outro horário recarregar vou pegar aqui um horário time stamp tá e vou colocar aqui e aí vou pegar deixa eu ver aqui se eu eu deixa eu ver se eu consigo deixa eu pegar 10 documentação pegar umas 10 fotos como eu falei né dessa vez eu não eu não preparei para você ver realmente aqui é chegou a demanda a gente tá criando tá E aí tava pensando aqui pegar aqui ó vou criar essa foto

então assim às vezes você fala ah mas eu não sei bandidados não sei bem quente não interessa você consegue aprender mesmo que não saiba porque isso daqui ó e se você entender isso fica muito mais fácil você aprender pronto eu já tenho o que eu tenho duas conversas E aí eu já começo a conseguir brincar com isso tá já começo conseguir colocar lá no meu projeto então o que que eu vou vir aqui eu vou vir aqui criar uma variável que são que o chats vou chamar essa variável de chats Vou colocar aqui o WhatsApp

e vou colocar aqui ó variável do tipo e vou colar o valor que eu estrei lá tá pronto criado essa variável aí o que que a gente precisa fazer Agora eu tenho que cheddad não tem nada dentro tá que que eu vou fazer vou colocar uma dívida e aqui é o chat individual Então vou colocar aqui aqui vai ser vertical ou seja um embaixo do outro o tamanho a largura vai ser 100% tá E aí eu vou pintar de branco tá vendo ali que eu tô deixando feião mais a ideia é deixar essa esse daqui

bem organizado me organizado para você entender o conceito tá então aqui eu tenho aí eu tenho que montar aqui que como se fosse um cardzinho Tem que montar foto nome última mensagem horário e se tem mensagens não lidas vou até colocar aqui no Jason aqui ó vou adicionar um novo Campo mensagens E aí ele vai mostrar o que a quantidade cinco e aqui só com isso daqui a gente já já consegue fazer muita coisa só com essa brincadeirinha aqui ó dá para a gente aprender muitos conceitos dentro do Web na construção aqui só com esse

conceito aqui então vou lá Vou atualizar o valor da variável tá Então adicionei dois Campos volto aqui coloquei salvei ó se eu vim aqui ó tá aqui o valor da variável aqui ó bonitinho então por isso que aqui a gente já consegue ver ó Duas conversas e os parâmetros aqui de cada de cada conversa porque esse Jason é uma Rei aqui ó uma Rei de objetos e a gente tem dois objetos um aqui outro aqui tá tá tranquilo até aqui tá conseguindo entender como que funciona na prática manda as dúvidas aí ou tá tá didático

dessa forma que eu tô fazendo beleza eu coloquei aqui o chat e aí eu vou colocar agora aqui primeiro uma imagem aí eu vou colocar deixa eu ver qual que é o tamanho que tá 48 por 48 Vou colocar aqui ó o tamanho fixo 48 por 48 aqui dentro Eu vou dar um vou dar um espaçamento uma margem interna de 8 e aqui eu vou arredondar ó pronto montei aqui já tem a foto e aí eu tenho mais coisas para fazer tá então o que que eu tenho que colocar eu tenho que colocar aqui ó

aqui ele tá até me dando a estrutura ó tá vendo uma caixona ou seja uma div que tem duas divide dentro ou seja duas duas colunas e é isso que a gente vai vai fazer então eu vou colocar aqui imagem e vou adicionar uma outra dívida só que aqui essa dívida aqui ó então sempre é bom como entender como que ela tá setada a direção dela Selma é se os elementos internos é para ser replicado né ser colocado na vertical na horizontal nesse caso a gente quer na horizontal e aí eu vou colocar o quê

dados conversa tá aqui eu vou colocar a largura 100% que sobrar então 100% que sobrar e dentro desse cara aqui eu vou dar uma margem aqui deixa eu ver se eu quem manja de fígado aqui qual que é aqui 16 então eu vou colocar aqui ó um GAP de coluna de 16 pixels minto não é aqui é no de cima aqui ó vou colocar um de 16 Parece que ficou grande colocar aqui colocar seis tá E aqui ó é vamos pegar qual que é a altura que ele tá tendo ele tá 72 de altura Então

essa dívida né cada conversa cada cardzinho ali da conversa tá altura fixa de 72 E aí que que eu vou fazer eu vou deixar esses carinhas aqui ó deixa eu ver horizontal aqui eu preciso vertical tá então aqui ó horizontal um do lado do outro e aqui dentro Eu preciso vertical aqui e aqui E aí eu já vou fazer aqui vou trazer um texto Vou colocar aqui nome tá Depois a gente vai alterar vai trazer tudo dinâmico tô criando assim e aqui ó nome e vou como colocar aqui ó última mensagem última mensagem então conseguindo

entender o que que eu tô construindo tá fluindo tá aqui é o Felipe já deu abrindo a mente é isso aí objetivo aqui é abrir a mente você entender na prática Como que como que a gente faz para reconstruir Aí como eu falei ao vivo é outro game né então aqui a gente tem isso aqui ó tem outra dívida aqui e eu tenho uma div na verdade eu tenho duas dívidas aqui então vou ter que criar duas dívidas vou ter que colocar mais uma diva interna aqui caixinha dentro de caixinha prende-se conceito colocar tá e

vou colocar outra aqui eu vou colocar aqui ó aqui da conversa eu vou deixar ele Centralizado Ó ali ele centralizados aqui no meio tá aqui qual que é o tamanho da fonte Deixa eu ver se eu consigo aqui chamei parecido 16 não sei quanto que tá aqui parece que tá maior vou colocar 14 e vou colocar aqui cm então aqui vai vir o nome e aqui vou colocar 10 11 12 e uma cor vou colocar cinzinha tá não vou colocar um pouquinho mais forte que ou melhor vou pegar aqui essa cor que tá aqui qual

que é essa cor essa cor aqui colocar aqui essa cor e aqui eu vou dar um espaçamento entre os dois ó no topo das da conversa eu vou dar uma separada aqui no na linha deixar quatro pronto deixei aqui quatro e aqui ó que que eu preciso fazer eu tenho dois elementos na ponta tá vendo aqui ó tem uma como se fosse uma dívida um grupo E aí eu tenho dois elementos na ponta eu preciso colocar vou colocar esse texto Vou colocar aqui ó última mensagem então tô colocando aqui ó coloquei no topo vou colocar

as conversas centralizadas só que a disposição delas ó elas estão horizontal eu só vou mudar a disposição Ou seja eu quero que as duas fiquem nas extremidades dentro da div então aqui eu já tenho algo parecido com o que eu quero aqui ó e aqui embaixo o que que eu preciso fazer eu posso criar aqui eu vou colocar uma Cadê a última mensagem também aqui nas extremidades só preciso inverter aqui eu vou chamar de não lidas eu coloquei aqui vamos ver qual que é o tamanho é 18 por 18 18 por 18 Então vou colocar

o tamanho fixo 18 por aqui por 18 E aí Vou colocar aqui um verde não é a borda fazer não é a borda o background colocar aqui um verde tá e aqui dentro desse cara eu vou colocar um texto que é quantidade de mensagem não lidas vou deixar aqui um tá aí aqui eu vou deixar redondinho , ó e dentro desse cara e você centralizar informação então selecionei a diva e eu quero que fique Centralizado esse número só que ele tá um pouco grande Vou colocar aqui deve estar um Dezão aqui bom E aqui é

branco tá centralizado 18 por 18 quer dizer não tá bem Centralizado Será que tem bom deixar aqui já já dá para ter uma ideia então o que que a gente fez aqui ó e reconstruir esse cara aqui esse Card aqui já tá mais ou menos na mesma disposição só que o que acontece ele tá com os dados fixos certo ele está com os dados fixos agora eu vou magicamente plugar e tornar isso tudo dinâmico então entendeu porque que eu fiz inicialmente daquele jeito justamente para você entender o processo tá é esse processo é o principal

e essa parte aqui de design realmente é fácil depois que você pega a manha ser você faz isso daí tranquilamente [Música] Por que que esse cara não tá que você tem alguma deixa eu colocar aqui ó a imagem dentro de um container porque ela não ficou 100% imagem coloquei aqui agora só tem que deixar Centralizado Pronto agora ficou redondinho E aí que que eu vou fazer vou colocar uma borda tá é mais uma vez não se preocupe com o design porque o design é a coisa mais fácil é você mexer no design principalmente aqui no

YouTube Então vou colocar uma borda para ficar didática aqui cadê uma borda colocar uma borda de um nas conversas vou colocar essa borda aqui ó se eu vim aqui ó eu tenho esse elemento essa altura aqui deixa só ver quanto que tá 56 então vou deixar esse cara aqui com 56 pixels a conversa pronto tenho algo parecido que vocês estão achando vou dar uma olhada aqui no nos comentários Vou colocar aqui vou dar uma olhada nos comentários aqui deixa eu ver o mundo é Jason abrindo a mente seria mas se desse para adicionar componentes direto

pela árvore de elementos devem trazer isso mais para frente não entendi 100% qual que é a tua dúvida não consegui entender se quiser detalhar um pouco mais me avisa me fala ali que daí eu acho que fica mais claro que eu seria massa desse para adicionar componentes direto pela árvore de elementos mas dá Será que você deixa eu ver aqui aqui ó se é isso que você tá ó vou adicionar então dá para você fazer isso tá colocar aqui já barra de pesquisa nesse camarada Então adicionei um elemento do tipo pesquisa [Música] vou dar uma

impede de tudo que eu vou deixar deixa eu ver como que tá aqui aqui tem mais menu Tá eu vou deixar então eu tenho esse cara e vai ter um ícone vou deixar esse ícone colocar aqui deixa ver se tem Side não me lembro como que é o nome desse ícone aqui agora bom vou deixar esse cara aqui ó já tá mais parecido que que eu preciso fazer dá o espaçamento entre as colunas aqui ó na pesquisa vou colocar 8 aqui eu vou colocar 100% e aqui acho que tá arredondado colocar redondadinho Qual que é

a altura que tá aqui tá 40 de altura eu vou colocar uma o fundo background tá branco não tava Brastemp mas mas a estrutura que importa nesse momento como eu falei design é a parte mais fácil depois de se ajustar tá pronto temos isso aqui agora vamos lá Felipe Mauro no caso seria interessante sempre começar pelo planejamento estrutura do site nesse caso o recomendado é o Jason mesmo né Depois que vamos nos preocupar em transformar o layout em código eu não entendi 100% sinal é a forma que eu tô fazendo aqui é para ficar mais

ficar mais fácil tá então você é basicamente você teria o design mas você precisa estruturar o banco de dados ali o Felipe falou Mateus no curso tem várias dessa casa iniciais o tem gente que falou que trocou o Netflix pela pela comunidade só para você que tá em dúvida aí você entra ou não na comunidade Elite no coaching então aqui ó eu coloquei esse cara vamos Cadê eu tinha baixado em algum lugar aqui copiar endereço da imagem vou colocar esse cara que tá me incomodando colocar esse cara aqui fazer essa parte aqui da direita Cadê

a conversa E aí como que eu vou poder fazer esse camarada aqui background Vou colocar aqui a imagem e aí vou colocar a dinâmicamente que no YouTube sempre que tem esse esse conector Zinho é que você pode trazer dados dinâmico seja por loja criar fórmulas você pode chamar infinidade é coisa boa mesmo ó Pronto Olha nosso WhatsApp não tá web WhatsApp ainda né para ficar web tem que dar comer um feijãozinho com arroz mas mas olha só rapaz ô louco ficou coisa chique quem curtiu Quem tá curtindo aí nosso WhatsApp web já vamos virar concorrente

hein que contém é que aqui tá esticada não vou pegar essa imagem da internet só para já tá aqui não tá a Brastemp mas já tá funcionando quem tá doido aqui para eu conectar os dados lá vamos lá o Pedro perguntou Mauro no seu curso de web você também ensina os de JavaScript para funções que não tem novamente é nativamente vou ensinar eu eu acabei liberei hoje hoje 10 aulas e as próximas aulas vão ser criando algumas fórmulas para você criar tá então quer entrar no começo principalmente vai poder solicitar aula tem uma mentoria gratuita

mas gerar qualquer coisa é feijãozinho com feijãozinho com arroz mamãozinho com açúcar tá isso daí não é o Thales fazer CRM para o WhatsApp web dá para fazer dá para criar bastante coisa tá vamos lá já temos aqui ó nosso aplicativo funcional antes de conectar os dados né Vamos chegar aqui ó caiu para 12 vamos chegar aqui a 15 15 ao vivo aqui manda nos grupos Fala galera Paulo tá quebrando estão perdendo o ouro manda lá no grupo do WhatsApp para que mais pessoas acessem assistir ao vivo deixa eu pegar aqui eu vou construir Enquanto

isso vou construir aqui ó uma barra no topo então aqui nas conversas Eu tenho esse background E aí eu vou colocar o quê uma outra dica mais uma caixinha a nossa famosas caixinhas pronto aqui qual que é a dimensão aqui ó por padrão ele está horizontal eu quero que seja vertical ou seja cada elemento embaixo do outro que que eu posso achar mais cara aqui dados conversa colocar aqui de Topo tá ele vai melhorando aqui a altura desse cara é 100% altura 56 e a cor branca Olha aí rapaz trem tá chique deixa eu ver

aqui E aí aqui eu vou colocar deixa eu ver no chats eu vou colocar uma bordinha porque tem uma bordinha cinza na direita aqui ó bordas você parar que tem um pixel e vou deixar essa aqui olha tá muito escuro vou deixar vou deixar aqui mais clarinho só para dar um aí ó já tá dividido aqui ó então tenho coluna da esquerda e tô montando essa aqui da direita sou desenvolvedor Bubble Já faz mais de um ano considere que sei bastante coisa de front back você acha que é fácil aprender o Éber rapaz eu falo

para você que é muito mais fácil muito mais intuitivo só que é diferente do Bubble o Web ele tá muito próximo da programação convencional e quando eu digo isso é ele traz todos os benefícios a facilidade tá muito próximo né só que ele traz todos os benefícios do no Coach Ou seja você tá vendo aqui ó arrastar e soltar então é muito mais fácil de você personalizar desempenho então assim é indiscutível tá a forma o Bubble tem a forma dele A nomenclatura dele entendeu ele meio que criou o padrão dele então tem essa questão já

o web se você for pegar ali ele já tá muito mais conectado né Ele só faz a parte de fronte é se você sabe Bubble você vai tirar de letra Só vai ter que entender essa mudança de conceito como que funciona em cada um tá é um pouquinho diferente então é isso que você precisa dar uma dá uma olhadinha Então vamos lá eu vou fazer essa parte aqui ó de conectar os dados então a gente preparou e aí vem as mágicas que o Will web proporciona tá ainda não para mim não está muito claro quando

usar container vive section para mim sete é o seguinte tá section é bloco tá vamos pegar aqui ó Qual que é o conceito numa página aqui vamos pegar deixa eu pegar uma página do eweb Tá vou pegar aqui uma página do no mundo de páginas aqui ó a gente tem sessões vamos dizer aqui ó nós temos a sessões separados tá aqui uma sessão aqui é outra sessão ó mudou aqui é uma sessão então sessões são esses blocos dentro de uma página né um embaixo do outro então sessão sempre vai ser né uma tela inteira e

divide e container são o que a gente usa para para agrupar e essa dúvida que você teve quanto que eu uso dívida quanto que eu uso container eu até pedi para o chat de epd porque eu também tinha essa dúvida não muda não muda quase nada você pode usar um ou outro mas basicamente eu tô eu uso mais dívida é 99% de container é quando eu quero sei lá você tá um valor um valor único é um tamanho único sabe eu quero que nem lá eu fiz o check-up da hotmart eu fiz a caixa ou

seja toda a parte que fica o checkout né que tem a sessão e eu fiz o container aí eu coloquei um container o resto eu usei tudo div mas você pode usar os dois ali não vai não vai mudar nada tá só que você sal é coisas diferente vive container pensa que é a mesma coisa eu na real não sei nem qual a diferença pedir para o chá de PT e ele falou não deu muita clareza ali então assim usa dívida contêiner vai dar bom tá agora vamos voltar aqui agora a hora mágica que é

o quê voltando o raciocínio a gente criou os dados né brincamos um pouco a gente tava querendo os dados brincamos um pouco de construir tela né se divertimos construindo tela eu pelo menos estou me divertindo e agora a gente criou algo estático tá a gente criou algo estático vamos ver aqui como é que ficou a estrutura tá então tem aqui uma sessão que engloba tudo eu tenho duas colunas uma com largura Fixa aqui ó aqui eu tenho largura fixa 364 peguei com base nesse nesse template aqui do figma né que é gratuito só para a

gente ter uma base e o resto eu deixei 100% ou seja da tela tudo que sobrar vai vai ser esse vai ter esse cara aqui E aí dentro de cada um eu fui colocando os itens então aqui dentro do chats eu tenho duas duas linhas né ele está a linha é ordenado pela vertical ou seja cada elemento vai ficar um embaixo do outro e aí eu fui agrupando os elementos coloquei o ícone aqui ó na parte de cima aqui já é outra gif tá então aqui até então só utilizei só utilizei gives e aí que

vem a mágica né é como que eu utilizo dados dinâmico cara é muito fácil depois que você entenda esse conceito e aí o Web matar pau lá no Bubble tem o grupo repetidor que você tem utilizar elemento aqui qualquer div qualquer container você consegue aqui ó conectar dados elementos repetidos ou seja collections listas a Reis você consegue fazer essa conexão então ó pode ver qualquer um vai aparecer esse conector E olha que interessante que que eu vou fazer eu vou conectar as conversas Ou seja eu criei uma variável com esse com esses dados que tem

aqui as conversas Olha que interessante agora que que eu vou fazer eu só vou apontar para essa variável ah Mauro variar pô mas aí depois eu vou ter que pensar em banco de dados só vai mudar o mapeamento se tiver a mesma estrutura mudou mapeamento eu vou mostrar aqui na prática Vou colocar aqui já tem a variável ó uma Rei Pronto já tá conectado E aí ó olha que interessante ele já me criou dois itens ó só para você ver aqui ó ele criou dois itens só que eu não mapeia os campos eu só mapeei

a Collection sempre quando eu mapeio né é uma lista uma Rei numa div ou numa Collection ele vai trazer os elementos que tem então aqui a gente tem dois elementos se eu criar aqui ó vou criar mais um tá não vou nem mudar o nome ou melhor vou mudar o nome né vou criar e algum nome aqui vamos ver Felipe aí Felipe slavi que tá fazendo bastante perguntas Vou colocar aqui a comunidade cold é top é a última mensagem que ele me mandou E aí vou pegar o horário atualizar aqui vocês vão chocar para quem

tá nunca viu vai ver como que é doido aqui quando você entende ó vira uma diversão aqui vou colocar o 65 deve ter aqui e três mensagens não lidas pronto vou salvar esse cara aqui agora vai ter três Olha que interessante aqui tem dois ou seja eu pluguei numa lista ele já tá me repetindo todos os elementos só que eu não fiz o mapeamento dos Campos e também a gente tem um problema porque as conversas cadê Aqui ó as conversas elas estão alinhadas pela horizontal vou ter que alterar aqui mas eu quero mostrar para você

que daí vai aparecer isso daí quando você tá construindo quando você tá começando você vai falar ô louco como que eu organizo como que eu organo diferente como é que eu mudo de coluna para a linha E vice-versa é assim que você vai fazer aí vou colocar esses novos dados tá atualizada variável tinha dois elementos Vou salvar magicamente tenho três objetos e aí ó ele dividiu em três E aí já começou a quebrar tudo mas aqui a gente tem que corrigir a gente tem que deixar na vertical Ou seja eu já tenho os elementos aqui

Olha que interessante ele já tá me trazendo ao chat tem três elementos aqui os elementos ó tá tudo bacana E aí o que que eu vou fazer eu preciso apenas mapear os campos ou seja vamos mapear nenhum né eu criei nenhum E aí ele vai mapear em todos então agora eu vou conectar com os dados dinâmicos aí vem um ponto interessante tá Vou investir uma uma quirerinha aqui para mostrar para você como que como que isso funciona aqui na prática tá então o que que acontece a gente tem todos os itens aqui são três itens

tá Jason um dois três objetos um objeto dois objetos 3 e aqui eu tenho os parâmetros o que que acontece quando eu apontei aqui para variável chats ela tá me trazendo todas tá então é uma rei e aí quando eu faço a conexão ou seja ele replica os três aqui que é o que ele fez ó ele replicou três conversas ainda não tá aparecendo por quê Porque eu não fiz o mapeamento dos Campos tá que é o que eu vou fazer mas o que que é interessante Então quando eu conectei ou seja o a Dive

mãe né o pai aqui desses elementos que é o que ó o pai tá conectado com a lista dos três objetos aqui eu não conectei é eu não fiz a conexão com nenhum só que o que acontece cada item desse ou seja cada filho então aqui ó cada cardzinho a gente tem eu criei um mas como é como se fosse o grupo repetidor numa Collection que a gente chama ele replicou os três E aí cada item desse ele vai ter esses parâmetros aqui ó aí eu vou vir aqui na imagem E aí ele vai pegar

o item desse objeto ou seja eu vou pegar de forma dinâmica então ó tô pegando o item data só para reforçar então chats e aí quando eu tô no primeiro elemento ele tá pegando o item data ou seja ele tá pegando esse objeto aqui index zero da Collection tá posição zero e aí eu vou trocar aqui Vou colocar até para foto e aí se tudo der certo era para aparecer e apareceu Olha só magicamente apareceu olha aqui ó a Maria Aparecida tá até com a mão na boca e assustada que a gente conseguiu mostrar agora

já ficou bonitão agora já tá muito mais bonitão e aí o que que eu faço eu só mapei os outros Campos pronto acabou simples assim então aqui ó eu mapei o primeiro para o nome e aí já vai aparecer Felipe Ô Felipe você tá parecido aí com você coloquei a foto que aleatória E aí agora não é nome aqui é a última mensagem né aqui agora é a última mensagem e aí eu vou mapear tá dentro do objeto qual que é o texto aqui Olha só rapaz e por último aí eu vou ter que colocar

aqui eu esqueci de um detalhe eu vou ter que colocar um elemento de data porque senão ele não vai mostrar do jeito que eu quero leite aqui ó que eu vou ter que colocar um dente porque senão quando eu vou mostrar a data senão não consigo formatar tá tem que trocar esse cara aqui deixa eu ver deite última mensagem qual que eu tinha uma mensagem tô nome e David e aí eu vou plugar nessa data aqui ó tá no formato times tem que pegar deixa eu ver se tá aqui acho que ele tem que estar

por mil eles só vê uma coisa aqui falta deixa eu ver se é 10 de agosto é preciso fazer isso daqui é que não tá em milissegundos daí eu tô adicionei só três zero ali tá porque o formato da time stamp só adicionar três zeros aqui um dois três por isso que você tem que saber tipo de dados entendeu para não ficar amarrado senão você e até a sensação que tá que tá errado as coisas pronto agora já tem aqui só vou formatar a data como que eu quero aqui eu tô com 12 vou tirar

esse camarada Vou colocar aqui 12 E aí aqui ó eu consigo data última mensagem aí eu consigo formatar somente aqui ó customizado aqui ó 3:45 4:18 certinho Felipe falou só mais bonito é maravilha Ó tem aqui construído E aí agora a gente vai colocar o que a quantidade de mensagens não lidas mensagem não lidas ó 5 3 e 0 Olha só o nosso WhatsApp web o nosso WhatsApp web ele tá chique agora vou tirar né Fiz ali para a gente entender ó as divisões agora vou tirar aborto vai ficar mais bonito será que foi no

lugar certo Pronto agora vou começar a brincar com States Então olha a conexão Olha a conexão que a gente fez só que existe algumas melhorias que a gente vai fazer tá eu tenho mais no máximo meia hora aí para a gente acelerar tá que que vocês querem que que eu faço daqui para frente eu vou só corrigir esse lado vocês querem que eu dê mais atenção né quem tá ao vivo vai ter sempre aí preferência que vocês querem que eu foque em alguma coisa específica diz aí enquanto isso eu vou pegar aqui agora vou mexer

com novo conceito que é o conceito de state ou seja olha aqui ó quando passa o mouse tem um cinzinha ele fica assim Então vou colocar aqui ó tô selecionando cada chat E aí Opa um baile cliquei errado aqui aqui Estado over então aqui que que é o estado é estados são estados de elemento né então o Web já traz alguns padrão padrões o over vai ter em todos os elementos Ou seja quando você passa o mouse em cima e aí você pode criar um estado personalizado tá estado personalizado então aqui olha que interessante Por

isso que eu gosto de escolher essas ferramentas que nem a escolher o check-up da hotmart agora o WhatsApp porque você conhece o funcionamento e agora você tá vendo como que a gente constrói né é parecido ou seja para entender vários conceitos conceito de alinhamento de organização de Collection de Margem agora de Estado então vou colocar over E aí que que eu vou fazer eu quero Eu quero mudar a cor de background eu quero deixar um cinzinha E aí olha só isso daqui é maravilhoso para quem nunca construir começa a ver a primeira vez o cara

nossa agora agora tô Bill Gates olha só pronto então Agora eu já tenho esse daqui pronto vou fazer mais melhorias tá deixa eu ver aqui a formatação da data Deixa eu ver se eu me lembro que eu acho que eu não vou me lembrar deixa eu ver para colocar acho que aqui acho que aqui ó aí coloquei aqui 24 horas 1542 1545 só que tem algumas melhorias então primeira coisa quando tiver 0 aqui na mensagem ou seja zero mensagem não lidas não faz sentido eu mostrar E aí eu começo a brincar com outros conceitos mostro

não mostro tá então aqui ó só quando tem mensagem não lidas então quando não tenho vou selecionar aqui ó mensagem não lidas E aí eu vou colocar uma condicional no display que vai ser o quê vou utilizar aqui uma fórmula o item data última é que a mensagem não lidas for maior que zero Ou seja eu tiver pelo menos uma mensagem não lida aí eu vou colocar Flex Ou seja eu quero que mostre se não E aí desapareceu Olha que interessante tá ficando com cara de WhatsApp web tá ficando com cara de WhatsApp web olha

aqui ó já tenho tudo é feito aí outra coisa que eu preciso ó a última mensagem tem que vir para cima certo então eu venho aqui na Collection aonde eu pluguei os dados e vou eu consigo aqui ordenar então mapeei ou seja para essa variável poderia ser por uma colete no banco de dados aqui eu tenho essa opção de ordenar e aí eu vou ordenar por onde pela deixa eu ver última agora deixa eu ver se vai dar certo última mensagem evento decrescente deixa eu ver se vai dar certo que agora não me lembro quando

errei deixa eu ver deixa eu ver se é esse o campo dá até última última mensagem tentar ordenar aquilo não ordenou como eu gostaria decrescente quando é rei eu não me lembro agora Fica devendo Deixa eu ver se eu consigo colocar só o campo é esse é o ao vivo né quero ordenar Deixa eu ver se eu consigo tirar mensagem da TV Será que não também não deu deixa eu tentar colocar ó eu não me lembro agora ficar devendo isso daqui tá porque tem o objeto alinhado tá se eu colocasse aqui eu não me lembro

agora como que faz o filtro Mas enfim daqui só para ordenar eu poderia só para ordenar ou seja a última conversa ficar aqui em cima tá então ó já tem aqui tudo feito Agora vou dar uma olhada aqui nas perguntas deixa eu ver se tem aqui ó ainda para mim está muito claro quando usar container Já respondi vi que a precificação do Web é baseada na quantidade de visita no site pensando em um projeto que tem alto fluxo de pessoas ele tem algum problema com isso ou não vale o preço aí você que tem que

mensurar né qual que é qual que é a questão A grande questão que o Will web permite você exportar código Ou seja você pode hospedar onde você quiser qualquer plano anual você pode hospedar Aonde você quiser ou seja você pagou o plano anual ali de E aí 39 dólares Primeiro Plano Você já consegue exportar o código que é hospedagem você vai contratar na Amazon qualquer lugar que você quiser hospedar aí você não vai ter essa limitação entendeu então assim Eu acho que isso daí é relativo dependendo do projeto tem outro plano lá então depende o

quanto que você vai rentabilizar não vou fazer um projeto que é gratuito Mas vai ter bastante acesso é para gerar tráfico enfim aí você que tem que avaliar mas assim Quais são os pontos importantes você tirar esse né mudar esse essa percepção em relação ao custo entender eu consigo hospedar no Bubble ou você tá ali ou não tá entendeu então essa que é a grande questão e aqui é muito mais mensurado mensurável e quando você carregamento de página é carregamento de página é de app ou seja usuário você só app conta quando ele tá navegando

dentro das páginas e não recarrega ou seja só navega antes entre as páginas ele não ele não contabiliza tá então ele chama o carregamento de app e o Will web ele usa esse conceito de spa Por mais que você crie páginas todo separadas você consegue você utiliza ele monta esses Spa e conta como se fosse o carregamento do app entendeu então É bem interessante nesse ponto deixa eu ver aqui sou o mais bonito Pedro você também tem elementos também tem elementos reutilizáveis ainda não mas já está ainda esse ano vai sair tá eles lançaram recentemente

as classes para facilitar o carregamento de um elemento de uma só vez eles têm a classe né que você pode criar as classes para personalizar os cards você pode qualquer elemento né você cria uma classe e aí você pode utilizar ou seja o estilo né do elemento tá associado essa classe mas o elemento reutilizável ainda não tem vai ter E aí vai mudar o jogo aí vai acelerar ainda mais o processo dá para manter estática essa parte do usuário como manter estática Não entendi ações para dar o display na conversa no chat Você conhece algum

Key de exportação tá ações para dar o display então vou clicar aqui e vou mostrar as conversas aqui é bem bem tranquilo você vai ver e aqui você conhece algum Key de exportação de código funcionando não tem ainda porque eu não utilizei mais dentro do curso eu vou ensinar como que faz para hospedar tá eu ainda não precisei as duas plataformas que eu utilizo eu utilizo publicano direto pro pelo web porque me atende mas eu vou precisar ensinar então não sei mas é uma coisa que tem tudo integração não parei para ver tá então assim

ao longo do tempo até porque como eu falei né Acho que os aplicativos ali o Web trás atende bem então vamos falar ali a gente tá falando de 49 dólares mensal 49 dólares mensal você vai abrir que negócio por 250 então às vezes é foi criado essa mentalidade um pouco errado que ah não 249 dólares é caro você tá abrindo um negócio você tá criando um SAS né Principalmente de sal né se você vai criar por uma empresa aí depende tem que avaliar mais fácil Se você vai faturar em cima disso cara não pode olhar

só para o curso claro que você tem que pensar otimização tem que pensar em redução de custo mas você não pode se limitar por causa de custo a Bubble e não sei o quê é 10 dólares de diferença Qual que você constrói mais rápido qual que tem mais escala hoje O Bubble você fica por exemplo você fica você não consegue mensurar 100%. quando o workloads vai ocupar Quanto que vai vai processar você não sabe aqui pelo menos você sabe pô vai ser poucos usuários então o usuários vão usar entrar uma duas vezes por dia você

consegue fazer uma conta mas mesmo assim você tem essa questão de exportar o código Ou seja você não depende disso então assim foca em ganhar grana com essa parada foca em ganhar grana é isso que você tem que focar aí o resto é consequência tá não carregamento da página é o seguinte você saiu RL carregar app aí vou me logar tô navegando entre as páginas entendeu vamos lá ação para display aqui ó né Vou colocar aqui ó no mínimo esse daqui a altura no mínimo Por que que não pegou a que eu coloquei aqui a

que eu coloquei cinza aí Vou colocar aqui pronto tá só para não ficar feio E aí eu vou colocar uma parada de conversa uma coisa que eu esqueci de colocar aqui para ficar mais fácil é mas a gente vai fazer aqui ó de mensagem a gente vai fazer dessa forma não vai mudar a gente só vai mudar as conversas agora eu vou fazer o quê Eu só vou colocar aqui ó eu vou ter que colocar um aí né geralmente quando você trabalha aqui o WhatsApp o it que seria o número de telefone tá 55 11

99 99887766 Vou colocar aqui ó um ID em cada conversa para a gente conseguir construir aqui eu só vou mudar o número aqui eu vou colocar 911223344 [Música] aqui eu vou até colocar 41 e 21 para não confundir 9 87 6655 tá não tá faltando 44 então aqui é como se fosse o número das conversas agora a gente vai ter que criar as conversas que seria né um filtro seria um outro Jason a gente vai montar esse Jason vou ver se eu consigo fazer até o final porque eu tenho que buscar ainda é o filho

na escola vamos pegar aqui ó esse daqui eu já tenho Então vou salvar de volta e vou colocar na conversa tá então é por isso que eu tô fazendo aqui ó aqui a gente já consegue identificar é mais fácil é mais visual para você entender e aí depois a gente consegue agora que que eu vou ter que fazer eu vou ter que fazer um outro um outro elemento aqui ó 10 do 8 deixa eu ver aqui eu vou criar um novo documento tem salvo lá aí agora que que a gente vai precisar a gente vai

precisar criar um das conversas ou seja as conversas que rola aí tem várias conversas tá e basicamente a primeira coisa é eu vou fazer bem simples tá o it aí eu vou ter que pegar os números de telefone cadê Aqui ó Qual que é a conversa eu tenho o texto Essa é uma mensagem teste e aqui eu tenho a direção tá direção da mensagem você é de saída colocar aqui colocar aqui bem entrada ou seja colocar aqui recebida ou enviado e a data do evento tá E aí eu vou colocar o valor a tentar criei

uma conversa então pensa que você vai armazenar as conversas baseado aqui ó nesse número como é que eu como é que eu enviei Então vou colocar aqui ó recebida então tem aqui essa questão das conversas E aí eu vou criar uma outra variável chamada conversa tá depois quando tiver salvando banco de dados o que que vai precisar mapear os campos novamente mas aqui você já consegue fazer você não depende de back Angel de banco de dados para entender os conceitos que eu preciso passar ponto criei aqui ó coloquei as mensagens E aí que agora vem

a hora da verdade eu vou só fazer mostrar as mensagens tá que não vai dar tempo só para você ver na prática deixa eu ver aqui vou adicionar uma div deixa eu ver aqui conversas conversa E aí eu vou colocar aqui altura 100% mínimo deixa eu ver se é 100% acho que vai dar E aí eu vou colocar uma outra uma outra dívida aqui que vai ser o que Cada mensagem tá então vai ser a mensagem e aqui eu preciso ordenar essa conversa vertical ou seja uma mensagem embaixo da outra e aí eu as mensagens

vão começar por aqui vou conectar as conversas tá aqui ó tem três conversas que eu coloquei Ou seja já gerou só vou fazer antes de colocar aqui o texto deixa eu colocar aqui o texto vou deixar aqui uma margem de 8 e aqui esse daqui deixa eu ver vou colocar um background deixa eu ver como é que é branco colocar o background branco colocar aqui ordenação colocar colocar aqui entre as mensagens oito aqui 16 nas bordas aqui vou deixar arredondado E aí aqui eu vou mapear então eu coloquei a colocar aqui também que vou colocar

30 pronto e aqui deveria só ver um negócio aqui embaixo fixe sem por cento tá cortando vou deixar aqui tá então vou me atentar as daqui porque são detalhezinhos que depois a gente mexe E aí Tem bastante coisa então o que que eu vou colocar aqui conectei a Collection tem uma variável conversa isso daí poderia vir do banco de dados vinha da onde fosse necessário E aí eu coloco o que eu vou para o lugar com o texto da mensagem as mensagens estão vindo do mesmo jeito Lembrando aqui como é que eu eu Tem coisa

que às vezes não me lembro deixa só trocar as mensagens aqui mensagem essa que é recebida teste um mensagem teste 2 tá você não você acha que é a mesma coisa e mensagem teste 3 salvei tá aqui E aí é E aí eu tenho uma questão o seguinte pô tem mensagem recebida e mensagem que não é enviado E aí a gente tem essa questão aqui ó então o que que eu vou fazer eu vou criar um estado para mensagem que é o quê deixa eu ver aqui mensagem recebida aqui eu vou criar um estado mensagem

enviada mensagem enviada em mensagem enviada E aí o que que eu vou fazer a condição da mensagem enviada Essa é a direção for igual a enviar vou replicar para os filhos tá então para eles enxergar essa condicional esse estado E aí o que acontece se for enviada o fundo o texto aí eu vou colocar vou vir aqui no texto vou adicionar aqui ó como eu marquei opção do evento do estado do pai ou seja eu criei o estado ok aqui o estado no elemento pai e marquei essa opção cadê Aqui aplicar nos filhos ou seja

eles vão conseguir enxergar esse estado ou seja daí Pelo evento ali do pai eu consigo também mudar então seta aqui ó quando Adicionar mensagem ou seja o evento da mensagem estado na mensagem enviada eu quero que o texto seja branco E aí o máximo eu vou colocar 90 E aí cara não deixa fazer tá pode eu faço ali aí eu coloco aqui ó máximo 90%, só que daí a disposição opa a disposição desse carinha cadê a disposição desse carinha eu quero que quando for a mensagem enviada ele fica para cá E aí eu consigo tenho

essa essa percepção se eu não tô lembrando aqui para acertar aqui no máximo 90% então aqui ó eu já tenho as mensagens tá tá organizando mas só para você entender a estrutura e aí o que que eu vou fazer aqui ó para a gente finalizar eu já tenho as mensagens só que aqui ó eu clico não muda nada que que eu tenho que fazer eu vou criar uma uma variável que vai se chamar conversa atual e eu vou fazer do tipo texto Para quê Para eu sentar qual que é a conversa tá para você tá

Qual que é a conversa que é o que é o ID lá que eu que eu criei né que é esse esse campo aqui que é o número que eu tô conversando então deixa eu pegar aqui quando eu clicar aqui ou seja quando eu clicar na conversa né que alguém me pediu para mostrar os dados quando eu clicar no chat né Abrir conversa vou colocar aqui vou criar outro que é o quê alterar o valor da variável que eu acabei de criar qual variável conversa atual E aí que que eu vou sentar e você tá

o it ou seja para eu conseguir filtrar então tô acertando para eu dizer eu quero abrir essa conversa que cada número vai ter seu o seu Witch tá no caso aqui as mensagens das conversas que eu tenho eu tenho tudo mesmo aí depois a gente vai fazer um filtro ali estou com o tempo estourado mas vou acelerar aqui tá então vou vir aqui ó conversas tá em branco ó a variável aqui ó acabei de criar vou clicar setor setor setor ou seja tô acertando o ID E aí olha que interessante como é que eu vou

trazer as mensagens só de cada usuário aí aqui eu volto na Collection das conversas ou seja pega onde eu tenho as conversas e faço um filtro aqui nos itens eu tô mandando trazer todas as conversas só que eu quero filtrar porque eu vou abrir a conversa da Maria Aparecida eu quero ver só as conversas da Maria Aparecida E aí eu vou fazer um filtro aqui tô desenvolvendo em web aí eu vou fazer um filtro aqui nas conversas Eu quero filtrar somente as conversas que contém o que o ID que eu acabei de clicar Olha que

mágica aí ou seja o valor da variável que eu citei o WhatsApp conversa atual vamos ver se deu certo se a Olha só pronto tem todas as conversas ou seja tem a lista das conversas ele só vai filtrar as conversas de cada usuário aí eu vou colocar Duas conversas aqui para o Felipe deixa eu abrir aqui o Jason vou abrir aqui ó uma de entrada uma recebida Ou seja eu tô pegando é uma conversa ou seja tem toda a lista de todas as conversas E aí qual que é o ID da ou seja essas conversas

vão aparecer para o Felipe e aí o que que acontece se tudo deu certo e eu acredito que deu eu vou atualizar o valor da variável vem aqui conversas e minha mente está fritando Nem começamos só estamos que nenhuma conversa da Maria Aparecida João da Silva e Felipe Nossa Senhora você não tá acreditando né essa mensagem teste do João vou ficar aqui só para você ver você acha que eu tô manipulando os dados Não estou não e essa aqui é uma mensagem de teste do Felipe E aí você entendeu independe de beck você vai usar

mais Kelly não tô nem um pouco preocupado com isso porque quando você entende o jogo por trás do jogo você não fica na mão Ah vou jogar no mais Kelly joga mais Kelly puxa só mapeia os campos como tá lá no mais Kelly acabou não tem é isso é isso que a gente quer ensinar na comunidade é isso que eu quero ensinar nos treinamentos Porque existe uma forma simples de pensar de uma forma simplificada Vou colocar aqui ó alterei o valor da variável E aí ó que que acontece Maria Aparecida não tem mensagem Vamos colocar

uma mensagem para Maria Aparecida olha aqui a mensagem do João e aqui a mensagem do Felipe eu tô eu tô com a minha cabeça fritando porque quando eu olho e falo cara é eu tô ensinando tô mostrando esse negócio que é o layout tá bagunçado tem para ajustar Mas isso não vai mudar o jogo porque esse daqui eu só depois ajusto agora A lógica é o que vai mudar o jogo cada vez mais as ferramentas estão trazendo coisas prontas facilitando agora esse jogo aqui das lojas como é que você vai filtrar os dados Isso você

precisa pensar e aqui eu tô entregando o ouro para você que tá por aqui deixa eu ver aqui só saiu aqui da minha Live Vamos lá ver se temos dúvidas quem que tinha pedido aqui aqui o Pedro Clareou a tua dúvida era isso que você queria converter não deve Bubble seja bem-vindo cai para dentro da comunidade daqui a gente só tá começando tem o Felipe tem a galera que entrou eu só tô começando Só gravei eu acho que tem 6 horas Quase de aula ontem só ontem liberei mais umas duas horas aí hoje gravei umas

aulas top para você entender todo esse conceito entendeu para você não ficar dependente de aula precisa saber o que você tá fazendo então a gente já conseguiu replicar grande parte da conversa como é que eu adiciono eu tenho uma consulta será que eu consigo adicionar uma conversa daí você vai bugar a cabeça hein eu vou fazer eu vou fazer para a gente fechar aqui ó como eu faço essa daqui é a pergunta de milhões Como eu faço para ir um mensageiro atualizar Real Time o front com Back And que recebeu uma mensagem tem que trabalhar

com serviço de websoft né para ele Conectar em tempo real usando por exemplo que eu utilizo não tem que que você vai utilizar você vai utilizar a ferramenta abre mais um ouro vai ter aula também daqui eu já testei você vai utilizar essa ferramenta aqui ó para ele se comunicar com o banco de dados em tempo real receber as mensagens então você consegue ter essa essa experiência essa experiência que tem um plano Generoso gratuito por isso que eu falo né quem fica até o final recebe o ouro nós temos quanto tempo na Live um pouquinho

mais de um pouquinho mais de Quase duas horas é começando três e pouquinho Alexandre Lima Então aqui ó você vai utilizar isso aqui tem queimar o neurônio mas lá na comunidade daqui a pouco vai ter essa parada aqui tá Então se a gente tá entregando ao vivo imagine dentro da Comunidade Tem mais alguma dúvida Vamos ver eu tinha respondido do ações para dar display Você conhece algum Key de Despertar já te respondido como é considerado carregamento página o burro você não tem como definir exatamente estático tipo no WhatsApp onde você navega nas opções e Só

muda a tela das conversas é isso que eu fiz agora né Felipe só me confirma é isso aqui ó [Música] aqui é o Brasil de quem faz é no code na prática Skin the game como eu falei né Tem coisa aqui que eu não me lembro dá um branco ajustar isso aqui mais isso daqui não não é o que mudou o jogo que muda o jogo é pensar fora da fora da curva pensar em escala pensar negócio que você não vai ser escravo mas aprender a construir da forma correta eu construí já quatro saz aí

já queimei algum neurônio já quebrei a cara né já fritei muita coisa aí o custo do Web tem comunidade para as dúvidas pessoas se ajudarem vai ter a gente tá construindo vou aprender tudo que tem no circo e vou trazer para dentro da comunidade tá E é como é e o portal tem lá no portal portal vai ficar uma parada todo o negócio que se chama no code BR né não é só a parada de curso vai ter é um ecossistema que eu tô construindo e a base a inteligência do negócio é na plataforma tá

então assim a parte de cima é uma das coisas que tem dentro do Code BR Vai ter muito mais vocês nem imagina o que que está sendo projetado né só que no começo aqui eu preciso liberar principalmente esses dois cursos aí de que daí a galera vai colocar o trem para rodar vai aprender e aí a gente vai realmente começar a formar a galera Elite no code que não vai construir por construir mas vai construir coisas fora da curva e não só né vai bater de frente aí com a programação convencional É isso que eu

acredito e é isso que eu faço no meu dia a dia né É por isso que eu me coloquei a prova de fogo aqui né errando como eu falei eu não tinha essa ideia eu fui construindo junto eu poderia trazer tudo meio Prontinho falar ó aqui você vai colocar isso aquilo e tal mas hoje principalmente hoje né talvez tenha algumas lives que eu faça isso traga algumas coisas mas pronto mas nessa eu quis trazer esse pensamento como é que a gente vai construindo como é que eu vou construindo chegou a demanda Nossa como é que

eu faço para reconstruir o WhatsApp web é isso que você precisa aprender web mais anos sucesso é o que eu uso é pilha que eu uso tá eu não tô aprendendo Ah não vou ensinar é não tô aprendendo para ensinar eu tô ensinando que eu já executei ou seja criando aprendendo coisa nova é sendo parceiro tantos anos quanto do iuweb tendo informações eh antecipadas privilegiadas e tendo muito né um contato muito próximo com as duas ferramentas e o principal para mim não é isso né Ah você é parceiro você já era conteúdo dos dois é

o que é que também eu tô construindo na prática se você for ver a comunidade é construído sobre wilbeb exame e é isso que faz é isso que faz a a diferença Vou colocar aqui ó o link da comunidade tá link da Comunidade Mas você direto não estamos nem nem página de venda ainda temos nem página de venda ainda deveria ter colocado ali desde o começo mas foco principal é gerar essas informações Clareou aqui ó ficou Claro mais ou menos funcionamento que que tá por trás do WhatsApp web Como que você monta você pode montar

uma plataforma de chat né eu fiz com variável porque não depende baciente aqui você vai dominar a parte do front depois tudo que eu criei aqui ó no Jason tudo que eu criei no Jason vai vir vai vir pronto lá no backend no banco de dados você vai trazer essa informação você vai estruturar E aí você mapeia do jeito que você quer o importante é entender toda a lógica o mecanismo e isso eu vejo que tem poucas pessoas ensinando né compartilhando isso porque porque uma coisa é você ensinar outra coisa você ensinar o que você

faz então esse que é o ponto esse que é o ponto eu tô aprendendo direto e quanto mais o que eu mais quero a galera que fica no meu pé porque assim que eu aprendo mais assim que eu vou ensinar mais assim que eu vou avançar e é isso exatamente tem integração Nativa Mas isso é só um só um parênteses vamos lá as últimas dúvidas eu vou precisar encerrar que eu tenho uma consulta eu acho que foi uma uma live animal qual um resumo dessa Live para você que ficou até o final em uma frase

o que que essa Live resume para você para você que acompanhou tá junto comigo aqui até o final que que em uma frase o que que você pode dizer dessa Live aí 002 já pensou quando eu tiver na 20 cada vez nós vamos avançar nós vamos mexer com o mercado nós vamos trazer coisas quentinhas novidades a todo momento que cada vez se desafiando mais né a gente não vai construir lista de mercado coisinha assim nós vamos para cima nós vamos reconstruir o YouTube Vamos transformar uma planilha num sistema tem muita coisa se você não me

segue lá no Instagram já me siga porque vai fazer a diferença vamos ver aqui os comentários finais e aí a gente encerra com essa belezura foi muito top curtir para caramba eu acho que daqui a pouco eu vou querer fazer Live todo dia porque né O Desafio que era parar para começar a ensinar eu acho que eu vencer agora eu quero zaguar todo o conhecimento que eu tenho aqui é que eu aprendi quem chega primeiro bebe água limpa e quando é a fonte é a água pura Cristalina o sucesso é garantido Maravilha deixa eu ver

se tem mais alguma dúvida podemos encerrar por aqui então o resumo da Live de hoje é que não tem limites não tem limites não tem limites é isso é isso meu principal objetivo de tá colocando a cara tapa que tá né tem esse objetivo primeiro cara você você vai errar mas não tenha compromisso com erro que nem ela tem coisas que eu não me lembrei no meio da Live é isso que acontece no dia a dia às vezes tem que parar Ah conversa com um converso com a minha equipe ali é né aprende e o

que acontece o Will webzano Cara você sabe tudo não porque não precisei implementar todos os cenários mas eu sei onde que busca se eu precisar eu vou lá e busco vou lá e construir a lógica eu vou lá e moto que precisa ser montado porque não tem preguiça não tem compromisso com erro e isso faz é faz total diferença sobre a questão de gerar QR Code com o Web buscar com código java script e usar no YouTube Eu não sei se já não tem nem plugin deixa eu ver aqui eu não precisei mas é tão

fácil viapi isso daí é mole tá isso é mole mole sem entrar na comunidade eu gravo uma aula grave uma aula você pode até me explicar quem entra na comunidade agora os primeiros tá ganhando uma mentoria gratuita que é o mesmo valor da Comunidade é para ter uma hora ali de mentoria para analisar teu projeto para destravar o que você tá travado aí é r$ 500 e eu tô cobrando na comunidade isso e você ganha mentoria só para você ter noção E aí você vai ter acesso ao curso de web que eu tô gravando e

na sequência eu versão 2.0 do zano descomplicado que esse vai ser para quebrar com tudo e aí a gente vai entrar num outro jogo realmente de Elite porque não vai ter o que a gente não vai construir e dando a comunidade comigo você não vai aprender arrasando e web não eu uso uma porrada de serviço para ter escala as pessoas acham ah nossa Zana Achou os anos vai ter escala negativo eu já vi aberrações atrocidade sendo construída com e com Bubble qualquer ferramenta Então não é ferramenta potencializa só que você pensar de forma disruptiva é

o que muda o jogo tá então vai ser liberado quando Então vai ser liberado na sequência eu tô dando prioridade para o Web porque não tem material é o primeiro curso do mundo de we web né a galera lá do Web tá faceiro tava conversando com eles essa semana é do conteúdo que eu tenho gerado porque não tem Ou você tem lá no canal deles ou você vai ver aqui né conteúdo denso mesmo não aulas ah faça isso daqui mostra isso daqui não aulas 10 você tá vendo aqui então é o primeiro curso do mundo

dizendo foi o primeiro criador do curso nível Mundial porque porque são ferramentas não e o mais interessante né as perguntas as pessoas até me pergunta ah mas você tá fazendo porque não tem ninguém falando não é porque eu uso na prática é isso que é a diferença eu uso no meu dia a dia eu como com farinha zano e web para você ter noção o Will tem três meses eu já construí duas plataformas na verdade três Então imagina que seis meses construindo e a galera tirando dúvida e mais cenário e mais coisa e mais Live

a gente vai dominar o Brasil vai ser referência em web isano que as duas ferramentas que eu né que eu trago a frente mas não é só não é só sobre o Web sobre zano é uma mentalidade de knockout mesmo e você não ter a pega ferramenta daqui a pouco e o Web pode sei lá dá merda que nem aconteceu no Bubble cara a gente já sabe não muda a gente vai usar a próxima mas a mentalidade é o que muda o jogo quando o Bubble deu aquele B.O da precificação eu vi a galera desesperada

eu fiquei eu acho que eu eu tava mais tranquilo por quê Porque eu não dependi exclusivamente tenho aplicações rodando em Bubble eh tem outras soluções mas tudo que eu vou construir daqui para frente o Will web e zano tá é a base vamos lá realmente não tem nada eu curto dois deixa eu ver show essa semana vou entrar Maravilha caiu para dentro não é ilimitado a única limitação do you web é a questão de carregamento de app né é o carregamento da pp Então eu acho que essa que faz é isso que faz a isso

que faz a diferença deixa eu ver aqui bom galera muito obrigado para você que ficou até o final que tá prestigiando espero te ver lá na comunidade Vai ser um prazer compartilhar tudo né acelerar o teu processo é o que eu mais quero eu quero chegar ali no final do ano e fala cara acelerei uma galera e uma galera me acelerou né porque não é uma via de mão única eu tenho certeza que cada um das pessoas que estão aqui que vão entrar na comunidade elas vão contribuir né Elas vão trazer a sua experiência no

hall e elas vão me tirar do lado do conforto é isso que eu quero porque cada vez eu vou aprender mais vou trazer mais novidade conteúdo top das galáxias porque o meu negócio não é negócio de curso de ensinar Isso é uma parte do meu ecossistema que eu tô construindo e vocês vão ver essa jornada aí ao longo dos dias dos meses dos anos porque quando eu entro no negócio eu entro de corpo e alma para fazer o trem acontecer e foi assim que eu construí quatro startups construir deu certo não deu certo aprendi muito

mas utilizo aí fazendo com no code inclusive o portal né Portal eu decidi eu poderia ter um cerco seria mais fácil falei cara mas a galera quer ver né o Brasil de quem faz E aí eu decidi fazer a o portal também no Coach utilizando o Web né Para a gente realmente ensinar o que a gente tá fazendo na prática fechou agradeça demais quinta-feira que vem tem outra Live eu tô definindo horário provavelmente vai ser as três tá porque é o horário que se encaixa para mim que o filho pequeno enfim vai mas vai ter

essas lives daqui a pouco as lives vão sair do ar e vão ficar liberado só para quem tiver dentro da comunidade logicamente Mas você que tá aqui presente você vai aprender durante as lives né se você quiser aprofundar mais acelerar mais é da comunidade tocou de BR fechou um grande abraço e vamos para cima Bora acelerar bora fazer acontecer Brasil de quem faz