Curso em Vídeo - JavaScript1

Curso em Vídeo - JavaScript2

Aula 01 – O que o JavaScript é capaz de fazer?

Entendendo o desenvolvimento Web

HTML – Texto e marcação de Texto

CSS3 – Estilo, design

JavaScript – Interações

O JavaScript foi criado com a intenção de fazer interações e/ou alterações na máquina cliente (Front-End), mas
com a evolução da linguagem o JavaScript também pode ser “rodado no servidor” (Back-End).

Exemplos de Sites que utilizam o JavaScript:

 YouTube
 Google
 Facebook
 Linkedin
 NETFLIX...

Veja um exemplo que fizemos ao abrir o site do google.com e inspecionamos ele no Google Chrome:

alert('Olá, mundo!')

undefined

Mensagem de alerta de Olá mundo no navegador

=====================================================

document.body.style.background = 'black'

"black"

Transformamos o background da página principal do Google em preto

======================================================

document.querySelector('img#hplogo').style.filter = 'grayscale(100%)'

"grayscale(100%)"

Transformamos o logo do Google em preto e branco

======================================================

document.querySelector('img#hplogo').style.visibility = 'hidden'

"hidden"

Escondemos o logo do Google.

======================================================

Tudo que fizemos foi na nossa máquina cliente, o site do Google continua “normal” para quem acessá-lo.
Estudaremos neste curso conceitos de JavaScript na máquina cliente (Front-End), apesar de sabermos que a
poderosa linguagem JavaScript, nos dias atuais, pode fazer interações e modificações no servidor também (Back-
End).
 Curso em Vídeo - JavaScript3
Aula 02 – Como chegamos até aqui?
Antes de entrar no conteúdo responda as seguintes questões:

1. Sabe a diferença entre um cliente e um servidor para a Internet?

2. Para que serve HTML, CSS e JavaScript?
3. Cite 4 site que utiliza a tecnologia de JavaScript.

Se você não sabe responder, é necessário rever a primeira aula.

Evolução do JavaScript:

https://devheroes.io/javascript-s01e01-historia-javascript/

https://www.agatetepe.com.br/evolucao-do-javascript-revolucao-do-desenvolvimento-web/

https://pt.wikipedia.org/wiki/JavaScript

Evolução do EcmaScript (padronização do JavaScript).

O ECMAScript é a padronização do JavaScript. Neste curso estaremos estudando o JavaScript na Versão ES6.
 Curso em Vídeo - JavaScript4
Aula 03 – Dando os primeiros passos