Web Components e Seus Três PRINCIPAIS CONCEITOS: DOM, Shadow DOM e Virtual DOM

  Рет қаралды 12,724

Cod3r Cursos

Cod3r Cursos

3 жыл бұрын

◆ formacao.dev ◆
◆ www.cod3r.com.br/ ◆
No vídeo de hoje o Léo veio falar sobre o Web component e seus três principais conceitos: a DOM, a Shadow DOM e a Virtual DOM. Além de explicar as principais ideias por trás desses conceitos, o Léo também vai mostrar alguns exemplos práticos para complementar o aprendizado. Vem assistir!
Com mais de 400 mil alunos, a Cod3r é uma das principais escolas de tecnologia do País. Um dos seus produtos mais importantes é a Formação DEV, uma formação completa que tem o objetivo de preparar os profissionais para o mercado, desde iniciantes no mundo da programação ou profissionais que estão migrando de carreira, a arquitetos de software. A Formação DEV conta com uma solução completa para te ajudar a construir soluções inovadoras e enfrentar os desafios da era digital.
◆ Vem fazer parte da nossa comunidade:
Discord: / discord
Siga a Cod3r nas redes sociais:
KZfaq: bit.ly/2LJdjpX
Instagram: bit.ly/3bAStnX
Facebook: bit.ly/2MWAn5p
LinkedIn: bit.ly/3i3pfPC

