Crie uma Página Web com HTML, DOM e JavaScript - Curso JS - Aula 21

Показать описание

Na aula 21 do curso de JavaScript, você acompanhará a criação de uma página web utilizando HTML, DOM e JavaScript. Aprenda a usar o *evento onclick em HTML* , criar e chamar *funções JavaScript* e *manipular DOM* para alterar dinamicamente o conteúdo da página. Este tutorial passo a passo mostrará como combinar essas tecnologias para criar uma página web interativa.

=====LINKS
Conheça o meu canal:

*Sugestões de leitura* 📘📖📚
*Atenção: Os itens listados nessa página ajudam o canal com uma comissão sempre que você fizer uma compra.*
=====

=====LINHA DO TEMPO
0:00 Apresentação e objetivo do video
0:23 Como será página depois de pronta
Conheça como ficará a página mostrada nesse tutorial depois que toda a implementação esteja pronta.

2:00 Conhecendo o código-fonte inicial da página WEB
Usando o Visual Studio Code, você verá como é código-fonte inicial além de algumas considerações importantes.

2:32 Usando um Emmet abbreviation
O Emmet Abbreviation é um recurso disponível dentro do Visual Studio Code. Aqui ele será aplicado para auxiliar na construção da estrutura será da página web.

5:08 Conhecendo a estrutura da página WEB
Veja como os elementos HTML foram configurados para o tutorial.

6:41 Implementando a função limpar
A função limpar, escrita em JavaScript, será a responsável por apagar o conteúdo dos elementos imput que estão na página WEB. Veja como usar o o objeto DOCUMENT e o método getElementbyID para acessar o valor do elementos HTML e alterá-los. Descubra também como usar os parâmetros em uma função escrita em JavaScript, o que vai melhorar o nosso código diminuindo o acoplamento.

11:42 Implementando a função calcular
A implementação da função calcular vai ajudar a reforçar como as função em javaScript devem ser construídas, bem como o a importância da passagem dos parâmetros. Você verá como pegar o valor escolhido pelo usuário que está em um elemento select e como usar a função eval. Aprenda também como chamar uma função javascript no html com o evento onclick

20:17 Colocando as funções em um arquivo separado

#maurodeboni #desenvolvimentoweb #frontend