DESIGN E FRONTEND COM DAVID ARTY @chiefofdesign E CLAUBER STIPKOVIC

0:00E aí [Música] [Aplausos] é muito bem muito bem meus amigos estamos aqui para mais um episódio do é pt não compila hoje eu quase um episódio artístico para levar quase quase um é uma obra de a discussão esse daí já já polêmica polêmica qual o limite entre o design EA arte à tecnologia wi-fi wi-fi muito bem pessoal hoje nossa pauta é front-end vamos falar sobre desenvolvimento front-end vamos falar sobre design com educação Framework sobre Qual é o padrão de desenvolvimento hoje enfim vamos correr sobre esses assuntos aqui no BPT no Corpinho vamos um pouco da bolha do backend sai um pouco do bico serviço sai um pouco Daí piá que a gente já fala muito isso aqui então isso é muito importante que a gente tem que falar de transformação digital e transformação digital sem a ponta sem a computação de borda funciona assim e não faz sentido Então vamos correr sobre esses assuntos aqui hoje para falar desse assunto eu tô com dois caras aqui que manja animais desses desses: apresentando aqui para vocês David arte famoso if of design dá um oi para a galera fala do teu canal se apresenta aí para agradecer por ter Obrigado pelo convite prazer jantar aqui ou como ele já falou sou o David Eu tenho um canal de foxline onde eu falo sobre designer sobre pouco sobre tecnologia eu me aviso tudo falar um pouquinho sobre front-end também viu e eu sou designer e trabalho com design desde 2018/2009 atualmente eu tô focando mais nessa parte do experiência tô fazendo pós-graduação e trabalho com conteúdo Educacional também né no motivo usar então tem bastante aula sobre design Tem uma parte do continente que eu brinquei aqui de html tem um parte WordPress Então eu tenho essas Vertentes assim trabalho como autônomo prestando serviço como designer é é a fala de focada em design digital é um de interfaces é digitais e tem essa parte do cacional eu também trabalho desde 2014 que é conte fique aí tem blog tem YouTube tem tudo que tiver aí cursos para pagar lá poder aprender e se especializar né poder entrar nessa área que tá precisando de gente sempre tá precisando né parece muito é muito parecido com as áreas com a área de games né por sempre tem vaga sempre cresce nunca retrai sem p vai para frente então acho que é uma boa e eu tento ajudar e de alguma maneira show obrigado pela presença que você tá o convite aqui compartilhar com a gente obrigado nem nada só vim pela cerveja cerveja vai faltar já tá garantido tá vendo ó e aqui na ponta conosco Country Stitch kovic Cara acho que eu nunca mais e o teu nome acertei uma vez não é o mais não é agora tá naquela se fosse falar com sotaque que meu pai falava era Street Ah mas tá bom tá tranquilo abrasileirada whatever legal o qual ele é desenvolvedor de front-end de certos Hoje você tá numa Startup the insurance for pagar uma enxertar que a gente trabalha com a cola e seguros para a Corporação eu tô como front-end vida de frente ainda né a gente tá cuidando de toda a parte de front tanto a aplicação Portal né fora da empresa os transportes internos então bastante trabalho mas é bem é bem legal porque se acabar tendo aquela aquela sensação de fazer o código de gerenciar um pouco também que tá sendo uma experiência diferente para Legal muito bom bem bacana fala o nome desse certo a vida Seguros a Vida Segura só procurar no Google que entra aí passo abaixo ep entra no site tive que cada um botão e quebrou alguma coisa legal tinha comprador para mim hahaha e na igreja tava muito bem cara eu queria começar com vocês para fazer um flashback para gente falar um pouco da evolução da interface quando a gente está falando de bebe Né desde os tempos de webdesign webmaster webmaster quando a gente fazia HTML 4.1 excesso de fazer cgi cgi cara com a bonitinho cgi-bin ali na pastinha para mandar e-mail né quem nunca né Pois é e como eu queria ver o primeiro essa discussão com vocês de como que e a tecnologia ela evoluiu no sentido da gente passar até essa integração entre o homem EA interface né o agente de integração homem mais lindo ali é de uma coisa um pouco mais primária ali dos formulários HTML 4.0 para uma coisa que é uma experiência mais natural hoje né Hoje você não faz coisa com Interface pensando Só no portal o sono Mobo você pensa na experiência do cara com o produto como um todo né é isso eu já Desde da onda a gente começou a falar de responsiva se você pensa na experiência como um todo né para isso como que vocês viram aí essa evolução o quê que vocês podem contar pra gente nessa revolução todo o ponto de vista de mercadológico de experiência da Integração a lido a demanda que o próprio mercado se regulou para chegar nesse sentido quanto de tecnologia também começar por mim aqui porque eu comecei a desenvolver mesmo a Fronte entre 2000 em 2002 a gente nem tinha para 2002 Pelo menos eu fazia um java script CSS para cada browser ainda é na verdade se eu tinha que tinha o Internet Explore já era 5604 por 5 horas em deixa para isso a gente ainda usava Netscape vamos começar a tirar naftalina aqui do do bolso mas a primeira página que eu fiz eu não usei nenhuma Editora Eu usei o Word eu tinha água que você escreveu o seu código HTML lá e o tinha como salvar como HTML sim e aí era daí que você ia fazer a tabela a tabela no Word salvar exatamente então cheguei a pegar o finalzinho do cgi lá mas nessa época já era muito complicada né tinha nessa que era profissional de newey ver exatamente eu ia ver sim Exatamente isso é ruim de hot dog também tinha temor eu tava tentando lembrar esses dias tinha uma é um editor open-source que era baseado em alguma coisa da Mozilla Netscape que vinha inclusive na net capilar que você conseguirá usar mas eu não consegui pegar a memória mas era mais ou menos isso e bloco de notas né você já de editar alguma coisa se abriu abrir o bloco de notas ele tava que você precisava ir reflete o tempo inteiro né pode perde mais mais também né a Notepad + + eu bem depois vai ver depois né Nossa tá uma vergonha não eu não tinha colorização de texto é nada né era um editor de texto ali normal e layout tudo força PTR tudo exatamente tabela era uma loucura a gente evoluiu né caro para caramba para caramba e aí eu acho que eu vejo dois grandes momentos na e na nessa evolução de tecnologia para Frontier pelo menos até hoje eu acompanhei que aí queria que vocês dessem uma antes corridas sobre isso que o primeiro primeira grande decepção que aconteceu Ele foi coisa Começou a sair de fato HTML5 css3 né que a gente parou de falar de de layout tabular começou a trabalhar com div float etc né e acho que a segunda é acho que faz parte da primeira também ele quando ele começou a falar de Campos né que o flash morreu e aí de fato a gente começou a ter um desenvolvimento mais hard para visual para web com Java script né confirmou que específicos de jogos clipe e e como por consequência a gente começou a falar de layouts responsivos né com alta adaptabilidade já direto dentro do CSS e começou a dar uma multicanalidade melhor se você desenvolver uma vez ela ser disponível com vários canais né como que vocês viram isso acontecer do ponto de vista de evolução e também do ponto de vista de Diz aí realizar de experiência e de design da integração do humano com isso como vocês viram essa parada a quebra ali na minha opinião foi um iPhone né ela o primeiro iPhone porque a gente tinha até então flash que nem você estou a gente tinha é o HTML ali mas já já era html4 né já tinha CSS a gente já trabalhar com div Florestal mas ainda era uma coisa assim não era fluida né não é nem se compara com que a gente tem hoje em dia então o lançamento do iPhone e aí também tem outros movimentos né A internet cada vez mais rápida o acesso à internet cada vez maior mas essa percepção de da gente tem uma extensão digital da gente é uma extenção hoje em dia a gente não vive sem celular né então acho é aquele momento ali de rotura realmente sabe que contribuiu não só por questões como um todo esse para humanidade mas dessa parte de tecnologia desenvolvimento a gente teve Começar a se coçar a pensar em outras coisas a gente não pensava em site para celular como essa hoje em dia né gente fazer as versões a bela lá colocava Afonso mobile e e pronto. M da vida né mobile site é m. Alguma coisa era assim então eu acho que o iPhone também ou desse movimento claro que teve tem questões comerciais aí né não tô sendo Comboio assim da Apple Steve Jobs Nossa cara era Salvador não tinha todas as questões comerciais mas o fato que mudou a nossa forma de interagir né a nossa forma de tirar de um um celular com no digital e tudo isso desencadeou porque a gente tem hoje então hoje em dia a gente tem e disciplinares e hoje em dia a gente está falando de responsividade cada vez mais não apesar que o primeiro tipo de responsividade eu acho que é de 2009/2010 em ambiente é então mas tudo isso Acabou a partir dessa tecnologia que é muito louco daqui é uma tecnologia que já existiu a gente falou esse número é um podcast já existia mas que a gente não utilizava dessa maneira hoje é uma extenção então foi a quebra ali foi realmente o aquela parte disruptiva pessoal gosta de falar essa palavra bem namorar talvez na moda né mas fazer o quê que corroborou para que ele tivesse eu o que a gente tem hoje né Eu acho que mudou totalmente cara a partir disso pegando um pouco ponto de vista de desenvolvedor eu acho que a gente não perde uma um ponto que seja antes ou depois né na verdade você tem várias várias quebras ali no meio do caminho você tem tem ponto que você falou não é importante isso é importante pegando de lá de trás aqui é aquela guerra entre Netscape e Microsoft né dessa guerra toda gerou a Mozilla inclusive né que sair de dentro do código do Netscape até das épocas que a gente brincava lá nos códigos amorzinho você tinha um monte de NS. Dentro do dos códigos da Mozilla até a herança do Netflix e E aí você teve o surgimento do Firefox a questão de responsividade começou a ser falada a questão de até um pouco antes a questão de web semântica para que é você tirar as tabelas e usar o HTML para as tags que elas foram feitas para gente né isso esse é o parte importante bem Bem lembrado aqui no resolvi até um espacinho pra gente falar fora disto a importância da da indexação da internet e como como ele semântica trouxe isso mas só para quem não conhece vou dar uma breve resumo do que a web semântica o S6 e quando você codifica a página ali você tem marcações que até então ela só faziam efeitos visuais como a página era apresentada né Então desista com quadrado isso aqui é um texto isso aqui é um circo enfim a web semântica começou a trazer significado também para aquelas representações né então eu digo o que é o que é fácil que é um texto eu consigo dar um pouco mais de significado para aquilo Isso facilita para as máquinas que leem e conseguem interpretar essa página só logo os parentes eram até complementando a questão do dólar de semântica é você dá sentido para aquele ser o texto né porque você for pegar um livro A gente tem parágrafo a gente tem título a gente tem todas essas referências dentro de um texto Então basicamente era parar de usar a tabela que a gente sempre usava para usar coisas que o próprio HTML já tinha né o mapa de neutro para você ontem nem outra você tinha span que eram entre aspas teu texto neutro e até lembrando agora aqui a gente tinha o movimento do pai delas sem encabeçado pelo Diego a gente não sei se você já ouviu falar do de Greys aqui ele tinha a parte dos convertidos no site do topas que gerou até problema para ele ele pegava site tipo da Apple IBM Microsoft e convertida para temas e mostrava o antes e o depois questão de tamanho de arquivo escavam um processo da vida você tá mexendo meu site né E até explicar tudo então aqui esse decorrer de todas essas acontecimentos aí surgimento Firefox é de todo mundo começar a migrar para outros browsers ver que tinha uma opção e eu lembro muito bem de uma das empresas que eu trabalhei a empresa era Gold Partner Microsoft Então você imagina aqui na época isso 2008 para 2009 era um absurdo você chegar numa empresa dessa uma camisa da música com o logo do Forte e eu fiz isso e aí eu lembro até hoje que a um dos gestores lá quando ele foi me entrevistar eu tinha acabado de sair de uma palestra tava com a camisa e você sabe onde você tá entrando né Eu falei se ele falar com a camisa final fica tranquilo aí não tem o primeiro dia eu abrir a máquina instalei o Firefox Instalei um plugin que tinha peraí etebe para fazer a compatibilidade sim Ned coisas que só funcionavam no e pra gente tem esse problema consegui fazer ele funcionar por dentro do Firefox e testar as duas páginas exatamente fazer o HTML e CSS parte tem que fazer funcionar você não tinha como controlar aquilo para até porque no começo Um dos problemas de internet a Vitória ele não seguirá padrões pensa tem a w3c é o consórcio Mundial lá das empresas grandes IBM Apple Microsoft a Mozilla também tá e outras empresas e definiam qualquer o padrão para web né Isso também era uma coisa importante antigamente que acabou mesmo a mulher a gente validar o código né pesar e lá no site w36 e não funcionava não na internet aqui aí você que brava ele tão passar o terceiro ficava bonito é isso mesmo e aí até uma das coisas que o pessoal dessa empresa me falou eu abri lá fora não tá funcionando eu só mais como não é padrão foi não participar documentação nada aparecer a cara melhor se fosse como isso não funciona na Internet Explorer Olha só segue padrão e funcionava no Firefox entendeu para gente te ver se acho que por isso que eu tô falando com essa questão desses Marcos nesses pontos que foram acontecendo E aí a introdução também depois na academia ali 5 css3 Então você teve outros pontos Aí entrou a Apple também falando olha a pouco você gosta de flash não vai ter mais então fazer você começou a biblioteca como Deus quer né então tem vários outros aí na no decorrer do caminho desse movimento da Apple de matar o flash pisou na cabeça da macro mídia né Depois que ela tiver Até que enfim e não há macromidia foi vendida antes ele foi a verdade verdade quem foi Oscar apertada própria do adora e não é Adobe faz parte desse consórcio w3c é muito louco isso né ela tinha um produto ela tem onde tem um dia de tão flash lá tal assim mais ou menos um flash da vida sério é tem final nem na suíte não mas não é não tem aquele fim a mão mais animação confesso que eu nunca nem mexer tem outro nome mas é muito louco ela fazer a parte do consórcio ver que zelava pelos padrões que essa conversa de semântica né Tem bem antes da tml5 né só preocupação de tinha preocupação para as classes com a div span que necessitou aí e ao mesmo tempo ela tinha um produto aqui entre aspas né o Louis eo é de ali e ela que eu só fico ouvindo e o o Flash ele é totalmente inverso ao que ela dá para ter seja sim assim ele era ele era proprietário e jogava lá um o gigante swf cansado de ar e você simplesmente o HTML e simplesmente serviu para distanciar o aplicativo né quero ela já sofreu demais se apaixonar era bizarro você vai totalmente contra que surgiu é de semântica de granularidade de rastreabilidade 50 então e aí por isso que eu falo que assim do ponto de vista de desenvolvedor você tem vários várias quebras de paradigma nesse caminho todo aí entrar ela vai 2.0 com HTML5 e css3 é a questão até do próprio JavaScript né aqui evoluiu muito por conta do diretório e muitas coisas que tinham de coelho e foram trazidas para dentro da linguagem principal E aí de quase acabou virando obsoleto E aí você tem que ser meio aparelho de Credo negócio caminhou bastante de ter depois eu fui para o mundo do Black Ainda não voltei mais mas até os até hoje você fazer um seletores de com ele velho o cara de vez em quando faz falta o seletor viu falar que ia ver você se for um moleque da vida você dá uma olhada falar para que tudo isso né você com jeito ela mais falta tô precisando outro classe aqui é se tudo certo cara você paga os parente lá da vida e tá tudo certo e você que tem um contexto mais histórico de inclusive pelo envolvimento certeza uma comunidade na da Mozilla 17 anos nesse só só isso você não tem nem 17 anos né velho não sei que a gente a gente vai casar não vai se você faça 4 22 matemática Manda um abraço quando quando quando a gente tinha esse modelo lá do ler e do Netscape ainda pré Chrome nos falado não né pensava e pelos dois ter essas vendinhas diferentes e tal mesmo com o w3c e entre esse GAP do jeito here Onde nasceu o dom e ele já era parte da especificação w3c Firefox ou ele veio ele na verdade ganhou esse formato depois da unificação eu não sei a resposta não conheço misturando até até onde eu pesquisei sobre a questão do Na verdade ele surgiu junto com aquele híbrido de html JavaScript né porque o Don document Object Model é uma abstração do HTML para kill JavaScript possa manipular ele é isso então quando já tinha linguagem pura senha de quatro e você já conseguia manipular o JavaScript Normalmente sim é o dom do do HTML mas sem você ter uma lá temer bem estruturados e não consegue botar um dom que ele é imparcial eu concordo é o próprio browser aqui né sim na verdade falando vamos baixar o nível aqui no negócio falando de and JavaScript né é como que na verdade atende tanto a de JavaScript quanto a de renderização de html CSS como é que ela e ela vai e-mail HTML vai passear tudo que não é CSS nem Jesus Cristo ela escreve HTML primeiro os o correto né E aí depois ela volta aplica o CSS E aí sim aplico já inscrito não adianta você ter javscript chamando coisas que ainda não existem na página para vender e por isso que o documento.

