Vou ter algum custo só por criar essa estrutura usando o cloudformation? ja criei a lambda e um sqs integrado separadamente e nunca tive custos
@guhacdc28 күн бұрын
Boa alternativa. Estava tentando gerar componentes com vue 3 e utilizar via cdn, importando por script, mas os componentes não funcionam (apenas por instalação npm e com import dentro do projeto). Acredito que criando componentes assim vai ser uma mão na roda...
@mateusfernandes92303 ай бұрын
muito bom! Parabéns pelo conteúdo!
@uedson59356 ай бұрын
Vídeo muito bom
@user-sz9xe8zc6v11 ай бұрын
Seu tutorial me ajudou!
@omundoavolta Жыл бұрын
Como evitar problemas com múltiplas importações? Usando esse compilador fica tudo no mesmo arquivo?
@tiago.boeing Жыл бұрын
Com StencilJS você já tem esta funcionalidade por padrão, se optar por uma abordagem mais nativa, terá de desenvolver toda a parte de "bundling", lazy-load, etc. Basta seguir algumas guidelines documentadas pela ferramenta. Sobre o StencilJS: "Additionally, lazy-loading is a default feature of Stencil, so code-splitting is already happening automatically, and only dynamically importing components which are being used on the page." Direto da documentação: stenciljs.com/docs/module-bundling
@KevinMadalossoVeiga Жыл бұрын
excelente vídeo
@triksx6574 Жыл бұрын
daora demais
@aldefrancesilva3236 Жыл бұрын
Caraca que qualidade de explicação, brabo dms!!
@leok6717 Жыл бұрын
Ótimo tutorial Tiago! depois fala um pouco sobre como manter a api segura, tipo cors ou api key
@leok6717 Жыл бұрын
Cara seu canal é muito bom! continue assim! sua explicação é perfeita!
@deybsoncarvalho1978 Жыл бұрын
font awesome 11:54.
@facatempo Жыл бұрын
Muito obrigado pelo vídeo, ajudou demais!
@matheusmgp1 Жыл бұрын
prra mim da erro de permissão e nao teenho ideia de como resolver : /
@lopesleticiam Жыл бұрын
Explicação perfeita, obrigada!
@jessicaferossen7353 Жыл бұрын
Sensacional!
@williamalves2190 Жыл бұрын
Mano, estou iniciando na parte de desenvolvimento e estava com dúvidas em relação a posicionamento, já possuo um curso mas a sua explicação foi totalmente clara e simplificada, consegui intender tudo. Parabéns 👏🏼
@nicollascosmo7705 Жыл бұрын
Valeu cara! me ajudou p caramba!
@viniciuspereira4332 Жыл бұрын
Porque quando colocamos o próprio input como position: relative ele não funciona? :/
@467luccash Жыл бұрын
como pegar o hover do placeholder sem scss e (&)? No input::hover não é aplicado uma cor mais forte no placeholder ao passar o mouse
@tiago.boeing Жыл бұрын
Tente utilizar da seguinte forma: input:hover::placeholder {}
@dennysbraga6259 Жыл бұрын
Valeu meu velho, ótima explicação.
@shortjeans Жыл бұрын
esse vídeo me ajudou bastante, muito obrigado!
@nanden-infinity Жыл бұрын
Cara preciso de livros de frontend para praticar
@tiago.boeing Жыл бұрын
Olá! Como o que funcionou melhor no meu caso foram vídeos, cursos, artigos e documentações, qualquer livro que eu acabasse recomendando seria sem experiência própria. Nunca li livros de front-end, sempre foquei em aprender com base em experimentações e consumindo muita documentação/artigos, mas tenho certeza que na internet você encontrará algumas boas recomendações. Abraços!
@Matheus_1582 Жыл бұрын
Ola tiago boa noite. Será se tem como você criar uma Home Page usando o Stencil.
@Matheus_1582 Жыл бұрын
Ola Tiago, eu queria saber se da pra criar um Site com Web Components do Stencil. Eu estou aprendendo agora a programar com Stencil e tava querendo criar um site de loja para minha mulher.
@tiago.boeing Жыл бұрын
Fala Matheus! Sim, é possível, se está visando o reaproveitamento agnóstico de componentes é um bom caminho, mas sempre se pergunte se vale a pena essa complexidade que estará adicionando. Mesmo que seja simples de trabalhar, é mais um projeto para gerenciar. Bom trabalho e sucesso!
@jenyfferbastos7448 Жыл бұрын
Muito obrigadaaa!! Me ajudou demais!
@Flycatcher_Dev Жыл бұрын
Thiago, você é incrível, sua didática é perfeita cara! O mundo implora, faz um cursinho, não só pra impulsionar mais ainda seu conteúdo, mas para que também possamos absorver muito mais desse conhecimento absurdo que você possui, está de parabéns!!!
@tiago.boeing Жыл бұрын
Obrigado pelas palavras Luiz Henrique!! No momento ainda não possuo planos de criar cursos ou algo do tipo, focando em meu tempo vago apenas em conteúdos gratuitos voltados para a comunidade, tento retribuir de alguma forma. Infelizmente ultimamente não estou conseguindo dedicar muito tempo para produzir novos vídeos ou outros materiais, muito em breve planejo voltar! 🙂
@ryansczayka9458 Жыл бұрын
Parabéns pelo video, muito bom!
@th_unmamaonocontrole2 жыл бұрын
crlh, vim ver o vídeo por uma coisa apenas e aprendi muito mais do que queria.... fiquei impressionado com o jeito mais entendível de fazer o css, invés de ficar fazendo um monte de classe por classe e tudo mais.. usar o & dentro de uma só.... só agradeço pelos conhecimentos
@Daniel-nn8oy2 жыл бұрын
Video muito bom, pode continuar que o sucesso vem.
@bernardojacob86572 жыл бұрын
Boa aula, porém deve muito no inglês, por ex: Head se fala ruéde e não Riid... só porque vc vê “ea” juntos, não significa que todas as vezes vai ter som de i.
@tiago.boeing2 жыл бұрын
O vídeo é de um ano atrás e neste meio tempo andei estudando um pouco mais de inglês, tenho corrigido a pronúncia de algumas palavras que assistindo este vídeo percebi que pronunciava errado. Quanto a Head na verdade a pronúncia seria “réd”, “ruéde” seria para red (puxando o R). Mesmo caso para header (que pronunciei errado no vídeo), o correto seria réder. No mais, espero que o conteúdo em português tenha ajudado.
@rafaelnunes45812 жыл бұрын
Eu tô aqui surtando com o CSS, estou estudando através da alura.
@readyforqa2 жыл бұрын
Muito bom mesmo! obrigado
@ThiagoLucioBittencourt2 жыл бұрын
Cara. Que profissionalismo o teu vídeo. Não somente a abordagem sobre o tema mas a riqueza de informações técnicas e toda a descrição feita por você na layer info do video. Parabéns! Uma pergunta. Na sua visão hoje qual é a melhor ferramenta para isso hoje? Ainda é o StencilJS?
@tiago.boeing2 жыл бұрын
Obrigado pelas palavras Thiago! A resposta é o famoso depende, pois sempre deve ser levado o contexto atual de sua empresa/projeto. Se pretende trabalhar mais próximo do VanillaJS, sem muitas abstrações existem opções como o Lit e Svelte que são bem populares. Considero ainda hoje o StencilJS uma ótima ferramenta e que facilita a vida ao trabalhar com webcomponents, já existe uma arquitetura opinativa (o que facilita na padronização e manter uma base de código com boas práticas), tem um CLI muito bom, boa documentação e principalmente, já aplica polyfills para navegadores mais antigos e outras compilações que precisariam ser configuradas de maneira manual. Em termos gerais, ainda recomendo o StencilJS para ser utilizado, é claro que se pretender criar apenas um único web component ou algo mais simples sem tanto boilerplate possa fazer sentido algo como o Lit.
@ThiagoLucioBittencourt2 жыл бұрын
@@tiago.boeing Entendi. Eu vou dar uma olhada no Lit. Mas meu desafio aqui é criar uma Biblioteca de um DS criado com Web Component mas usando Typescript e cobrindo qq Framework como Angular e React. até o momento achei o Stencil o mais dentro dessa necessidade. Mas vou ter de fazer bem simples porque hoje em dia o Angular e React possuem particularidades com implementações bem diferentes de forma que para que ele seja o mais Agnóstico possível, deverá lidar somente com a parte visual mesmo. Muito obrigado por sua resposta. Ajudou bastante na visão.
@tiago.boeing2 жыл бұрын
@@ThiagoLucioBittencourt com base nesses critérios o Stencil é uma ótima escolha e ainda vai facilitar o processo de distribuição da lib. 😉
@berserkercimerio79462 жыл бұрын
Muito bom!
@wesleywilson1312 жыл бұрын
Salvou
@guilhermemoreira4442 жыл бұрын
Obrigado pelo vídeo Tiago... ajudou bastante aqui... vou colocar a mão na massa agora mesmo.
@JussaraASousa2 жыл бұрын
eu achei babado... queria ver as questão de middleware como fica...
@alessandrocosta88282 жыл бұрын
Muito obrigado pelo seu conteúdo, me ajudou bastante a esclarecer estas propriedades de posicionamento, estou no início dos meus estudos e estava com muitas dúvidas neste quesito de posicionar elementos na tela.
@llucasmotta2 жыл бұрын
Valeu mano! Muito legal
@dayvsonmarques27292 жыл бұрын
valeu demais, muito bom!
@matiasvallejosdev2 жыл бұрын
Qual é a diferença entre usar o API GATEWAY FRAMEWORK versus usar o API Gateway sem framework e usar o AWS Management Console?
@tiago.boeing2 жыл бұрын
Creio que você quis se referir a utilizar o Serverless Framework ou não. Considerando isto a diferença está mais no processo de deploy, manutenção e “portabilidade”. Ao utilizar o Serverless Framework são criados os mesmos recursos que você teria que criar manualmente dentro da interface da AWS. A vantagem dessa abordagem é que você mantém sua infraestrutura em código, isto quer dizer que pode facilmente implantar a aplicação em outra conta AWS apenas alterando as credenciais, algo que ao criar manualmente via interface no console você obrigatoriamente precisaria criar novamente de maneira manual. Nativamente a AWS possui o SAM que é sua sintaxe própria para criar recursos na nuvem via IaC (infrastructure as Code), porém para coisas mais objetivas como funções e um API Gateway isso acaba sendo mais verboso e ainda existe um lock-in com a AWS, visto que é uma sintaxe apenas deles e não funcionará em outra nuvem por exemplo. De qualquer maneira o Serverless Framework permite que você misture as sintaxes e adicione código SAM no yaml dele, dessa maneira você pode trabalhar com ambos ao mesmo tempo. Outro detalhe é que tanto com Serverless Framework quanto com SAM, ambos criarão por de baixo dos panos uma stack do CloudFormation. A título de curiosidade, vá na interface do console e busque pelo CloudFormation, veja que o Serverless Framework unificou tudo lá.
@matiasvallejosdev2 жыл бұрын
@@tiago.boeing Obrigado!!
@trilhacoder2 жыл бұрын
Além do relative e absolute .. existem algum outro position que tenha dependência de outro position? Parabéns pelo conteúdo, muito bem explicado, abç.
@tiago.boeing2 жыл бұрын
Ao que me lembre os únicos que estão interligados diretamente são relative e absolute, porém cada tipo possui algumas necessidades específicas, por exemplo: ao utilizar "position: fixed" ou "position: sticky" você precisará informar o local onde o elemento deve ficar posicionado (caso contrário ele utiliza valores padrões), dessa maneira isto pode ser feito utilizando as propriedades: top, bottom, left e right. Para entender melhor, dê uma olhada nessa documentação: developer.mozilla.org/pt-BR/docs/Web/CSS/position
@trilhacoder2 жыл бұрын
@@tiago.boeing Interessante, vlw!
@wallaceanjos93402 жыл бұрын
Cara, parabéns! Excelente conteúdo! Muito claro a explicação, obrigado!
@tiago.boeing2 жыл бұрын
Valeu Wallace!!
@jhonatanribeiro80082 жыл бұрын
Cara, muito bom o vídeo. Ta de parabéns! Me ajudou pra caramba
@tiago.boeing2 жыл бұрын
Valeu Jhonatan, fico feliz em ter ajudado!
@caiomontenegro73682 жыл бұрын
Valeu pelo conteúdo parceiro! Uma dúvida fora do conteúdo, já que a explicação foi boa hahaha Qual é a cadeira que está usando? Recomenda?
@tiago.boeing2 жыл бұрын
Bacana que ajudou! A cadeira é uma DT3sports Royce Tecido Space Grey. Recomendo sim, muito confortável e ajustável, já possuo há quase dois anos e sem nenhum ruído ou desgaste visível até o momento. 🙂
@lutzcosta2 жыл бұрын
Existe algum jeito de saber as configurações padrão de alguma tag? Por exemplo, voce disse que a tag html é relative por padrão mesmo isso não sendo declarado. É possivel saber sobre essas coisas de outras tags?
@tiago.boeing2 жыл бұрын
Opa Luiz! Existe sim, na documentação do CSS diretamente ou eu costumo utilizar o MDN que é um site com amplo conteúdo sobre a web e oficial do Mozilla. CSS position developer.mozilla.org/en-US/docs/Web/CSS/position#formal_definition Sobre ao usar position: absolute e descobrir quem seria o relative (no caso da body/html é um pouco diferente, mas citei pra exemplificar), existe uma nota na documentação sobre isso: “However; if an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.” Confira na seção position: absolute www.w3schools.com/css/css_positioning.asp Em resumo, se você utilizar apenas position: absolute sem declarar um relative, o elemento buscará na DOM a tag body para utilizar como base, talvez meu exemplo tenha confundido as coisas, não quis ser literal com o “de fato ele procura”. 😅
@jonasmoura32872 жыл бұрын
No CSS, como faço para chamar um plaseholder de um input?? pra mim poder alterar a cor dele stilo e tals
@tiago.boeing2 жыл бұрын
Dá uma olhada nesse meu outro vídeo que possui a parte do placeholder. (: kzfaq.info/get/bejne/bdpjqJSGrOCyk6s.html
@jonasmoura32872 жыл бұрын
@@tiago.boeing Obrigado! Poderia fazer um vídeo ensinando tudo sobre div, como funciona pra que serve e como usá-la, a mesma coisa com function e com buttons, por favor? gostaria muito de aprender a uasr essas coisas sabe.. Obrigado!!