Пікірлер: 41
@ThiagoLucioBittencourt
@ThiagoLucioBittencourt 3 жыл бұрын
Cara. Ia ser demais vc fazer esse curso aí de Web components. É muito massa a base e tem muita carência dessa linha de material
@emanoelinfinity
@emanoelinfinity 3 жыл бұрын
Isso torna a compreensão da biblioteca React mais fácil. O seu curso de Js funcional tem me ajudado a desenvolver uma base sólida. Obrigado!!
@drapala97
@drapala97 3 жыл бұрын
toppp fica dica de assunto pras próximas: temporal dead zone e contexto de execução
@poetaanonimo8177
@poetaanonimo8177 Ай бұрын
Faz um curso ensinando a criar um jogo de Plataforma utilizando os Web Components, seria muito top e de muita ajuda
@cod3r
@cod3r Ай бұрын
Boa! Vou repassar sua sugestão para a nossa equipe 👾
@WeslleyMarquesdosAnjos
@WeslleyMarquesdosAnjos 3 жыл бұрын
Muito bom o vídeo e quero muito um outro vídeo explorando como seria construir uma aplicação maior =D
@jonasmateus1071
@jonasmateus1071 3 жыл бұрын
Meu Prof. Léo é bom demais! Parabéns Prof, vou fazer uns testes 🤓
@orickk4376
@orickk4376 11 ай бұрын
Muito bem explicado. Obrigado.
@rogeriopst450
@rogeriopst450 3 жыл бұрын
caramba. otimo video. n sabia q tinha esse web components nativo no js. a gente ouve e ve esse conceito direto no react e tal e pensa q eh especifico do react ou outro framework. otimo q deu p entender claramente o virtual dom do react. o angular eh semelhante? vi q ele n tem um virtual dom, mas algo especifico dele, mas eh mais ou menos a mesma ideia neh?! vlw demais. parabens.
@bismarckalves4736
@bismarckalves4736 2 жыл бұрын
Poxa. Uma aula muito didática, importante e de grande valor. Parabéns
@cod3r
@cod3r 2 жыл бұрын
Valeu, Bismarck! 👾
@lucasgabrieldeoliveirabent3130
@lucasgabrieldeoliveirabent3130 Жыл бұрын
Aula muito boa professor, obrigado!
@rafaelzanetti3449
@rafaelzanetti3449 3 жыл бұрын
Show. Ótima explicação, tirou várias dúvidas que eu tinha em relação a DOM
@rbltv
@rbltv 2 жыл бұрын
Tela cheia, zoom e uma puta aulaaaa! Parabéns!
@mateusalisson8867
@mateusalisson8867 2 жыл бұрын
Maravilhoso!!!!
@theclipssoundtracks1411
@theclipssoundtracks1411 2 жыл бұрын
Arrasou! muito bom 👏👏👏👏
@diogoca
@diogoca 2 жыл бұрын
Obrigado pelos ensinamentos
@betoap07
@betoap07 3 жыл бұрын
Muito bom, mesmo... fica aí o assunto para o próximo curso.
@ProgramadorRealbr
@ProgramadorRealbr 3 жыл бұрын
Show!! super didática.
@joseeustaquiomunizsantos6209
@joseeustaquiomunizsantos6209 3 жыл бұрын
Mais uma aula show.... aguardando o modelo mais avançado
@ArthurAlaete
@ArthurAlaete 3 жыл бұрын
Show demais. Praticamente tudo que eu sei sobre DOM aprendi com você. uahsuahsuhas. Valeu Professor \../,
@gleybsonfarias6332
@gleybsonfarias6332 3 жыл бұрын
Muito massa cara. Muito bacana.
@andersonricardo3855
@andersonricardo3855 3 жыл бұрын
Já dei o like antes de ver!
@andremachado3877
@andremachado3877 3 жыл бұрын
Muito bom, Obrigado!
@edithpenha3624
@edithpenha3624 3 жыл бұрын
Aula excelente 🤝
@DanielRios549
@DanielRios549 2 жыл бұрын
Eu to me interessando demais no Shadow DOM, gostei muito desse encapsulamento e da possibilidade de modificar o conteúdo, é muito melhor do que o , muito melhor mesmo. Já o Virtual DOM, pessoalmente eu acho coisa do passado, Virutal DOM nao faz sentido, simples, acredito que a tendência é que todos as libs e frameworks se convertam em compiladores, o SolidJS é bem parecido com o React só que não usa Virtual DOM, o Svelte é a mesma coisa só que em comparação com o Vue, o próprio Vue já compila algumas coisas pra não usar o Virtual DOM, enfim, Virtual DOM é uma coisa que só tende a sumir, só não sumiu ainda porque o React é tão popular, que ficou refém do seu próprio sucesso, ai pros caras mudarem alguma coisa complica porque pode quebrar muito site por ai
@marcosanterodocarmo2221
@marcosanterodocarmo2221 Жыл бұрын
Top
@jvnogueiraa
@jvnogueiraa 10 ай бұрын
O web components substitui um framework de componentes, por exemplo o react?
@Matheus_1582
@Matheus_1582 Жыл бұрын
A manjei o que Framework Ionic, eu acho que ele usa isso também. Ele usa no botão como ion-button Ele usa card como ion-card e por ai vai... Eu acho que é isso...
@hervallemos
@hervallemos 3 жыл бұрын
Por trás dos panos, os frameworks usam esses padrões do HTML nas suas implementações próprias de componentes?
@rhialicandido8644
@rhialicandido8644 Жыл бұрын
Gostaria de saber aonde eu adquiro esse curso completo, qual é o nome do curso?
@JCM_Gamer
@JCM_Gamer 3 жыл бұрын
Posso usar isso no backend e fazer ele renderizar uma página estática, tipo o Next?
@bezerrath
@bezerrath 2 жыл бұрын
Web components seria a maneira mais inteligente de criar componentes base para compartilhar entre projetos vue, react e afins?
@Lucky-hy3hv
@Lucky-hy3hv 2 жыл бұрын
Virtual Dom, 21:52
@misaeltomaz8906
@misaeltomaz8906 3 жыл бұрын
2x , conteudo top
@matheusaraujo8617
@matheusaraujo8617 3 жыл бұрын
Isso prejudica ou ajuda SEO?
@play_on_forever
@play_on_forever 3 жыл бұрын
Manda mais vídeos...
@manoelDev
@manoelDev 3 жыл бұрын
CONST A inteligência que eu almejo = Leonardo Leitão;
@alanbidu1
@alanbidu1 3 жыл бұрын
/clap
Por Que Usar Next.JS?
29:06
Cod3r Cursos
Рет қаралды 34 М.
Can you build a web app with vanilla Web Components in 2024?!?
30:16
路飞太过分了,自己游泳。#海贼王#路飞
00:28
路飞与唐舞桐
Рет қаралды 42 МЛН
Look at two different videos 😁 @karina-kola
00:11
Andrey Grechka
Рет қаралды 11 МЛН
Jumping off balcony pulls her tooth! 🫣🦷
01:00
Justin Flom
Рет қаралды 34 МЛН
IQ Level: 10000
00:10
Younes Zarou
Рет қаралды 13 МЛН
Conceitos Essenciais: O Básico de HTTP
20:13
Cod3r Cursos
Рет қаралды 36 М.
Learn Web Components In 25 Minutes
24:21
Web Dev Simplified
Рет қаралды 196 М.
Os Pilares da Orientação a Objetos: Encapsulamento #01
29:22
Cod3r Cursos
Рет қаралды 21 М.
The Story of Web Components
6:42
uidotdev
Рет қаралды 88 М.
Virtual DOM and Shadow DOM difference, comparison and overview
12:54
Duomly: Learn Smart Skills
Рет қаралды 12 М.
Web Components Crash Course
28:54
Traversy Media
Рет қаралды 254 М.
O REI do JAVASCRIPT! Funções e Assincronismo!
18:55
Cod3r Cursos
Рет қаралды 14 М.
JavaScript Funcional: Introdução #01
28:21
Cod3r Cursos
Рет қаралды 9 М.
Angular vs React vs Vue - A Batalha dos Frameworks!!!
1:00:43
Cod3r Cursos
Рет қаралды 61 М.
Умный электрический помощник для штор
0:23
Склад дизайна
Рет қаралды 1,5 МЛН
ГОТОВЫЙ ПК с OZON за 5000 рублей
20:24
Ремонтяш
Рет қаралды 263 М.
Yanlışlıkla Telefonumu Parçaladım!😱
0:18
Safak Novruz
Рет қаралды 7 МЛН
FIX THE SMARTPHONE WITH A CARDBOARD MIXER!!📱
0:28
Peter Cardboard
Рет қаралды 2,6 МЛН
Kumanda İle Bilgisayarı Yönetmek #shorts
0:29
Osman Kabadayı
Рет қаралды 3,8 МЛН