21:02Por é exatamente como é exatamente então a questão de de você ter a sua organização HTML é para deixar a vida do seu Da sua rede de mais saudável porque renderizar ele vai renderizar aí dá um trabalho violento para ele mas ele vai renderizar é aquela velha polêmica nós vamos clipe Eu uso o. E, no final de cada linha no uso e funciona mas não é o correto se você tem que usar até para a gente que estudou compiladores na faculdade a gente lembra na questão de identificador ali de linha na questão apresenta o valor como exemplo o Python a gente tentação que é o guia mas pegando por Jesus Cristo ele funciona sem sem. E, normalmente né é que se você não tivesse tipo de padrão de organização acaba caindo na margem da dedução da linguagem do navegador né nem por exemplo se você tá montando lá uma div no código ou tumba rap um barra a sua página se você não fechar a tag Ela vai rodar né que internamente que que vai acontecer ele tá aparecendo as tags se ele vai querer uma pilha certo sem então sempre a última pegue que abriu é que tem que ser fechada na então ele vai empilhar é possível uma fechando né Isa e aí se não fechou o trecho ali ele vai ter que deduzir aonde aquilo e Conde aquele elemento terminou né E aí pai você vai ficar na no limite da dedução do algoritmo do próprio navegador do do até para quem está assistindo aí a ST abstract abstract syntax Tree árvore de tinta que substrato quem quiser procura no Google para entender melhor em baixo muito baixo de nível para caceta vamos ver como tá mas é engraçado até falando disso foi parte de um tema do meu administração científica dentro do da faculdade que foi voltada para o browser que eu tava estudando o spider-man quê que é a Engine de JavaScript do Firefox legal então essa parte dessa vez que ela menor legal eu quero falar com você agora que ainda não conhece a Clever Clever uma empresa que já tem mais de 3 milhões de usuários em 30 países com 30 idiomas diferentes que tem trazido Soluções em blocos encrypt o e ativos vegetais objetivo da Clever at da Liberdade financeira para operar nesse mercado de cripto então se você acredita nisso se você acredita nessa Liberdade você já Pensa como a Clever vai conhecer os caras e Kleber.

