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!!!!
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 RUclips 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!
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!
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; }
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!
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?
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!
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.
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 :(
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!!!!
Nem vi tudo e já tô hypado 🌟🤩🚀🤘
Wooow! Valeu pelo feedback, Ygor! 💜
Cada aula é uma enxurrada de conhecimentos.
Parabéns Maikão!
Ele é brabo, né, Klaylton? Que massa que curtiu a aula! 💜 🚀
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 RUclips sem Maike Brito?!
Cara... Que aula é essa?! 😱😱😱
Parabéns! único método que funciona quando você precisa de avaliar vários dados em uma tabela. Muito top!
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!!!
Nossa Maykao. Tu é fera ein cara. Que top
Maykão é o cara, né, Eder? Que massa que curtiu o conteúdo! 💜 🚀
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! 💜 🚀
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.
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!
Estou tendo que usar web component no trabalho e isso está ajudando muito valeuzão
o brabo tem nome, cê é doido !!
Maykão é brabo mesmo, né, Will?? 💜 🚀
Maikão aproveitando o gancho, traz conteúdo de stenciljs, é um ótimo component compiler para web components
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!
Muito bom! Obrigado Maykão!
00:12:30 - Definindo o "selector"
Maikão é o brabo.
Ele é brabo, né, Erick? 💜 🚀
Show, Mayk Brito.
Curtiu, Zilon? 💜 🚀
ótima aula, estou adorando seus ensinamentos !!!
Que massa que ta curtindo, Alois! 💜 😍
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é? 💜 🚀
Mayk é o cara! 👏🏽👏🏽👏🏽
Ele é fera demais, né, Edu? 💜 😍
@@rocketseat Ele e todos vocês da Rocketseat 👏🏽👏🏽👏🏽
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! 💜 🚀
Brabo demais, parabéns pela aula Maikão 🤘🏽🔥... Que didática sensacional.
Que show que curtiu, Rafael! Maykão manda bem demais, né? 💜
Melhor professor !!!
Maykão é brabo, né, Marcos? 💜
Muito bom, com o React da pra criar Web Components de maneira mais fácil né?
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;
}
arrebentou. parabens , Maikão!!! vlw
Que massa que curtiu, Rogerio! 💜 🚀
Muito obrigado
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!
Isso é perfeito para componentização.
Demais, né, Fagner! 💜 🚀
muito bom
Já inscrito no Ignite e aguardando a liberação no dia 23/08
Boooooa, Edson! Mandou bem! Nos vemos dia 23, hein? 💜 🚀
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..
Obrigado!!!!! ❤️❤️
Curtiu, Adryel? 💜 🚀
TOP !
💜 😍
Show, demais
Que bom que curtiu, Edson! 💜 🚀
Não existe uma forma de estilizarmos o conteúdo interno do componente via estilo exterior, como por exemplo adicionando uma classe em ?
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! 💜 🚀
poderiam fazer um vídeo sobre node streams
Sugestão anotada aqui, Matheus! 💜 🚀
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
tem o repositório dessa aula ?
Complemento da aula de leitura da biblioteca rsrs
💜
Fantastico.
Que massa que curtiu, Igor! 💜 🚀
@@rocketseat Impossivel nao curtir conteudo do Maykao
Ele é brabo! 😍
😍😍
what notepad/to-do list do you use?
Opaa, qual é o seu sistema operacional? E se for ubuntu, que tema é esse? Ksksksk
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!
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?
Sei que root é raiz em inglês. mas parece que esta falando da tia da merenda na escola, Tia Rote.
Vc pode fazer um video sobre webscraping com js puro sem nood sem fremwork só js puro?
Faaaaala, Izaias! Opa, sugestão anotada aqui! 💜 🚀
Muito legal o video, só um adendo, shadow não é fantasma não kkkkk
Ops... 👀 💜
é muito god, mdssss
Maykão é brabo, né? 💜 🚀
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.
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!!!!!
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.
github nao liberou essa função pra mim
Sério, Gabriel? 😔
só cuidado com a pronúncia.. não é hater rs
Só acho estranho falar que shadow é fantasma rs
star hater = odiador estelar kkkkkkkkkk
Ops... 👀 💜
Partiu criar o framework q vai derrubar o React kkkkkk
Wooow! 👀 🚀
mano....
Curtiu, Allan? 💜 🚀
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 :(