Pra quem baixou o live server no lugar do watch in chrome, que não está mais disponível, e não sabe como usar aqui vai uma ajudinha: Depois de instalar a extensão live server Vá na aba que tem aqueles papeizinhos e clique com o botão direito no arquivo que você quiser abrir com o live server e aperte em "open with live server". Prontinho agora é só continuar programando! Espero ter ajudado.
Geralmente eu não comento muito o curso, mas hoje eu cheguei bem mais cansado que o comum, o dia inteiro trabalhando, cabeça explodindo, um milhão de coisas acontecendo... E eu queria falar com você, que tem milhares de outros compromissos, que chegou aqui cansado, queria dizer que você é FODA! Respira, toma um café e vamos nessa! Você vai vencer essa coisa ruim, seu dia pode ter sido péssimo, mas esse professor vai transformar o seu dia e vai fazer você se lembrar o real motivo do que te trouxe até aqui! Acabou de acontecer comigo e eu tenho certeza que vai acontecer com você também! Boa sorte com seus estudos!
Galera, não desistam de aprender programação só pq não entenderam uma aula. A primeira vez que eu assisti essa aula não entendi nada, mas agora vendo novamente com mais atenção e anotando as coisas, eu consegui entender praticamente tudo. Dê um tempo de descanso para vocês e depois assistam de novo a aula em que vocês ficaram em dúvida.
meu problema foi parecido tmb, avancei algumas aulas e enrrosquei la na frente, e decidi voltar aqui pra aprender por bem e por mal, criei até um exemplo diferente do dele. Demonstração de cores ultilizando o DOM cor1 cor2 cor3 var c1 = window.document.getElementsByTagName('p')[0] var c2 = window.document.getElementsByTagName('p')[1] var d = window.document.getElementById('c3') c1.innerHTML = 'Primeira cor: Azul' c1.style.background = 'blue' c2.innerHTML = 'Segunda cor: Preto' c2.style.background = 'Black' c3.innerHTML = 'Terceira cor: Amarelo' c3.style.background = 'Yellow'
avancei zero aulas, to me dedicando MESMO, praticando e assistindo aulas. Cada barreira dessas tem que dar mais tesão de aprender. Fiquei um pouco frustrado pq essa é a primeira coisa que não entendi 100%, quando fui praticar. As aulas dos cursos se confundiram na minha cabeça, e eu senti que talvez não fosse pra mim mesmo... vou dormir e amanhã tentar de novo. Obg pelo comentário, me ajudou a não deixar esse pensamento crescer na cabeça. Me dedicar amanhã pra acertar o que errei hj nessa aula
@@bichobobo3807 É isso aí cara. Fico feliz que meu comentário tenha te ajudado. Aprender programação é igual aprender matemática, as vezes a gente não pega a teoria, mas na hora da prática a gente entende. As duas coisas precisam andar lado a lado. Mas não se prende só a isso, tem outras aulas que usam o DOM e talvez lá na frente você entenda o que foi dito nessa aula
NOVIDADES: O que é DOM? DOM (Document Object Model), Modelo de Objeto para Documento, é uma *INTERFACE padronizada utilizada para REPRESENTAR um DOCUMENTO HTML. Este modelo utiliza uma linguagem neutra que, por meio de uma árvore hierárquica de diretórios, permite você ACESSAR e INTERAGIR com QUALQUER ELEMENTO de seu DOCUMENTO de maneira DINÂMICA com o uso do JavaScript. Desta forma, o JS tem o poder de: alterar, excluir e adicionar: elementos HTML, atributos HTML, eventos HTML, estilos CSS. *Interface, do latim INTER(entre) + FACIES(faces), significa: ligação física ou lógica entre 2 sistemas ou partes que não poderiam ser conectados diretamente. Ou seja, o DOM é o INTERMEDIADOR da COMUNICAÇÃO da linguagem JavaScript com as tecnologias HTML5 e CSS3. Ilustração de uma árvore DOM: window / | \ location document history | html / \ head body / | / | | \ meta title h1 p p div | strong Parent (pai) - é quem está ACIMA na árvore HIERARQUICA. Child (filho) - é quem está ABAIXO na árvore HIERARQUICA. É como se fosse uma árvore genealógica. Exemplos: HEAD e BODY são FILHOS de HTML; HTML é PAI de HEAD e BODY; HTML é FILHO de DOCUMENT. É importante ressaltar que: um DOCUMENTO HTML e sua REPRESENTAÇÃO DOM são a MESMA COISA. A única diferença é que estes estão REPRESENTADOS de FORMAS DIFERENTES. Ex: ("uma garrafa") e ("a bottle") são a MESMA COISA, só que representadas em línguas diferentes. É a mesma ideia. Caso você altere o DOCUMENTO HTML você também alterará o seu DOM e vice-versa. ______________________________ Como ACESSAR/SELECIONAR ELEMENTOS através do DOM: Lista de 5 MÉTODOS de acesso: by Tag - getElementsByTagName("") by ID - getElementByID("") by Name - getElementsByName("") by Class - getElementsByClassName("") by Selector - querySelector (""); querySelectorAll (""); O método getElementsByTagName() SELECIONA ELEMENTOS via TAG. O método getElementById() SELECIONA UM ELEMENTO via ID. O método getElementsByName() SELECIONA ELEMENTOS via NOME. O método getElementsByClassName("") SELECIONA ELEMENTOS via CLASSE. O método querySelector() SELECIONA UM ELEMENTO via SELETOR CSS. O método queySelectorAll() SELECIONA ELEMENTOS via SELETOR CSS. *Atente-se que alguns dos seletores estão no SINGULAR e outros no PLURAL (Element e Element*S*) Caso utilize um seletor que está no PLURAL, para ESPECIFICAR qual TAG, NAME ou CLASS você deseja ACESSAR, você têm que usar, após os parênteses (), os colchetes [] e, dentro destes, você indicará qual a POSIÇÃO do elemento que você deseja ACESSAR. Ex da aula: document.getElementsByTagName('p')[1]; Neste exemplo selecionou-se, dentro dos parênteses, todas as tags . E, dentro dos colchetes, selecionou-se a tag que se encontra na 1° POSIÇÃO, ou seja, a 2° tag . *Lembrando que a contagem começa em 0. Portanto: a posição 0 é a 1° tag a posição 1 é a 2° tag a posição 2 é a 3° tag ... ______________________________ Diferença entre .innerText e .innerHTML : A propriedade .innerText serve para DEFINIR ou RETORNAR o CONTEÚDO de TEXTO de um ELEMENTO. A propriedade .innerHTML serve para DEFINIR ou RETORNAR o CONTEÚDO HTML (texto+formatação) de um ELEMENTO. ILUSTRAÇÃO (crie um outro documento, monte a estrutura básica HTML5 (!+enter) e insira este código dentro do body): Diferença entre innerText e InnerHTML: var variavel_1 = document.querySelector('.teste_1') variavel_1.innerText = "Teste do innerText" var variavel_2 = document.querySelector('#teste_2') variavel_2.innerHTML = "Teste do innerHTML" ______________________________ ALGUMAS DEFINIÇÕES: *Um OBJETO no JS é um CONTAINER de PROPRIEDADES e MÉTODOS. *Uma FUNÇÃO no JS é um subprograma que pode receber PARÂMETROS e RETORNAR um resultado. São AÇÕES executadas assim que são CHAMADAS ou em decorrência de algum EVENTO. É um bloco de códigos projetado para executar uma tarefa ou calcular um valor. *Um MÉTODO no JS é uma FUNÇÃO que está armazenada na forma de um CONJUNTO DE PROPRIEDADES dentro de um OBJETO. Ou seja, MÉTODOS são AÇÕES que podem ser performadas em OBJETOS. *Um EVENTO no JS é uma CONDIÇÃO que, quando verdadeira, fará a CHAMADA de uma FUNÇÃO. *O Seletor de Classe é representado por: . *O Seletor de ID é representado por: #
Para quem chegou em 2023, o WATCH IN CHROME não existe mais. Basta instalar o LIVE SERVER, depois selecionar o arquivo HTML e com o botão direito clicar na opção OPEN WITH LIVE SERVER. Pronto! Não se esqueça de salvar toda vez que modificar algo (eu uso o CTRL + F5).
Eu isso celular mano, eu tava tão animado para aprender java script mais quando cheguei nessa parte vi que era hr de parar 😞 meu celular só roda o visual studio web, e nele não tem esse live server
Vi o pessoal recomendando a extensão Live Server pois a Watch in Chrome não existe mais. Elas servem pra isso aí é (atualizar sozinho)? E essa tag vai no body é?
TEMPO REAL COM O LIVE SERVER Vai no ícone de extenções. Digite Live Server. Quando encontrar, clica no botão de engrenagem. Navegue pela opções. Vc deverá encontrar uma destas opções, dependendo de sua versão: 1 - "Update On Save", ou 2 - "Extensions settings' (meu caso) a) Navegue até encontrar Live Server > Settings: Full Reload. b) Marque essa opção e reinicie o Code. Funcionou p mim. Tenta.
@@joaovictorvitinho771 Não precisa fazer exatamente o que o carinha fez, é só você instalar a extensão ir no arquivo HTML e procurar na barrar inferior um ícone de sinal que tá escrito "Go live" e pronto
Primeiro professor que esclarece de maneira absurda minhas todas minhas dúvidas sobre o que é de fato o DOM. Obrigado Guanabara, tu é fera demaaaaaaaais.
Sua didática e aulas por mais que sejam básicas, faz eu achar os outros cursos e professores tão ruim, obrigado pelos cursos Guanabara, muita coisa de programação que aprendi foi com você e uma professora da faculdade que me encheu de exercícios. Põe na fila um curso de React-Native aí, estou fazendo um já, mas quero aprender com vc.
Para quem usar o Live Server e quer ver o Chrome atualizar as informações inseridas no Vs automaticamente, basta ir em File e selecionar a opção Auto Save.
Questão 01 Resposta: 1º O = é um operador de atribuição, serve para atribuir um valor a uma varável 2º O == é um operador relacional, serve para comparar se duas coisas são iguais 3º O === igualdade restrita. Questão 02? Resposta: Primeiro séria o operador &&(conjunção) depois o ||(disjunção). Questão 03? R: var gostouVideo = opiniao == true ? 'Ele(a) gostou do Vídeo':'Ele(a) não gostou do video'
A extensão que está funcionando é a HTML Play. Com o comando Ctrl-alt-h ela abre um navegador output dentro do VS Code, dispensando o Chrome. Bons estudos para todos.
@ obrigado, Gustavo. Há outra excelente opção, instalar a extensão do/no Chrome Auto Refresh Plus. Nela você programa o tempo de atualização a partir de 1 segundo. Com o VS Code salvando automático e a extensão do Chrome atualizando fica muito bom e não dá bug no Code.
Olha só tenho agradecer a Você Guanabara os patrocinadores Google. Tenho dois filhos que seguiu as suas instruções.Um em Janeiro 2021 e outro abril. Ambos estão trabalhando em casa. Tudo isso graça o Google e sua forma de ensinar. Posso dizer que você é o CARA. Eu também estou aprendendo . Achei que ia precisar das instruções dos meus filhos. Pois é não preciso. Porque você ensina mesmo . Parabéns!!
Concordo....o curso é excelente mas pelo fato de muitos estarem vendo pelo celular para praticar no PC....assim usando duas telas....fica muito pequeno....e até no PC ainda está pequeno...fora isso...o curso ...não tenho o que reclamar....
Cara é tão legal vc apender várias linguagens, às vezes um conceito que vc não entende muito numa linguagem fica mais claro quando vc estuda outra e muita coisa que vc aprende numa muitas vezes vai reutilizar na outra. #boraprogramargalera
Finalmente eu entendi o DOM! Essa árvore do DOM deixou tudo mais claro e fácil de compreender, até o querySelector que eu tinha medo de usar se tornou algo simples. Você é o melhor cara, obrigado.
Eu instalei o Live Server Preview (ícone laranja escrito HTML) no VS code, criei o exercício igual no vídeo, quando digitei html:5 e criei o template, apertei ctrl + shift + p, digitei > Live Server, apertei enter, coloquei salvar automaticamente em arquivos e ae funcionou... O editor abriu no próprio VS code!
Uma semana assistindo suas aulas, quero fazer um compromisso comigo mesmo! Hoje é dia: 03/10/2022, se possível, vou arranjar um emprego até 31/10/2023. Eu acredito! O primeiro passo para mudar de vida eu já dei, agora é só focar!!!! (se eu conseguir antes eu volto para avisar, vai que...)
2022. A dica de usar o Live Server no lugar do Watch Chrome(não está mais disponível) é boa! Lembrem de ativar o modo "salvar automaticamente" no VS para funcionar. Arquivos -> Salvamento automático
Que excelente professor, já assistir várias aulas com outros professores, com certeza o Gustavo Guanabara é o melhor, sem falar no conteúdo gratuito, só tenho a agradecer professor, parabéns.
Eu to fazendo um curso de front end, e o Javascript é o que mais me deixa confusa! mas, assistindo seus vídeos e praticando tudo começou a fazer sentido, você explica de forma simples ta me ajudando muito. Obrigada!
Essa aula me ajudou muito a começar a comprender como o Javascript pode interagir com o HTML, não só capturando informações mas também as modificando e modificando estilos. Já fiz uns cursos de HTML e comecei também o curso de HTML do canal em paralelo com esse de Javascript. Havia criado uma pagina com formularios e estava com dificuldades para conseguir "pegar" os dados digitados nos campos usando o Javascript. Essa aula me ajudou muito. Parabéns ao professor Gustavo Guanabara pela excelente didática!
O Watch in Chrome não está mais na lista de extensões, e como o live server é um pouquinho pesado (para máquinas lentas e chromebooks sim), achei essa alternativa bem leve, da própria Microsoft que faz a mesma coisa: Live Preview! Funcionando e atualizada. Após instalar e reiniciar o editor, na aba onde fica o nome do arquivo, está o ícone da extensão (retângulo dividido ao meio com uma lupinha) e o nome "Live Preview", irá mostrar a renderização do arquivo e lá em cima o endereço IP + nome do arquivo, a direita tem um menu, clica nele e depois em "Open in Browser". Pronto, qualquer mudança feita no seu aqruivo dentro do VS Code agora acontece ao vivo no browser.
Obrigado Guanabara você é um heroi sem capa, a umas semanas atrás estava tentando aprender java script e hoje estou bem bem melhor mesmo obrigado de coração, acredito que no futuro vou voltar a essa aula e editar meu comentário avisando que fui contratado e sou um otimo programador aprendendo na base do meu querido professor Gustavo Guanabara ❤❤❤❤❤
Comecei os estudos do zero a cinco meses mais ou menos e hoje já estou em um nível mais avançado. Minha meta até o meio do ano que vem estar estagiando! (25/06)
Tô começando agora, queria tá em um rede de amigos que já são experientes ou estão estudando...tem algum grupo assim no whatsapp? Se eu puder fazer parte ia ser muito grato
Novato na área muito boa as explicações , que aulas maravilhosas!!! só estudar com dedicação que logo logo vou ser um Programador, Se Deus quiser Parabéns Pr. Guanabara!!!!
Um professor realmente sabe o que diz. Eu comecei fazer esses curso há uns meses atrás e parei justamente no módulo do DOM, porque comecei a não entender as coisas. Resolvi fazer o curso de HTML e CSS. Tô vendo essa aula hoje mais uma vez, e tudo parece que ficou tão simples. Obrigado professor pelos conselhos maravilhosos. A base é tudo!
ta sendo ótimo pra mim, eu comecei a fazer curso em são Paulo de html , e achei que além dos professores explicar de uma forma chata que dava sono , quando eu digitava um código errado eles vinham e arrumavam super rápido sem me mostrar onde errei, e ainda faziam cara de tipo não tenho paciência para explicar ou aprende rápido ou não serve para a função isso me deixou meio desanimado para voltar a estudar nessa área mais agora estou empolgado de novo até comecei um curso de analise e desenvolvimento de softwares, precisamos de mais professores como vc Guanabara.
Eu sempre me sinto no dever de comentar em conteúdo alheio que ando consumindo, principalmenteeeee quando se é disponibilizado gratuitamente! Pois bem... Eu estou indo num ritmo bem tranquilo, sem pressão, pois sinto que estou a um passo de alcançar o burn out por causa do trabalho que tenho atualmente e pelo o tanto que venho estudado durante todos esses anos sem pausa (a área tech é assim, eterno aprendizado) e este curso tem sido TÃO LEVE ♥ Estou pausando sempre, anotando intensamente tudo (até coisas que eu já sabia o que significava ou que é parecido com algo que já trabalho) e ando praticando bastante. Obrigada de coração por este conteúdo com didática impecável, sempre se preocupando com quem não tem conhecimento algum e também com aqueles que como eu, já são macaco veio de guerra. Eu quero muito migrar da área de administração de banco de dados para a área de front e este curso tem me dado um gás enorme! E também gostaria de ressaltar que para pessoas como eu, com déficit de atenção (que tão sofrendo achando que não tem mais capacidade de aprender nada pela falta de foco) este curso tem mostrado o contrário! A gente pode sim! Só não achamos a didática correta... ATÉ O MOMENTO! Acho que nunca encontrei alguém que tenha este dom de ensinar de maneira que qualquer pessoa consiga entender e não se sentir intimidado ou incapaz. É aquela sensação de inclusão! Gostaria de ter tido professores como você Gustavo! Minha trajetória teria sido menos dolorosa! Obrigada mais uma vez!!! Eu não vou cansar nunca de recomendar este canal. ♥
tenho o mesmo sentimento! Estou iniciando nessa área e comprei uns outros cursos que o professor tinha mt conteúdo, mas pouca didática. A pessoa tem que ter paciência e empatia pelo aluno. Haviam coisas que eu já sabia de html, mas é isso mesmo, é um curso universal. E sim!! Vamos comentar sempre pra gerar engajamento!
Boa tarde! O Live Server v5.7.9 da Ritwick Dey (ícone Roxo) funcionou perfeitamente!!!!! para ficar mastigado: 01 instale o Live Server 02 vá em arquivo 03 click em salvar automaticamente (decimo quinto item em arquivo para ser mais exato) 04 fecha o visual Studio 05 abra o visual Studio 06 vá no explorador (dois papeis junto lado esquerdo da tela primeiro ícone) 07 click com o botão direto do mouse no arquivo que você quer usar 08 click na primeira opção (Open with live server) 09 com isso ele vai abrir o seu navegador e já vai estar funcionando Abs a todos!!!!
Que QUALIDADE esse vídeo!!!!! GOOGLE, EXCELENTE INVESTIMENTO!!!!!!!!!!!!!!! Pelo AMOR de DEUS, patrocinem mais cursos desse CANAL!!!!!!! Retorno garantido pra sociedade!!!!!
Anotações dessa aula: The Differences BetweeninnerHTML, innerText and textContent The innerHTML property returns:The text content of the element, including all spacing and inner HTML tags. The innerText property returns:Just the text content of the element and all its children, without CSS hidden text spacing and tags, except and elements. The textContent property returns:The text content of the element and all descendaces, with spacing and CSS hidden text, but without tags. Utilizando DOM por Marca → getElementsByTagName() por ID → getElementsById() por Nome → getElementsByName() por Classe → getElementsByClassName() por Seletor → querrySelector() querrySelectorAll() Utilizando Selector Toda é representada por uma # Ex.: Clique em mim var d = window.document.querrySelector(’div#msg’) Toda Classe é representada por um . (ponto) Ex.: Clique em mim var d = window.document.querrySelector(’div.msg’)
A didática desse professor é impressionante, eu nunca entedia po*** nenhuma de JS com outros professores, e mesmo que esteja no começo eu não estou perdido, consigo refazer as aulas, testar novas coisas sozinho e tudo funciona.
Nossa, oq o meu professor leva quase um mês pra explicar, você ensina em 28 minutos e com uma didática excelente, consigo absorver todas as informações sem nenhum sofrimento, você tem um talento enorme Guanabara e é uma inspiração para muitos !
Guanabara, excelente explicacao, na faculdade eu nao entendia esses conceitos, mas com a sua explicacao da arvore dom e como os elementos funcionam esta super claro pra mim.
Genial! já estudei JavaScript em um curso pago, não falando mal do professor, ele é ótimo, mas como é um curso com mais de 500 aulas, ele passa muito rápido e deixa de explicar alguns tópicos, então resolvi fazer esse curso específico para JavaScript, que talvez seja a matéria mais importante de todas! então eu queria ter um entendimento claro sobre o assunto, está ajudando muito! valeu Gustavo e valeu Google!!
Q01) O símbolo = é um operador de atribuição, o == é um operador relacional de igualdade e o === é um operador relacional de igualdade restrito que se diferencia pela verificação não só do valor como também do tipo de um elemento. Q02) A ordem de precedência dos operadores lógicos são, respectivamente: ! (negação), && (conjunção) e || (disjunção). Qo3) // Prática
Pessoal, quem não encontrou o Watch in Chrome podemos usar o Live Server e para acompanhar ele exatamente igual so ativar o autosave, clica em FILE e vai descendo q vcs acham
Obrigado por mais uma aula, por mais um ensinamento. Você e sua equipe são incríveis, sua didática é muito envolvente, obrigado por compartilhar tanto conhecimento conosco. Muito obrigado mesmo, meu professor.
Pra quem baixou o live server em vez do Watch in chrome e não sabe como usar, depois que instalar vai aparecer um botão no canto inferior direito do vscode, do lado de HTML, escrito "Go Live". É só clicar que já vai funcionar. Uma outra opção é colocar no head do html a seguinte linha , aí já vai atualizando automaticamente a cada 1 segundo, e também dá pra mudar o tempo que atualiza trocando o 1.0
@@Gabsbiell watch in chrome não existe mais no vs code, por isso estão baixando o live server no lugar dele, e o live server é simplesmente uma extensão que atualiza a página automaticamente toda vez que você altera o código, só pra vc não ter que atualizar a página toda vez que altera alguma coisa, mas ele também não é "necessário"
Cara, eu não sei com vocês, mas eu tive muita dificuldade com matemática na escola, inclusive era a matéria que eu mais ia mal. Quando eu comecei a estudar programação eu fiquei muito preocupado pela quantidade de matemática que iria ter, e eu realmente achei que não iria aprender nada kakaka, porém, depois de ter estudado Lógica / Algoritmos, e agora estudando JavaScript, to percebendo que to aprendendo muito mais sobre matemática do que eu aprendi na escola... Coisas que na escola eu ficava horas pra resolver, aprendi em minutos estudando programação kakakak, isso é mt satisfatório mano, aos poucos o medo da matemática ta indo embora e se transformando em curiosidade...
Já fiz um curso de HTML5 e CSS na Fundação Bradesco mas, depois de var a didática do Guanabara... é claro que eu vou fazer o curso on-line do canal! Só valeu, professor: TU É MUITO DEZZZ!
Mestre Jedi Guanabara, você está fazendo com que depois de tempos entender de fato o Javascript. Você tem uma didática incrível. O Google fez o melhor investimento em patrocinar o seu curso, que ele faça isso mais vezes. Com essa aula, me veio a ideia de criar a função Dark Mode em uma página (ainda farei), fiz um teste só mudando o background e deu certo. Muito Obrigado.
Seguindo em Mar/2021 Minuto 4:05 - Para quem está com dificuldades de encontrar, o "Node Exec" agora é "Node.js Exec" Minuto 12:50 - Alguém aí se atreveu a não escrever isso? kkkkkk...
Pra quem não entendeu oq é DOM: (SE EU TIVER ERRADO, VCS ME CORRIGE PFV!!) DOM é a representação do documento HTML que pode ser alterado por qualquer linguagem script, a árvore DOM é só pra nos ajudar a saber oq tem dentro do documento. é isso :D
Todas as outras aulas estavam sendo "tetinhas"! E eu terminava elas com a voz da consciência: "Sério que é fácil assim?" No fim dessa aula não deu para dizer o mesmo hahaha Se você também é marinheiro de primeira viagem na programação, não repasse para a próxima aula sem assistir essa aula novamente. Assista, faça tudo de novo, e tenha certeza que você está entendendo o que foi feito. Se você está copiando tudo, não conseguindo escrever nada sem olhar a tela dele... assista, e assista, e assista! Sair dessa aula só copiando, é sinal que você não é dono do leme do seu barco. Viverá refém do que o professor ou qualquer outro faça. Assuma o comando entendendo, e não copiando! Pelo visto de agora pra frente é PUXADO! Se perder aqui é como tomar a direção errada, e depois não vai se encontrar mais. E aí é desistência certeira!
Digo o mesmo, terminei a aula agora e não entendi bem o que aconteceu kkk, vim assistir de novo pelo youtube (normalmente vejo pelo site), aproveitei pra dar aquela comentada!
Valeu por esse comentário, já estava pensando em passar para a proxima aula achando que ele falaria melhor depois, mas eu iria acabar me perdendo mais.
Achei dificil tambem kkk . Meio complexo na parte da prática . Mas vou assistir de novo e só passar pra próxima depois que fizer sentido na minha cabeça . Para aprender , primeiro você tem que entender , pra depois repetir a prática .
AAAAA Aviso pra quem esta começando, escutem e anotem tudo... vou ter q voltar varios videos por causa dos sinais de anotação que esqueci de anotar... pffff
TESTADO EM 18/02/2022 Depois de instalar a extensão Live server, observe se ela tb ta habilitada (o botão para habilitar esta ao lado de uninstall), depois disso feche e abra seu VS e depois digite CTRL + SHIFT + P, depois digite live server e escolha a opção open with live server. Depois disso seja feliz!
03/04/2022 - Pessoal, nos dias de hoje não tem mais as extensões do vídeo. É necessário instalar o LIVE SERVER como disseram, depois vai no explorer ou "papeizinhos" e abra seu arquivo com o botão direito clicando em "open with live server". Consegui com a ajuda do comentário da Eduarda Vitti.
Pessoal Tenho um conselho para quem chegou até aqui e não fez o curso de HTML e CSS. Recomendo fortemente, você pausar este curso aqui e começar o curso de HTML5 e CSS3. Sei que pode ser frustrante pausar aqui, mas no meu caso foi melhor assim. Acredito que também vai ser assim no seu caso. Tentei prosseguir sem o conhecimento de HTM l e CSS e estava sendo muito difícil, mas depois que fiz o curso de HTML e CSS está sendo bem mais fácil. Espero que esse comentário possa ajudar alguém !
Aula muuuuuuuito show. Eu já tinha esse conhecimento na prática para encontrar os elementos para realizar automação com Selenium. Porém com essa explicação ampliou muito meu conhecimento porque agora entendo o fundamento. Obrigado professor !!! 😄
A explicação que você dá ali em torno de 11 min mostrando o que compõe uma janela do navegador faz todo o sentido. Não tinha ideia do porque o comando tinha que ser window. etc etc etc. Eu comprei certos cursos de JS e ninguém nunca falou disso. Todo mundo parte pra prática, sem dar as explicações devidas. Você realmente abriu meus olhos, muito obrigado!
Eu até entendi bem a explicação. Minha dúvida é: Pra que vamos usar o DOM no dia a dia. Assistirei novamente pra ver se perdi essa informação. Curso excelente, como todos os outros do Curso em vídeo.
Olá Bom Dia Professor, Gustavo Guanabara, quero registrar aqui, meus agradecimentos por aulas de JS tão esclarecedoras, que mesmo eu tento ja realizado outros cursos, via online , pagos não chegam na excelencia da sua maneira de passar conhecimento, pois há pessoas como vc que tem muito mais que DOM, tem o Amar o que faz, começei em 16/06/22 a primeira aula e já me esclareceu uma duvida que a muito tinha, sobre JavaScript x JAVA, bha !!! então quando entendi isso e a integração fundamental de HTML,CSS e o JS, pensei agora eu aprendo a programar em JS, e sim estou aprendendo, sim muito muito, já num passado distante programei em clipper,VB6 que é verdade me ajudam muito. E sim vou fazer o curso de HTML e CSS, para complementar tudo que tenho em mente programar em JavaScript, muito obrigado, Abraço !!!
A coisa tá ficando pesada, mas o que vale é o foco. Depois de assistir pela terceira vez percebi: O DOM - Document Object Model, nos ajuda a construir a árvore de um site e inclusive usar métodos de selecionar alguns elementos ou comandos. Usar seleções por Marca e resumindo o recomendado é o querySelector(All). Instalamos extensões para facilitar a rodar o código JS e atualizar no navegador. Na minha cabeça está uma 🥗 descontrolada. Mas sinto que já não está ausente de códigos ou melhor conheço o sabor de cada coisa. Vou até a aula 10. Quem está fazendo o curso como eu em 16/08/2022? Obrigado #Guanabara mestre
Pra quem estiver usando o live server é só ir lá no canto inferior direito e clicar em "Go Live". Não precisa fazer todo o role de ir no arquivo e abrir com ele :)
cara, é impressionante a qualidade desse curso. desde a edição das aulas até a didática e abordagem, tudo é muito acima da média. em poucas aulas o guana consegue ensinar o básico, adentrar um aluno novo na lógica da programação e explicar pequenos detalhes que são úteis demais como template strings, DOM, operadores de conversão monetária e operador ternário. nenhum cursinho, nem mesmo os pagos, teve tanta qualidade como esse. queria ter começado a aprender programação por esse curso.
[ Watch in Chrome ] Para aqueles que estão caçando a extensão, você pode usar a LIVE SERVER que da no mesmo e não precisa instalar extensão no navegador. * Assim que baixar ela, basta clicar no seu [ arquivo html ] com botão direito e clicar em "Open With Live Server"
Olá Professor! Acompanho com atenção suas aulas, que são ótimas e procuro fazer todos os exercícios...só que nesta aula não consegui instalar o Watch in Chrome, no lugar dele está File Wather 10.3, e a partir daí não consegui acompanha, só assistir sua apresentação. Como faço pra copiar o Watch in Chrome. Escrevo na caixa de busca e ele não encontra. Desde já agradeço sua colaboração!!! Obrigado.
Professor que emoção quando a gente acha um erro. eu estou vendo esse vídeo pela quarta vez e agora achei onde eu estava errando e posso ir para o próximo vídeo. Você é incrível
Há e não se esqueçam de substituir o (Watch in chrome) pelo (Live Server) pois o watch não está mais disponível. Valeu gafanhotos e tenham um Ótimo curso de JS : )