23:39Aí o que estão contratando também pessoal para trabalhar com o crypto.com bocket então se você tem interesse sustém com respeito nessa área procura Kleber se você gosta de Crypton moedas se você opera no mercado você precisa conhecer a clévio só conhecer as soluções da Kleber tão o endereço tá aqui embaixo no vídeo para quem não tá no YouTube é Kleber. Aí o palavra conhecer que realmente o mercado sensacional e o David do ponto de vista de design o abaixar o nível acho que agora deixar ele mais bonita coloque o cara lá olha cara 40 e gravou oferecer queria que você viesse aqui explicasse o que que é design para galera porque aí tem essa Mística que o cara que faz o PSD em si né é difícil falar o que é design né é um pouco é usado falar o que é design teve grandes designers que não quiser definir o que é designer ela já ficou difícil mas para mim eu vou remédio já ficou abstrato para [ __ ] mas mais para mim na minha opinião sim design não é o não é o acaso não é por acaso né então você estava até falando aí ao browser vai renderizar mesmo que a tag esteja aberto ali então não é fazer uma coisa assim o registo ao muito aberta sabe para mim design é uma coisa com o objetivo é feita com fim com fim determinado para você resolver o problema se a gente comunicação seja um problema social seja um problema de tecnologia então ali não é por acaso não é ao acaso eu penso isso mas definiu que é design de uma maneira definitiva eu acho que para ter que botar na mesa assim com força bater com força né e eu não tenho eu acho que não tenho essa capacidade cognitiva para poder falar isso vai se Na minha percepção é isso é você fazer as coisas com um planejamento ali para resolver um fim é resolver um problema né hum uma solução que ia entre aspas né criativa né que é isso que se espera normalmente um designer que a Deise falou eu tinha esse espera né é uma das partes do Design ali tem essa camada mais visceral né que que essa parte mais larga que as pessoas vivem então ali e que acabou relacionado tudo é design então às vezes o pessoal Olha esse quadro ainda the money fala que é design então então tem essa camada realmente tem até essa essa Associação que não deixa de ter razão que tem coerência mas design também é planejamento também é um pensamento orquestrado arquitetado também envolve muita pesquisa um pensar sabe como pensar em cima de um de um de um desafio e que você vai fazer com um propósito para chegar naquela solução para resolver aquele desafio né bem tem esse lado mais artístico como se diz de digitar arte da beleza da parada Mas tem uma coisa meio ligada à engenharia da parada em total do e eu acho que isso é muito louco e que eu não tenho capacidade insuficiente para enxergar a complexidade que nós fala de design de como essas duas coisas se aliam sabe eu acho que a mágica do Design em você quando você pega ali a solução de um problema se Engenharia no problema e você traz essa essa estética sim para parada sabe eu eu paro na engenharia eu não consigo transbordar para outro lado eu não sei nem Qual é a opinião dele sobre isso mas assim eu acho que é uma das empresas que eu trabalhei foi agênciaclick lá atrás né então a gente lhe dava muito com pessoal de design até o Diego que tá morando na Nova York agora foi um cara que me ajudou muito né cara porque ele era diretor da parte de criação que a gente agora a primeira página que eu fiz junto com ele foi uma campanha de uma empresa de alimentos e aí a gente começou a debater sem falar olha o layout é esse Eu implementei Assim tá ok para você e foi interessante porque na hora que eu não tinha esse conceito por exemplo de E ai que a gente tem hoje né então não sei se a minha visão que essa esse conceito de luar iOS ajudou muito a estreitar o laço entre desenvolvedores designer não sei habitotal eu acho que sim até você brincou aí essa pretinha que tinha né desenvolvedor designer tá eu acho que com certeza ajudou é uma percepção melhor do Design do desenvolvedor para o designer do designer para o desenvolvedor Com certeza e tá muito ligado hoje a produto digital né apesar de a gente falar de experiência não não se tratar só de digital mas está muito ligado ao digital Então até dessa questão aí tentou o danado aí do iPhone que corroborou com isso mas é essa questão estética aí do Design é muito muito interessante né porque é e assim Tem coisas que o designer tem como prever ela esse vai ser bonito entre aspas porque são processos cognitivos que são naturais nossos assim são são questões ali desse lado semiótica de Gestalt de como sair funciona de percepção de cor é um quando você fala uma coisa que ela é bonita pode ter sua experiência pode estar dentro disso né a sua experiência pessoal então sei lá você acha por exemplo símbolo do Corinthians bonitos cara eu gostei [Risadas] ele acha lindo porque assim como eu porque a gente tem aquela aquela coisa pô meu pai meu meu avô fui no estádio que não sei o que será só que eles Marcelinho Neto e vai ir e mais tem também então é essa que tem como a gente ir é saber lidar com elas são questões naturais até a percepção da corrida eu enxergo aquele Amarelo aí na parede diferente Possivelmente diferente de você então tem esse esses fatos porém tem outros que são relacionados ali a organização do layout estruturação e são controlados podem ser controlados pelo designer Então quando você falar com um design é feio uma página é feia pode ter uma parte ali mais solta né que vem da sua da sua percepção que isso não tem como controlar mas grande parte é porque o designer falhou ou não foi planejado ou às vezes ele até deixou de propósito aberta essa questão que ele poderia ter estudado então a gente fala de Gestalt alinhamento é não quis Altino no caso aqui a gente fala de organização né então a gente fala de proximidade semelhança pregnância da forma Tudo isso e dá para a gente ir controlar né E aí a gente cria algo que as pessoas vão perceber ou tem vão entendendo atendem a perceber mais bonito e essa questão de perceber mais bonito influencia também na utilização né então tem aquela coisa Às vezes do desenvolvedor que o aplicativo fala tá funcionando tal mas não Tá bonitinho aquela ou não vendeu porque a beleza Tem uma função a estética Tem uma função também né Cruzeiro comercial é comercial até mesmo do usuário tem que pesquisas indicam que as pessoas têm mais paciência com interfaces bonitas então tem ou não tem todo um umas coisas assim voltas que não é só não é só falar assim é bonito e pronto acabou sabe deixa eu tentar resumir aqui para ver se eu entendi e para quem está nos ouvindo também de se ratifica e o que você trouxe para a gente David existe aquele conceito que é meramente artístico certo nem por exemplo quando o mone pintou essa obra ele não pensou em nada como você disse em conceitos etc ele tirou aquele de um do filho dele de mate dele e as pessoas acham bonito sim Não mas aí mas está envolvido técnica que Ele estudou né bastante e tem um objetivo dele arte também tem objetivo né o objetivo dele pois aqui nessa obra transmitiu uma cena deixar gravado na história ali como fosse uma fotografia uma cena do cotidiano e sei lá da onde que é de Paris sim então também tem um objetivo só que é o objetivo da arte ela fica mais na parte da expressão ali a emoção né é tipo eu vou fazer aqui é como eu entendo esse pessoas vão interpretar Jim E no caso do Design você faz para normalmente né ou deveria ser assim para você resolver um problema que existe né então trazem até você um problema você percebe um problema um ponto de melhoria você vai trabalhar em cima daquilo Então não é uma coisa assim eu vou fazer porque eu quero me expressar não vou fazer porque tem um objetivo o problema a ser resolvido Sim e com vocês existem conceitos que o designer estuda que ele vai aplicar esses conceitos para na resolução desse problema e que isso levam as pessoas a perceberem a solução como Bela esses esses base desses conceitos então dá para dizer que existe uma fórmula da beleza que o designer conhece e facilita até esquina sim como uma parte com certeza a parte é responsabilidade do Design possível layout ele falar isso é feio só pode até essa falar feio porque eu não gosto da cor amarela beleza Esse é um gosto pessoal mas o restante o prefeito que tá dizer além da desalinhada porque eu designei vou nessa parte cara já é basicamente eu não sei se desenvolve mas tem um pezinho aí na neurociência né Elas Total total total você que acaba manipulando a percepção da pessoa em alguns pontos né Sim aí você na verdade você compreende a percepção para que você faça o produto que vai ser percebido como como Belo como Agência Internacional conduz o pensamento da pessoa é onde você quer aquela enxerga como ela como você quer que ela enxerga aquilo no sensacional um ponto que eu quero explorar com vocês que talvez quem esteja nos ouvido não tem conhecimento pleno eu queria que você explicasse para quem tá está nos acompanhando vocês falam que o relacionamento do designer e do desenvolvedor melhorou muito com a ascensão dos conceitos de iwex Quais são esses conceitos Qual a diferença entre nós vai ver é melhor para falar isso por enquanto não tá dando Pitaco gente é eu eu creio que não dá para separar senhor Excel aí né normal quando você tá falando de um projeto de produto digital dois caminham juntos porque é às vezes as pessoas falam assim só faz e Uai mas não é só fazer vai inclusive para você fazer o Asus tem que ter uma capacidade técnica e essas esses conceitos que eu falei Aí dessa parte do Design né então é uma coisa e quando você tá fazendo interface você está projetando ali uma interação Você tá criando Algum objetivo que alguém da utilizar Então já tem alguns mesmo que você não tenha o estudo de um ex da Persona faz pesquisa na entrevista usuário todas essas coisas mesmo que você não fez na minha opinião quando você tava criando uma interface com uma com uma intenção né você já tá pensando ali o deveria no mínimo né pensar nos lá então você já tá fazendo um pouquinho deles mas se quiser separar o rio aí se refere mais à parte da interface né Então essa essa parte onde o usuário vai ver né até dá entre as poderia fazer uma nova os dias o Uai seja mais o front e o ex seria mais o beck né como é que a gente então o ex ele vai estudar essa parte de experiência né então ele vai fazer pesquisas com você teve aqui a personas tem toda todo um processo para ele chegar na solução ideal daquela interface né daqui daquele projeto então ele vai utilizar de ferramentas de pesquisa de entendimento do usuário entrevistas design fim tudo isso para poder proporcionar A melhor solução para aquele usuário não daria para separar mais ou menos assim né se se quisesse e eu acho que essa essa questão do o ex Quem é Quem quem já fazer design antes do Donald Norman falar sobre o ex outras pessoas falar de WhatsApp que já fazia Já pensaram na experiência né só que agora tá mais pragmático a coisa tá mais é elaborado ali tem os caminhos tem mais técnicas então por isso que fala mais e porque também hoje em dia é o produto digital que eu falei é uma extenção o celular é uma extensão que a gente tem né Então teve uma preocupação nítida ali do mercado de poder proporcionar uma melhor experiência para o cara é porque senão ele vai concorrente tem um clique ali ele baixa o aplicativo de outro Então eu acho que é até mais nesse nesse ponto assim sempre existiu experiência do usuário e quem faz eo ai na verdade também pensa um pouco na experiência do usuário só que tem áreas tem segmentos dentro da sua experiência do usuário que vão mais a fundo para entender usuário e aí dá para segmentar Oi e eu acho que essa parte de relacionamento com desenvolvedor Ajudou porque essa parte de experiência trouxe uma percepção é o time como um todo e não é só pegar a tela e pintar né só fazer o PSD sabe é você discutir é você introduzir o desenvolvedor também dentro dessa discussão é você tentar gerar uma cultura ali dentro da empresa para gerar um bom produto Um Bom atendimento para que ela para aquele usuário aquele cliente eu vejo que nessa nesse ponto é os desenvolvedores começaram a perceber mais assim que tipo né só pintar a tela tá bem só tá dizendo aqui que não é só criar uma div meteu Cinco Terra e não é mas é mas eu na minha experiência assim eu nunca tive problema com deve cara e na verdade é uma boa relação e eu sempre achei que vocês valorizam bastante o designer tem quando eu tive a oportunidade de trabalhar em equipes mais era com constituídos mais por deves empresa gti e tal Eu sempre tive essa percepção que vocês têm um uma visão de design assim que que é importante sabe o que faz parte do processo de quem sabe reconhecer não sabe reconhecer que não como eu também sei reconhecer né cabeça da o de lógica né não sei botar dois ler né eu vou discutir o quê com o cara não dá para acelerar transparente um amigo tá vendo mas é era uma coisa meu meu besta né que a evolução foi foi trazendo e foi melhorando acho que hoje em dia não existe mais elas dia a gente fala de esquad fala de monte de coisa aí tribo não sei o que dá todo mundo envolvido ali tem que entregar filho sendo entregar o chefe vai precisar de e ver e vai todo mundo rodar entendeu então é todo mundo junto acho que teve uma integração maior cara ainda bem porque eu no começo da minha carreira já tem a tampinha eu trabalhei em agência de publicidade e eu era responsável pelo desenvolvimento da agência Porque nessa época tinha as campanhas publicitárias que são feitas aí tinha a galera quero chefe de arte diretor de arte assistente de arte né E a galera pensava do enxoval né acho que eu comum falar-se ter não sei se ainda é isso Não não é fácil enxoval daquela campanha então tipo essa que a identidade da televisão a receber entidade Projetada para os produtos isso aqui e beleza e cara começo de carreira e tal geralmente dentro dessa campanha tinha alguma coisa para internet alguma coisa para Orkut na época e comecinho do Facebook e alguma coisa para mobile né e eu era o cara que chutava com as duas pernas o que recortar PSD para fazer o HTML tinha que fazer o serviço do Black and tão cara tinha chegarmos PSD cara tem que fazer o hotsite dessa campanha o cara vou te mandar o PSD cara ele é certo ou errado né eu olhava o PSD do cara eu acho que as primeiras duas horas de trabalho lá na frente do computador lembrando e chorando tipo como que eu vou com a régua é cara como eu corto aqui aqui é uma dívida que é o que que eu faço com essa [ __ ] mas aí tem um ponto interessante que a gente tem que pensar a gente faz design para um uma plataforma ali né Para onde vai ser utilizados gráfico vai ser no papel lá no banner digital vai se batizar na tecnologia por isso que é mais importante ainda tem integração porque querendo ou não os a parte dela e manda no negócio é possível fazer isso daqui nos termos de tecnologia se é possível o diabo dá para fazer quase tudo né Deus é possível abrir uma cama e na dentro do tempo também né dentro do banco de trás do prazo tudo é possível então vamos vamos taca pau e quem e essa questão de criar coisas mês que ela foi Betty que você passar o desenvolvedor é uma visão muito do design gráfico que vem do Design editorial que ele não tinha percepção dessa parte da tecnologia do suporte que tá sendo aplicado Então você estava aplicando para design editorial ou o gráfico você vai se preocupar com outras coisas ali agora no digital Como que você vai colocar sei lá um header redondo para pessoa utilizar ali com menu abrindo para direita sei lá em forma de triângulo isso que ele está comentando tá mente isso exatamente sobre o cara que era o diretor de arte que fazer a caixa de do sabão em pó era o cara que fazia o layout do site né [ __ ] é lógico que ela vai fazer hoje em dia tá mais segmentado né hoje em dia tem as segmentações tá o ferro bem melhor acho que antigamente a gente até tinha uma piada entre os pontinhos que era assim você o layout você já faltar beleza esse aqui dá para implementar tchau que você pegava se olhava para o cara fala tá beleza que eu faço mando para Alfa grafics agora imprimir um negócio e que no Brasil não é nada a ver a quarta nessa vendo 4 assim que você quer entendeu então acho que essa questão de ter um relacionamento mais estreito com o designer pra galera de front-end ajudou muito porque ele falou que o cara vai te apresentar um layout aqui para falar para ó aqui não rola seu tempo que a gente tem não dá para fazer ou Ok dá para fazer se a gente tiver mais tempo mais um pouquinho mais de trabalho mas a gente consegue acertar então dos ainês que eu trabalhei até hoje acho que dá para comprar uma mão quando estiver no problema sabe porque às vezes chegava com esses vídeos áreas muito muito estranhos para implementar e você não conseguia não tempo hábil mas depois com essa questão de IOS você conseguiu mostrar para todo mundo fala se olhar e não é só botar uma coisinha bonitinha você tem um monte de dispositivo que você precisa para pensar o atrás a gente pensava no Browser do desktop e uma coisa que muita gente não pensava que era a versão impressa do site que você tinha um CSS para versão impressa ou então onde muita gente não pensava até hoje mas não presta né mas ela que imprimir saio repente você comprar uma passagem aérea e precisar imprimir você não precisa imprimir Todas aquelas imagens entendeu E tem questão também da sensibilidade leva Tamara várias coisas mas eu acho que é importante também o design é saber um pouco Lu de tecnologia não disforme de avô vou Kodak né mas ele tem conhecimento ali Inclusive eu vejo que boa parte dos designers assim que eu tipo eu vejo quase um bom trabalho eles têm background um pouquinho de tecnologia né porque Traz essa visão mas mais assertiva sobre a coisa e só bom eu tinha muita nessa época aí eu não sei como está hoje em dia agência de publicidade né eu peço que eu nem sei como que tá esse mercado mas muito desses diretores de arte era um publicitários né E e essa questão dor ou publicitário ele tem também design e tem um pouco de design na faculdade mas não é é muito bom que eu posso dizer não só profunda muito em design Tipo ele tem uma fazer hoje é ele tem noções editorial Tá mas ele não se aprofunda muito então talvez essa essa esse pensar esse pensar de design também faltava pra essa galera porque ele vende uma parte muito publicitária né diretor de arte Antigamente era muito publicitário até o tipo assim o creme e que zoando as um pouquinho assim o nome era tipo Alzheimer chefe do Zap porque eu pessoal Se achava Chef Susan Então vem um pouquinho disso eu acho que se ele tivesse uma percepção um pouco mais deles ainda como programa visual alguma coisa assim já facilitaria ia ser interesses terrenos aí o antigamente em agência o problema era mais ou menos que ele comentou você tinha o pessoal que tava começando a entender de design e saber que ele não tava fazendo o design para uma campanha de TV ou com uma campanha publicitária começaram no papel e você tinha pessoal que vinha the Market e para eles tudo era motivo não vamos fazer uma campanha para ganhar um Cannes é da noite começaram mesmo assim eu na primeiro você tem que fazer o usuário se sentir um ganhador de cana Não exatamente então sim toda a campanha era não vamos fazer olha só interação tá vocês vão atacar Mas isso não funciona o cara faz a o layout EA interface de um produto os fosse um quadro para ele exato É muito alter-ego do cara assim dizer eu sou um ganhador de Cannes eu sou na campanha maravilhosa e falou tá mas funciona e no teu PSD aí eu não tenho Flash um são as botas aqui para funcionar na rua aí uma pessoa que aí vai contra o princípio que você explicou para gente aqui né David do Design que o design é feito para resolver um problema é durante pessoas né normalmente né sei lá pode ser um purgante o sistema nós vamos novamente a planta pessoas estão você vai criar um negócio para resolver o seu problema que ganhar um prêmio assim [ __ ] pelo amor de Deus a todos olhando a cara até falando essa questão de resolver o problema é às vezes me perguntar o que que você faz né na tua porção aí Preciso falar cara toque vou explicar para pensar como HTML terra fértil às críticas aí você fala não eu sou um resolvedor de problemas e acho que tu designer também aí né porque você você tem um produto ali que você precisa resolver como as pessoas não consegui acessar aquilo da melhor forma possível e com a melhor experiência possível e vem e vendendo gerando lucro pernas a nossa envolvidas também né tinha porque não adianta ser uma interface maravilhosa super bem estruturado bem cuidada é já resultado nem é veado é até até falando essa questão de experiência e aí é interessa percepção de você poder fazer a pessoa acessar e ter uma experiência boa ele citou bastante a questão do celular a gente tem uma outros dispositivos e Tablets até a PV em né então hoje em dia você tem uma de uma diversidade de dispositivos tão grande que você precisa pensar em cada um deles às vezes um pouco isolado já saber como a pessoa vai usar aquele negócio aí entra muito gestão do Design de olhar faltar não é só uma coisinha bonita ali só precisa dar fui desde uma pessoa usando aquele aplicativo usando aquela plataforma enfim aí E outra coisa né falou diz que a gente tem mais têm inteligência artificial tem realizar realidade aumentada e mais e tem um monte de coisa aí que a gente nem sabe o que vai ser a mesma porta da geladeira né É você precisar dar um fim para que vai abrir o metaverso metaverso como é que é como que ele vai sair de front-end integração do ser humano com máquina o design para isso cara é um quadro branco ainda separar a gente não tem noção mas mas quando você tem um pensamento do esse pensamento que a gente tá falando resolver por essa pensamento de designer de pensar na uma solução boa ali para o negócio para as pessoas eu eu que independente da tecnologia A gente só vai precisar da verdade se adaptar a linha as ferramentas tipo vai produzir de outra maneira vai criar de outra que a gente tá falando Ah fazendo por internet aqui claro isso aí tinha que criar uma versão do site por internet aqui vocês vão rolar no futuro a gente vai ter que ir pensar em outras coisas mas a essência é a mesma né aí sem ser a mesma e design a gente e você falou não meu podcast lá de sobre cx tal a gente pode falar de design que estou em camada de negócio camadas culturais a gente tá bem mais nessa parte ainda mais do tangível ali né do Design mais mas visual mesmo mas a gente pode falar de design de outras camadas é de negócio que aí eu discussão EA cabeça Esponja aqui tá escondida cara aqui que da hora agora que a gente falou um pouco do contexto histórico falamos da evolução e da Integração como isso se resolveu aí com sol resolveu dar um como amadureceu né no junto com a tecnologia junto com os frameworks indivíduo citou um pouquinho junto com esses conceitos de design que foram se aproximando de tecnologia né como tá isso hoje ou vocês vem isso no mercado hoje como que é lá na navita como que esse designer Ele cola junto com deve junto com o arquiteto desses me fale como é que essa galera caminha junto e para gente já começar a dar uma uma direção para Galera tô vendo a gente o cara que quer se aventurar nesse mundo tanto de ir mais falar do código de desenvolvimento front-end o cara quer ser um Lion o ex e entrar nessa área de design como que a galera pode começar a procurar uma literatura uma coisa do tipo começar a falar primeiro de como é hoje como funciona esse processo e o que pode ser melhorado isso tá o que o que eu vejo já de uns anos para cá é que a questão do surgimento da informação na Cão de capa a interface onde o usuário interage com a empresa era que dá o início a todo o processo né então você tem a importância do ex do UAI dando em entendendo o acesso do usuário pegando os dados e dando sentido para tudo aquilo e aí com isso em todo o design que é passado para o front-end e isso faz uma requisição de back-end para saber o que que você precisa de informação para mostrar aquela página além das imagens têm dados ali para mostrar também vai trazer tudo isso até cliente com isso você tem atenção de arquitetura né Eu acho que acabam sendo pontos não vai ligando outro até chegar na na parte de arquitetura para essa servidor pode muito juntaro lá do começo como conferir de entender Qual promoção resolveu também entender qual comportamento da pessoa que está acessando o aplicação também não é exatamente Então temos um produto esse problema esse produto ele tem o objetivo de resolver algum problema sério então acho que aí começa aqui com o designer na parte short design mas possui o ex-white sexual falasse designer mesa porque pode ser ele pode estar em alguma dessas funções né Então aí o designer vai entender como resolver esse problema do ponto de vista mais de interação e etc e aí tá galera da técnica que teve e eles vão a gente vai sorriso o ponto de vista técnico eles vão criar o map ai vou criar um servidor isso em algum momento essas coisas vão construir né bom não se aproximar e isso vai se materializado numa interface né que tem um estudo por trás aquela interface né eu fiquei muito frustrado você fala que não é só DPA divisão Mas pode não ser uma interface Às vezes a solução a no na mudança de paradigma na empresa né do serviço ali o que que você oferece então a gente fala de agitação do Excel access significa experiência do usuário em português então tem coisas que a gente tudo tudo a gente quer oferecer uma Interface para o cara né tudo se resolve com o aplicativo o aplicativo Vamos fazer um site aqui vou fazer uma ecommerce mas nem sempre é o necessário às e tem ali ao seu aplicativo ele funciona relativamente bem mais a forma como você oferece o serviço talvez você não precisa ter um aplicativo é às vezes a melhor experiência para o cara às vezes é não ter uma interface Mas o problema a escada vai ficar triste que não vai cortar eu vou te falar que na verdade é às vezes tem eu tava lembrando aqui se não sei se vocês já ouviram falar do wi-fi TT tendência então é o risco de ter um machão e sempre legal porque você está com Alexa que você tem todo toda a primeira interação do usuário para configurar Qual que é o entre "robô vou colocar muito entre as aqui um robô né Mas qual é a ação que ele quer brigar ali né para ficar automática E aí você tem notificações Então você trabalha muito com notificação e não é uma interface que você controla e já Nativa do celular mas você consegue interagir com o usuário bote também é da hora né É tem muita coisa você tem ali muito essa questão por exemplo do meu ex o início de saber como usuário clica naquela notificação o como ele responde para o robô né Aí você como front-end ali em algumas coisas você vai ver que transpassa essa essa barreira você não vai precisar numa notificação porque já tá no celular tem um front Mas provavelmente alguma coisa ali de estruturação daquela mensagem que o que a pessoa receber Ela precisa ter um front-end ali meio perdido no caminho e isso eu acho acho muito legal com o todas as suas que a gente traz aqui nós podcast acharmos complementando de uma forma sabe durante fala por exemplo de arquitetura e de transformação digital acho que a gente até falou um pouco isso lá no podcast né David é a transformação digital e se ela não é simplesmente tornar os processos tecnológicos e digitais como muitas empresas acreditam no então o cara tinha um formulário de papel que o cara tinha que preencher de papel no balcão o cara fez um aplicativo uma do cara preencher as mesmas coisas que são Dados que ele não precisa pelo celular e o pastor com a transformação digital exato não não passou por transformação de [ __ ] nenhuma você só de thalyson o processo inútil que não precisava ser se não sabe existir né com a gente fala de transformação digital o papel de centralidade do cliente ele é essencial idade você melhorar a experiência centralizar isso no cara e tornarem-se cada vez mais escalável mais expansiva e mais imersivo para o cliente né e é nesse sentido o que a gente tá falando aqui e Resumindo que vocês trouxeram é que nós temos tecnologias hoje o que Aliados com conhecimento técnico do desenvolvedor do arquiteto o time técnico junto com o time de experiência a gente consegue sair de soluções cara que são formulários web como neste trabalho ou até 2018 né então a gente pode ter soluções com assistentes pessoais com Automação de processos com coisas que envolvam internet das coisas né que tem que partir lá da ponta do problema será resolvido da experiência e continue técnico multidisciplinar aí você vai fazer de fato uma transformação digital Satanás a formação de tal não é só web isso é uma coisa que a gente tem que que frisar aqui para quem está nos ouvindo né o digital não é mobile web só vem parece que as pessoas ficam presas na caixinha do mobile é bem né a gente vive na época aí é o bico idade das coisas né É tudo você falou da Alex aí cidades inteligentes casos Inter e não né só essa parte de web ou celular e eu acho que também uma outra um pouquinho a questão aí da Integração com ontem Acho que é parte do designer também de experiência ali ele fazer essa em meio que trazer o time sabe tipo não não deixar o front o desenvolvedor só nessa parte mais fazer entender entrar dentro do contexto e sugerir soluções também e proporcionar novas visões sobre o problema né então fazer como que o time inteiro em Sim essas dessas novas soluções né Eu acho que isso que ajuda a gente ter produtos bons né E também processos Ou pelo menos um dia a dia melhor das equips até comentando diz que você falou de transformação digital Eu costumo dizer pessoal que uma aplicação boa seja uma solução de problema boa é aquela que o o recebe ele tá lidando com tecnologia fica muito intuitivo para ele lidar com aquilo seja por exemplo que a gente já viu muitos casos de bebês usando o tablet e como se fosse natural para ele né design assim você percebe quando se quando ele falha quando ele não fale assim não percebe certamente cara sensacional porque aí deve caso é também porque eu brinco um pessoal que eu sinto que o meu trabalho foi bem feito quando a pessoa tá usando o que eu fiz e ela não percebe que ela tá usando a semente usa resolve o problema dela funciona assim sua mente só para ver se o objetivo né é essa integração pode ser um negócio muito louco meio Skynet muito Black mirror sei se é essa objetivo aqui que nem você falou é criar soluções que as pessoas não pensa a percepção de que elas estão utilizando tecnologia é tipo um braço é uma coisa natural ela não precisa se esforçar e tem uma demanda cognitiva a gigantesca para utilizar uma interface como a gente tinha até uns tempos atrás né uma vez eu vi um termo em relação a gente vai ergonomia cognitiva cara não tem que fazer um esforço para compreender Aquilo é natural sim né porque se você tem uma interface alguma coisa uma solução que o cara parar entender como funciona para não fazer besteira já tem uma barreira né então eu gosto desse termo de Diego na minha cognitiva com esse cara é tão confortável godnite vamente para ele que simplesmente usa né natural acho que somos muito legal você que tá vendo esse podcast da hora tá vendo um monte de problema aqui que a gente tá colocando né e Quer uma ajuda aí na sua empresa faz o seguinte entra no site aqui da vmbr se que a gente pode te ajudar vem universo. Ai ou não somos uma empresa relacionada arquitetura de soluções a modernização de aplicações também lá na frente de votos para ajudar vocês a ser extremamente a gestão dá uma olhada no nosso site que vai estar aqui embaixo do universo. Aí ou e lá você vai poder ver um pouquinho da nossa história dos nossos profissionais e aproveitando se você com profissional da área de tecnologia que tá a fim de trabalhar numa empresa legal monte de colega a gente boa e tecnologia de ponta manda o e-mail para pipocar@ver members. Aí ovo E aí vamos colocar no shopping velho é maravilhoso espaço cara muito bom escrito tanto conseguindo falar aqui do melhor dos dois mundos para a gente ir já passar aqui tá nossa reta final não parece mas já estamos com mais de uma hora de Episódio passa rápido passar raça rápido pela sua flui e canal para fazer muito mais sim mais tempo sobre esse assunto que é muito rico eu queria cada um de vocês o cover mais na área técnica específica de desenvolvimento desce o Road map aqui para quem quer se interar se especializar até começar me na área de desenvolvimento Hélio quase foi morto são padrão hoje que o cara teve estudar para começar mercado superaquecido em baixo eu quero negócio dessa parte de interação de interface que querer deveria estudar para começar a isso como com tecnologia né E quais os background ele deveria ter e é no finalzinho queria ser comentasse um pouco tô aqui do projeto web assembly Oi gente fala que a gente dá um dá um ouvido jeito com a sua como interessante que o que eu queria que você explicasse legal Bom para quem tá querendo começar primeiramente eu tenho um pouco de paciência né porque eu acredito que quando você começa a desenvolver você precisa ter paciência de ficar na frente do computador por muito tempo Independente de ser Black front design você precisa ter essa consciência que você vai ficar muito tempo na frente do computador até que seja né a parte de front-end Eu costumo falar pelo celular vou aprender frio amor para prender o iett vou aprender ângulo eu vou prender manter Sei lá o pé calma aprende a base primeiro é que nem quando você começa a jogar futebol sem profissionalmente você vai estudar você vai praticar os fundamentos ali bastante até entrar no jogo até fazer o coletivo lá e tudo mais é um basicamente é a 30 da web HTML CSS e JavaScript vai fazer H1 H2 Primeiro vai fazer vai entender a questão de semântica vai entender para e se é se você vai entender que colocar Skyline não é uma solução legal separa HTML você para ss entendi o que que a JavaScript Dom questão de separação de responsabilidade em JavaScript Então acho que isso é importante para depois você entendeu ramex exatamente entendeu Essa base Aí sim o iett angula ver o qual qual a tecnologia te interessa mais o qual a questão de trabalho você tá querendo entrar numa empresa para outra empresa usa isso então vou te dar essa ferramenta acho que é interessante entender como o browser funciona pessoalmente para front-end né porque muita gente às vezes faz mas ele não entendi o que que o browser faz por trás ele sabe que quando ele digita lá o H1 aparece o título e é isso mas entendeu que tá acontecendo por trás para você saber depois se der algum problema ou quando você faz alguma coisa talento porque também né então acho que tem essa base toda é legal para você comer e a carreira aí está um pouco de programação ensina é a parte de algoritmo a gente que passou pela faculdade com muita disso a gente sabe né é isso faz parte do fundamento né exatamente dos matemática tem anterior ali do cara passar pelo fundamento do front-end que cara vai levar lá saber o que é uma diferença uma pilha numa firmeza vai fazer estrutura de dados Aí começar a independente de ser front-end eo back-end aqui a questão de estudar algoritmos é uma coisa programada que você nunca parte por não dar ético você tá sempre revisitando né Tipo você ser médico e saber se o tomar um braço Exatamente exatamente forte e aí vou mudar um pouquinho a pergunta para pegar uma segmento o cara que já é deve é o cara problema em Java é só para o cara se sentiu à vontade de entrar no mundo front os cara já tem os fundamentos com ele vai tá bom vou ali no mercado hoje que eu quero pegar aqui que aqui tá no raio eu não sei que nem eu queria se eu falar de qual era o plástico grande calcanhar para esse tipo de profissional é a questão da HTML do CSS porque a programação cara já tem noção né Ele já sabe o que que é um livro que é que é um raio de ação de design Patinhas e tudo mais é o que da complexidade para ele é entender como o HTML eo CSS se conversam ali questão de dividir tamanho de posicionamento de cor a questão de movimentação também que você tem as animações por CSS o Canvas eu acho que é concentrar um pouco nessa parte porque se ele começar a ficar muito na programação aí vai virar sons e o meu Deus JavaScript é bom é porque você pode ir para noite por exemplo fazer daqui ainda também mas se você quer ir um pouco para parte de front você precisa não HTML e CSS porque você tem a material Yu hai por exemplo que é para você poder usar alguns algumas alguns presets já para CSS HTML para e na tela para você você precisa saber o que tá acontecendo porque você precisa customizar alguma coisa mudar uma cor mudar um formato se você não entender de html frequência tipo Bootstrap mulher é um mostrar api do Google basicamente entendeu a mesma a mesma interface mesmo conceito de interface que o Google faz para o celular ele se tornaram isso para várias bibliotecas e uma delas é o material Ai que é uma biblioteca CSS HTML para quem quiser estudar e o alho também pode seguir um motivo do Google tem eu parei exatamente o dia com ele como tu é muito chato Ainda bem usado cara tá ainda tem bastante uso aquela você tiver você me engano para a versão 4 inclusive tá bem bem feitinho bem organizadinha aí Eu como quando eu comecei a estudar responsivo foi com um Stop ele era bem mais cara era muito primeiro aí do suporte sem Hum ainda colocava as tags com os tamanhos questão de variáveis regrinhas atrás e eu lembrei de um canal que ensinava Bootstrap cara era um alemão grandão água acho que é do Sul lembro o nome dele eu aprendi muito Será que eu um ele cara se alguém lembrar depois Aí deixei meu comentário eu gostava a cara das aulas ele te buscar na hora não na época bombava acho eu acho que era eu não lembro de um bocado desculpe não é muito loucos aqui o você faz o arquiteto e o cara que conhece de tudo não sabe nada direito isso por causa você para pensar eu programava em jacchieri com Bootstrap deu Ruby rails Ruby rails nude Spring boot banco de dados tocar ser você vai mordendo um pouquinho com só como ficou um pedacinho de cada bolha você sabe o sabor de tudo David o cara que quer entrar nesse mundo o cara tá aí eu acho que é mais o cara de negócio o cara que tá ali focado no mundo do Startup trocar eu gosto desse negócio de experiência de interfaces at pro descarga segue que literatura ele ele pode acompanhar além de seguir teu canal se inscreve no meu canal que ela pode ser que retém que tem o Pitaco do tipo de crédito tem todas as coisas aprender recomendo Segue o cara aí você tava falando aí só uma ainda de várias perguntas aqui tá dá para fazer várias perguntas é aqui eu não quero faltar o teu céu que esse horário é isso não estava tão coração boa noite para fazer várias perguntas Não mas aí depois deixa para o outro é uma pergunta aí perguntei não essa questão de lógica que você tá falou de aprender os fundamentos tal você aprendeu isso na faculdade ou a faculdade se te ajudou Nisso porque o cara que começa a desenvolver sozinho condenavam Será que ele tem essa percepção que ele precisa ter e esse conhecimento eu não sei como é que foi com você mas comigo eu comecei a programar antes de ir para a faculdade antes de ir para o curso técnico até eu comecei programando em C e Pascal um momento Você já brincou com isso também eu acho que o que diferencia muito você não precisa ir para faculdade é bom é ótimo vai te dar muita base mas para você começar você precisa desenvolver o pensamento lógico e abstrato exatamente mas esse pensamento lógico e abstrato da pessoa consegue desenvolver por ela sozinha ou ela precisa ter essa esse gatilho ali da faculdade meio que eu brigava lhe fazer pensar repente a gente tem mais aptidão é aí e depende de até onde vai chegar profissionalmente e no desenvolvimento da carreira né se você quer ser um porque existem níveis aqui tem tem um cara que ele é um escritor de código beleza esse cara ele com o básico de algoritmo e conhecendo a linguagem você escreve para ele e ele vai transformar aquele código e ele pode parar ali tem um cara que ele tem uma capacidade de abstração um pouco maior que ele vai tornar aquele código de instante reutilizável ele vai tornar que uma máquina de fato não é só um script né esse cara já tem que ter um conhecimento pouco mais de abstração e de conceitos da ciência da computação de fato para chegar até lá isso só na faculdade ele vai aprender não mas quando ele começa a avançar na linha de carreira que ele conhece o meu código não Tártaro pode ficar melhor com isso ele mesmo pode sentir essa necessidade e procurar informação e ele vai chegar naquele conceito que ele precisa para que nunca mais difícil né Então ele vai chegar na conselho de contabilidade ele vai de de herança pode uma prisão de pornografia ele ele vai agregando pode ir puxando a corda né algumas pessoas têm uma capacidade de abstrair é muito mais simples aí então ele já tem um um raciocínio que pode levar isso para ele levar ele para esse lugar sabe que sim então cara tem caras que só os fenomenais a tecnologia que nunca fizeram uma faculdade tem nem sempre e mais caçam moscas brancas né geralmente o cara que sozinho ele seria o cara mais médio com uma base de fundamento da faculdade de teoria da faculdade ele vai se vai destravar muito mais a a carreira dele ele vai ter uma capacidade de entender as coisas muito melhor principalmente pelo conceito matemático da palavra não quer programar em matemática hora perder a pensar né exato abstrair as coisas entender que aquilo no fundo é uma onde volvimento matemático Lógico que é lógico né matemática assim não sei se eu comprei até até essa questão de lógica matemática eu tenho notado tem muita gente a faculdade de matemática de física quando eles começam a programar para ser muito natural porque já tem aquele pensamento lógico da física e da Matemática exatamente então se torna mais natural para pessoa e até a questão de que você falou de ter o cara que só escreve código e você tem o cara que pega ali falar para aí só que dá para dá para melhorar eu acho que é muito doendo a cabeça fazendo um paralelo é o cara só faz o PSD do designer exata na região mas até o cara que ele faz um PSD bonito sem nada template Vegas template para ao entregou E tem o designer que todo aquele fundamento que ele sabe o que ele fez aquilo ou até aquele designer que o cara que faz o template que não no meio as as leis né E aí tem muito a ver a ler 28 que é isso aqui é o cara que faz a variável x 1 x 2 totalmente variável lá e variável beija bom então eu acho que assim um pouco do que ajuda também o a pessoa a virar um desenvolvedor é você ter a mente inquieta Em que sentido de você olhar faltar você tá bom mas pode ser melhor então você aí você entra a questão de estudar mas os padrões estudar Como são feitas as coisas que a gente tem até um livro que o gang of Four por exemplo né E são aplicações de componentes de código conjunto de código que já foram testados à exaustão e sabe-se que aquilo funciona para certas coisas nem tão assim a pessoa precisa fazer um trecho de código um X e resolva a certo problema ele vai olhar naquele livro já foi assim tá isso aqui já é assim que você precisa fazer não tem mais para onde você olha olha que macho só com o nome disso design patterns padrões que eu já tá bem assim apesar de ligado né então se eu quiser ver em tentação certeza designer tem muita coisa relacionada aí que você falou essa questão de do óculos da inquietude do de tentar fazer melhor tentar tem um acabamento melhor tem muitos anos e que deveria ser designer também né e uma coisa tá aqui é interessante principalmente nessa questão de na relação entre designer e desenvolvedor e entre os desenvolvedores também que eu brinco para você não ser o Cavaleiro Solitário você lembrar que você não programa para você você pegando para os outros é a mesma coisa de Janeiro não faz exame para ele ele faz para as outras pessoas poderiam usar né Então tá já tive casos de pessoas em equipe que eu trabalhei que era meio que tá valendo Solitário cara ele fazia o código para eles é mais comum e aí até uma frase que essa pessoa comentou quando eu trabalhava junto ele falava assim é eu faço o código para funcionar não para ficar bonito eu não sou eu não sou pintor eu escrevo código aí você passava a 15 minutos aí tentando o código da pessoa para começar em para ficar e eu tá também então acho que essa questão da da inquietude da pessoa e de um pouco de esmero também no que está fazendo seja designs e já desenvolvedor te ajuda a ter um profissional melhor né é o famoso escritor de código Vamos criar recorta David galera atenciosa posso fazer para onde vai então eu vou seguir pela linha dele assim eu acho que tem que estudar os fundamentos acho que é super importante uma coisas que não mudam e nem eu falei eu pensar de designer você pensar resolver problemas propor soluções de maneiras humanas dessa com o usuário centrado ali um foco acho que não vai mudar então procurar estudar os fundamentos do Design acho que fundamentos de design visual também porque se a pessoa for entrar na área de design ela vai acabar caindo dessa parte visual não tem jeito principalmente Júnior não ter se você vende outras áreas eu sei se você vende de design gráfico você já tem um background ali o relato quase igual agora se você vende outras áreas procurar a pensar e estudar sobre essas essas esses fundamentos de design também mas dessa parte de ser a alça parte visual Acho que são são importantes saber que design hoje em dia essa parte de experiência praticamente tem vaga para todo mundo todo tipo de perfil se o cara mais pesquisador gosta mais de até de números de dados ele pode ser What's worse ele gosta mais de terça e pode ser o ex vai ter mais será um pouco mais generally você pode ser o ex o próximo que design você gosta mais de interface de talvez efetivamente ele as telas ele pode ser mais vi Uai não tem até se quisesse só cuidar de social media da empresa você também pode ser o cara que sofre as artes da rede social Então hoje em dia tem tem eu acho que tem espaço para todo mundo e a porcaria realmente aprender esses conceitos iniciais de design pensar design design fim nessa parte de ex entender um pouco sobre os processos sobre como funciona ali na uma câmera de proposta de valor uma Persona um fluxo do usuário que quer um bem temática essas coisas então são coisas do dia-a-dia mas que são importantes para que a pessoa saiba e além de seguir meus vídeos aí eu trouxe é de segue meus vídeos até aqui para quem quer aprender front eu tenho uma playlist de html lá então eu falo sobre HTML CSS ali utiliza o método 80/20 não me aprofundo de Dom já descritos o param no sensor Dia Depois de um site legal para ela se aprofundar Mas então mas vocês podem aprender lá também a galera a galera curte e eu acho que é uma parte importante também essa essa questão de seguir é de acompanhar no YouTube tem muitas pessoas que vem para a tecnologia vem para design Por que que a ganhar dinheiro tem como eu falei no começo tem vaga para [ __ ] aí o pessoal fala você vai ganhar 10k você vai ganhar 15k você não vai ser vai ser isso vai ter aquela empresa lá com rainic sinuquinha escorregador colorido e tem muita muitas pessoas que vem e que como ele disse às vezes não têm paciência ficar no computador que a gente fica para caramba Às vezes eu não sei se pode dizer talento aptidão Mas eu só não tenho assim o perfil e tá tudo bem vai fazer outra coisa Vai trabalhar eu tendente a outra coisa é mesmo esse dia por dentro de produto digital mas não vir só por dinheiro né sem você você pode pesquisar antes da o pesquisa ver YouTube ler alguns livros né design de sobre design sobre experiência tem livro sobre design fink né da Ellen lupton por exemplo tem um livro que eu tô lendo ali tá na a mochila é Dr além do ele é estratégias de design os até pego ali livro para mostrar o título dele também é uma boa para ter uma percepção de design não me faça pensar Vai vendo livros vai consumindo conteúdo no YouTube até mesmo Instagram conversa com outras pessoas participam de Podcast assim escuta ver como que as pessoas com falam Se se sentir confiante cria um portfólio quem tá Quer um Case apresenta ele da melhor maneira se candidatar às vagas E aí vê se é para você se não for também tudo bem Você não vai ser rico um necessariamente milionário trabalhando com isso você até pode ser mas não é esse o fim né Eu acho que é que é por aí muito bom só aproveitar que ele deu uma dica de livro lembrei de um livro aqui também muito legal é o programador pragmático ter mais problema né É É um livro interessante pra galera entender a previsão de programador na gestão de perto batismo de seguir regras desse dia parte lógica e matemática e também para quem quiser começar a estudar um pouco mais sobre HTML CSS JavaScript web além dos posts dele dos vídeos é obrigado você pode entrar no ndn ao Mozilla developer Network tem que ter uma documentação muito rica em português inglês e espanhol então dá para dá para ter muita noção lá tem explicando cada passo de O que que a Jesus Cristo que fica HTML qqss EA gente da comunidade Lá atrás traduzir muita coisa nessa nesse site também então a documentação é bem legal né faz alguma coisa Tenta criar uma coisa né somente para falar com você aprender rede bota para testar comp o código na internet eu vou passar lembra lá posso pegar só segunda e quando você pega o livro eu vou fazer um desafio aqui para o Válber valendo ou vá uma e pretendo cumpri-la presente o que é esse webassembly explica para gastar o Web Assembleia é o seguinte vamos partir Muito obrigado obrigado você não ganhou ainda tem que explicar pra tá bom vamos ver se eu consigo Então basicamente assim partindo do pressuposto de que o que que é o assembly primeiro né que a gente estudou computação gente até o código de máquina lá que é mais próximo do processador que a gente consegue além do binário né então a ideia do assembly no web Assembleia que você consiga Deixar aquilo mais coeso possível para todo lugar possa interpretar aquilo né A Jaque compilar por um binário não faria sentido então Eles escolheram a parte da sempre que você conversa direto com processador por ter que surgiu web a sangue na verdade a Mozilla tava tentando fazer a questão de jogos voltados para browser porque depois da evolução o JavaScript a evolução dos processadores e do próprio browser na higiene com muito mais poderosa Canvas essas coisas todas então a gente conseguiu criar alguns joguinhos ali só qualquer problema você tinha muita coisa que escrita em JavaScript você não tinha a mesma performance e acreditou a no código de máquina exatamente quando você tá com Jesus Cristo se você tem algumas camadas até chegar no processador então com assembly você tava falando direto com processador Então você tira muita camada deixa a coisa mais rápida e aí o que que eles pensaram só não vamos tentar fazer um entre "uma um padronização de assembly e ainda javscript consiga interpretar e que eu consigo a partir de uma outra linguagem que não Jesus Cristo e eu consigo gerar esse código seja livre para os dois né fazer tanto a ida para o browser quanto a volta se quiser colocar em ser por exemplo de novo eles partiram com você criar o padrão EB acender que inclusive esse padrão virou realmente um padrão w3c E aí com isso eles conseguiram escrever código em ser interpretado pela Engine de JavaScript e jogar o resultado para HTML por exemplo eu tirar isso por fora bastante você compilar para web Exatamente exatamente isso Exatamente isso esse é genial que você pode usar esse isso vira um padrão de fato é como como o assembly um país a comunicação computador você pode envolver em qualquer linguagem exato a ideia hoje em dia você tem sexta é mais mais pai tão secharp todos eles compilando o Caleb a sempre e sendo lidos para o pelo browser é consegue fazer a leitura disso eu consigo imaginar o vários problemas relação esse de segurança sim porque você tá tomando conta da máquina do pai é só que aí você pensando e complementou dentro da Índia uma questão com som sandbox a execução para ali dele ele tem um cercadinho cercadinho você consegue executar um monte de coisa ali consegue mas dali você não passa entendeu Porque aí podia poderia causar problema de segurança assim final cara né é meio que o conceito que o próprio Java usa com a JV JV não tem exatamente Valquíria no caso só usava já era o byte code para JV sim mas é um conceito maravilhoso e que ponto tá isso hoje olha já tem gente fazendo o jogo inclusive ainda em dá uma cama tem uma índia é muito famosa para jogos eu sempre ter esse nome dela isso tem partes de um rio que já estão sendo feitas não é de sangue é porque qualquer ideia de ficar se isso daqui eu posso escrever em qualquer linguagem e rodar tanto no Browser quando eu compilar a própria linguagem para rodar desktop eu tenho uma linguagem só que o lugar não entendeu Você consegue distribuir melhor está aí ou rodar no celular por exemplo já não brother do celular ou até usar um viés negativo por exemplo para criar uma aplicação e você consegue transportar web assembly ali ou para baixar um até a febre da internet para rodar no seu celular então a coisa começa expandir assim você ficar com aplicações interoperáveis entre os canais exatamente José de sensacional ganhou Obrigado o David já ganhou porque tá aqui então vai fazer barulho microfone aqui quem já tiver seguindo o canal do David eu tive lá no podcast dele a gente bater um papo legal seu transformação digital a camiseta porque não viu aqui aqui beleza mostrar o patrocinadores também atrás né aí eu te pago o leite você é isso aí obrigado camisa da camiseta da hora né a hora PowerPoint arriscado livro que eu gosto de indicar sempre foi uma indicação de um amigo né Aí eu sempre digo para as outras pessoas para quem está iniciando assim sabe nada gestão estratégica do Design como um ótimo design fará as pessoas amarem sua empresa erra-se viveu laranjinha que ele já é quase o prefácio o título é isso e aquele fala sobre ele vai passar uns momentos todo o movimento históricos não os momentos históricos ali fala da Kodak fala de outras empresas que investirem design o que não investir em design e esse pensar de design né então é um início assim interessante para quem quer aprender sobre design essa parte de experiência show de bola fica aí a dica na mesa em C é muito obrigado pela participação de vocês só um papo sensacional que bom eu quero ter essa trilha do podcast para te falar mais de experiência de front-end tal Ed vai a fugir lá cada vez mais alguns dos assuntos mais específicos sempre passou mais generalista né para falar de tudo depois a gente faz um plano espera o contato com mais vezes eu acho que olhar para Obrigado mas você jamais ia lá que nós temos aqui eu tô enrolando a minha tá quase tendo dengue aqui e aqui em São Paulo tá perigoso que São Paulo a dengue tá bombando já não já não estamos mais configurado da faculdade né já consigo mandar mais cidade é pior que é fogo né Depois dos 30 anos assim você ficar você fica de porre você não se recupera da mesma forma né Regeneração não é mais um pra mim não amigo ressaca lado ela machuca Outro dia eu tava lembrando eu fui numa festa aí eu fiquei de porre aí no outro dia eu já tava indo para uma festa para ficar não coloca fazer isso mano hoje em dia eu vejo que o depósito já é como alguém faz isso meu nome é como alguém para semana se fosse a quarta Acabou já era recuperar no domingo é foto Foto Mas ele já chega para todo mundo fazer o Queens a barba branca né Muito Obrigado galera foi obrigado você fazer Sigam o tio Steve Aoki design pode achar no Spotify estiver ouvindo aí pelas plataformas depois que achou no YouTube também blog tem tudo aí tipo design se encontra no Instagram exporta tão tudo que é lugar tô tentando entrar tudo que é isso aí ele disse que se ele ganhar muito seguidor através do PT no Tik Tok ele vai gravar dancinha eu gravo eu sair eu enviar tapixi quem quiser trocar uma ideia onde se encontra Boa pergunta acho que é melhor para procurar no Google Clauber stipkovic STI PK o Face e aí tem Twitter geralmente Twitter acho que é o mais é mais tranquilo para para minha sala show de bola então eu vou deixar aqui tenho que te Rabi também precisar alguma coisa deixar o kit Rubi e o Twitter aqui na diz que ser feliz a entrar em contato beleza Obrigado galera obrigado a noite pela audiência segue a gente nas redes e perderam confira no Twitter Instagram YouTube Spotify Tik Tok também então se você e obrigado segue lá a gente dá um like deixa comentário para os caras aqui Segue o tipo design obrigado pela audiência um abraço valeu obrigado aí [Música] [Aplausos] [Música]