Cara, estou sem palavras... É muito surreal como o Mayk ensina bem, sempre consigo entender o assunto que ele está falando sobre, mesmo eu sendo alguém que começou a aprender javascript há 1 mês. Obrigado pela aula Maikão!!!!
Maykão do céu, você não tem noção do quão didático você foi ao explicar o .bind. Caraca mano, tu é foda demais! Vídeo riquíssimo de conhecimento importante. Valeu, Maykão!
Estou iniciando no mundo da programação, pelo motivo de amar esse universo. E também por precisar, pois uso nos meus projetos de automação residencial. Mais esse conteúdo aqui é fantástico!!! O que seria do TH-cam sem Maike Brito?! Cara... Que aula é essa?! 😱😱😱
Caraca Maykão, você é o cara! Muito obrigado por essa aula e parabéns pela sua didática. Obrigado também Rocketseat, por proporcionar vários conteúdos de alta qualidade!
OktaDev criou um vídeo em 2019 no qual desenvolve exatamente o mesmo componente. Não sei se é apenas coincidência, mas caso não seja seria bom dar uma parte dos créditos a ele!
lembrando que essa função mudar as cores da pra fazer somente com o css, tem uns bugzinhos que pra ajeitar com display flex .star-rater:hover > span { color: yellow; } .star-rater > span:hover ~ span{ color: black; }
Tenho uma dúvida, ali no mouseover e no click da star, ao invés dele utilizar o bind() ele poderia ter utilizado Arrow Function para referenciar ao escopo da classe?
Primeiramente gostaria de agradecer pelo conteúdo e iniciativa das aulas que são de grande valor, e com uma ótima didática. Preciso de uma ajuda.... Tenho um app em vueJS que preciso inserir em um site... Ao incluir os scripts do app no site, acaba desformatando o site por conflitos no css... Tentei implementar o Shadow DOM para colocar os scripts do app, o que resolveu o isolamento dos css, mas não consigo fazer os scripts rodarem automaticamente quando insiro o html, pois não consigo usar o jQuery.html() pra inserir dentro do root da Shadow. Alguém pode me ajudar?
E quando eu for criar várias div's, tenho que criar várias funções de criar div, ou tem um método para criar várias div´s com classes e id´s diferentes em uma única função? MUUITO TOP O VIDEOO E EXCELENTE PROFESSOR!!! 👌
Se você tiver alguma estrutura de dados que represente essas divs e suas propriedades, como um objeto ou array, você pode iterar essa estrutura de forma que no retorno de cada item seja criado a div ( create element) e injetado no HTML.
Olá pessoal! Quero aproveitar o e-mail para agradecer a oportunidade que a Rocketseat está proporcionando de permitir que eu entre para o mercado de tecnologia me tornando um DEV com as aulas disponibilizadas. MUITO OBRIGADO! Gostaria de comunicar que na Maratona Discover especificamente a Edição 01, DevFiances, as aulas sumiram. Só está aparecendo a AULA 3, todas as outras aulas desapareceram. Abs!
Voce poderia combinar jsx com o web components, sendo assim nao precisaria criar os elementos diretamente utilizando os métodos puros do JS. mas ai nao seria js puro.
Maikão, sei que o video já tem um tempo, mas seria legal tbm falar sobre como alterar os estilos ou algo a mais de fora da shadow dom. To tendo que trabalhar com uma lib que os componentes são todos usando shadow dom, e não consigo mudar os estilos dos componentes :(
![[Flutter] Разработка miniTools + the elm architecture](http://i.ytimg.com/vi/YZkdzY9mekA/mqdefault.jpg)
Cara, estou sem palavras...
É muito surreal como o Mayk ensina bem, sempre consigo entender o assunto que ele está falando sobre, mesmo eu sendo alguém que começou a aprender javascript há 1 mês. Obrigado pela aula Maikão!!!!
Maykão do céu, você não tem noção do quão didático você foi ao explicar o .bind. Caraca mano, tu é foda demais! Vídeo riquíssimo de conhecimento importante. Valeu, Maykão!
00:12:30 - Definindo o "selector"
Parabéns! único método que funciona quando você precisa de avaliar vários dados em uma tabela. Muito top!
Nem vi tudo e já tô hypado 🌟🤩🚀🤘
Wooow! Valeu pelo feedback, Ygor! 💜
Nossa Maykao. Tu é fera ein cara. Que top
Maykão é o cara, né, Eder? Que massa que curtiu o conteúdo! 💜 🚀
Vídeo do Mayk eu já chego dando voadora no like! 😝😝😝
Ahhhh! Valeu demais pelo carinho, Marlon! E curtiu o conteúdo? 💜 🚀
@@rocketseat bom demais. Mayk sempre mto didático.
Cada aula é uma enxurrada de conhecimentos.
Parabéns Maikão!
Ele é brabo, né, Klaylton? Que massa que curtiu a aula! 💜 🚀
Estou tendo que usar web component no trabalho e isso está ajudando muito valeuzão
Muito bom! Obrigado Maykão!
32:07 , Maykão sendo ainda mais Maykão! Faz toda a diferença para quem quer aprender a programar. Obrigado!
Tu sempre surpreende cara, obrigado pelo conteúdo diferenciado! S2 Maykão!!!
Estou iniciando no mundo da programação, pelo motivo de amar esse universo.
E também por precisar, pois uso nos meus projetos de automação residencial.
Mais esse conteúdo aqui é fantástico!!!
O que seria do TH-cam sem Maike Brito?!
Cara... Que aula é essa?! 😱😱😱
Caraca Maykão, você é o cara! Muito obrigado por essa aula e parabéns pela sua didática.
Obrigado também Rocketseat, por proporcionar vários conteúdos de alta qualidade!
Primeira vez que vejo um vídeo longo completamente, didática muito boa. Parabéns!
Wooow! Sério, Aninha? Que massa! Valeu demais pelo feedback! 💜 🚀
Maikão é o brabo.
Ele é brabo, né, Erick? 💜 🚀
o brabo tem nome, cê é doido !!
Maykão é brabo mesmo, né, Will?? 💜 🚀
Muito obrigado
Show, Mayk Brito.
Curtiu, Zilon? 💜 🚀
Maikão aproveitando o gancho, traz conteúdo de stenciljs, é um ótimo component compiler para web components
Muito bom, com o React da pra criar Web Components de maneira mais fácil né?
ótima aula, estou adorando seus ensinamentos !!!
Que massa que ta curtindo, Alois! 💜 😍
arrebentou. parabens , Maikão!!! vlw
Que massa que curtiu, Rogerio! 💜 🚀
OktaDev criou um vídeo em 2019 no qual desenvolve exatamente o mesmo componente. Não sei se é apenas coincidência, mas caso não seja seria bom dar uma parte dos créditos a ele!
Mayk é o cara! 👏🏽👏🏽👏🏽
Ele é fera demais, né, Edu? 💜 😍
@@rocketseat Ele e todos vocês da Rocketseat 👏🏽👏🏽👏🏽
Melhor professor !!!
Maykão é brabo, né, Marcos? 💜
Maikão virei teu fã!
Vou usar esse conhecimento na minha engine html!Thnk
Maykão é brabo, né, Ronan? Depois conta pra gente como foi a sua experiência! 💜 🚀
Isso é perfeito para componentização.
Demais, né, Fagner! 💜 🚀
muito bom
lembrando que essa função mudar as cores da pra fazer somente com o css, tem uns bugzinhos que pra ajeitar com display flex
.star-rater:hover > span {
color: yellow;
}
.star-rater > span:hover ~ span{
color: black;
}
Incrível! Conteúdo foda! Muito bom ver o Github Copilot ativo aí "mostrando serviço" rsrs
Que massa que curtiu, Barroso! É bem interessante, né? 💜 🚀
poderiam fazer um vídeo sobre node streams
Sugestão anotada aqui, Matheus! 💜 🚀
Brabo demais, parabéns pela aula Maikão 🤘🏽🔥... Que didática sensacional.
Que show que curtiu, Rafael! Maykão manda bem demais, né? 💜
Não existe uma forma de estilizarmos o conteúdo interno do componente via estilo exterior, como por exemplo adicionando uma classe em ?
Adorei a aula! Como faria para criar um pacote de webcomponents e distribuir em diversos projetos?
Npm modules, você só precisaria da especificação do pacote e criar o package.json para isso..
tem o repositório dessa aula ?
Tenho uma dúvida, ali no mouseover e no click da star, ao invés dele utilizar o bind() ele poderia ter utilizado Arrow Function para referenciar ao escopo da classe?
Sim
Já inscrito no Ignite e aguardando a liberação no dia 23/08
Boooooa, Edson! Mandou bem! Nos vemos dia 23, hein? 💜 🚀
what notepad/to-do list do you use?
TOP !
💜 😍
Eu fiz um projeto igual esse só que sem web components, vou refatorar e usar web components agora
Depois conta como foi a experiência! 💜 🚀
Obrigado!!!!! ❤️❤️
Curtiu, Adryel? 💜 🚀
Muito legal o video, só um adendo, shadow não é fantasma não kkkkk
Ops... 👀 💜
Complemento da aula de leitura da biblioteca rsrs
💜
Vc pode fazer um video sobre webscraping com js puro sem nood sem fremwork só js puro?
Faaaaala, Izaias! Opa, sugestão anotada aqui! 💜 🚀
Primeiramente gostaria de agradecer pelo conteúdo e iniciativa das aulas que são de grande valor, e com uma ótima didática.
Preciso de uma ajuda....
Tenho um app em vueJS que preciso inserir em um site...
Ao incluir os scripts do app no site, acaba desformatando o site por conflitos no css...
Tentei implementar o Shadow DOM para colocar os scripts do app, o que resolveu o isolamento dos css, mas não consigo fazer os scripts rodarem automaticamente quando insiro o html, pois não consigo usar o jQuery.html() pra inserir dentro do root da Shadow.
Alguém pode me ajudar?
Opaa, qual é o seu sistema operacional? E se for ubuntu, que tema é esse? Ksksksk
Fantastico.
Que massa que curtiu, Igor! 💜 🚀
@@rocketseat Impossivel nao curtir conteudo do Maykao
Ele é brabo! 😍
Show, demais
Que bom que curtiu, Edson! 💜 🚀
E quando eu for criar várias div's, tenho que criar várias funções de criar div, ou tem um método para criar várias div´s com classes e id´s diferentes em uma única função?
MUUITO TOP O VIDEOO E EXCELENTE PROFESSOR!!! 👌
Se você tiver alguma estrutura de dados que represente essas divs e suas propriedades, como um objeto ou array, você pode iterar essa estrutura de forma que no retorno de cada item seja criado a div ( create element) e injetado no HTML.
é muito god, mdssss
Maykão é brabo, né? 💜 🚀
😍😍
Me dá coraçãozinho, por favor!
Valeu pelo carinho, Arthur! Um abraço do time! 💜
@@rocketseat 🥳🎉🎊
@@rocketseat Eu estou aprendendo a programar em JS graças à vocês! MUITO OBRIGADO! Vocês são demais!!!!!
Sei que root é raiz em inglês. mas parece que esta falando da tia da merenda na escola, Tia Rote.
Olá pessoal! Quero aproveitar o e-mail para agradecer a oportunidade que a Rocketseat está proporcionando de permitir que eu entre para o mercado de tecnologia me tornando um DEV com as aulas disponibilizadas. MUITO OBRIGADO!
Gostaria de comunicar que na Maratona Discover especificamente a Edição 01, DevFiances, as aulas sumiram. Só está aparecendo a AULA 3, todas as outras aulas desapareceram.
Abs!
github nao liberou essa função pra mim
Sério, Gabriel? 😔
Interessante, mas o código fica muito bagunçado, e tmb fazer html por javascript eu acho tão estranho.
Voce poderia combinar jsx com o web components, sendo assim nao precisaria criar os elementos diretamente utilizando os métodos puros do JS. mas ai nao seria js puro.
só cuidado com a pronúncia.. não é hater rs
Só acho estranho falar que shadow é fantasma rs
mano....
Curtiu, Allan? 💜 🚀
star hater = odiador estelar kkkkkkkkkk
Ops... 👀 💜
Partiu criar o framework q vai derrubar o React kkkkkk
Wooow! 👀 🚀
React, pra quê? 🤣
👀 💜
Maikão, sei que o video já tem um tempo, mas seria legal tbm falar sobre como alterar os estilos ou algo a mais de fora da shadow dom. To tendo que trabalhar com uma lib que os componentes são todos usando shadow dom, e não consigo mudar os estilos dos componentes :(