Scribd
Carregar
379 visualizações4 páginas

Curso em Vídeo: Introdução ao JavaScript

A primeira aula introduz o JavaScript como uma linguagem capaz de realizar interações e alterações na máquina cliente através do navegador web. Apresenta exemplos de sites populares que utilizam JavaScript e demonstra comandos básicos como exibir alertas e modificar estilos CSS da página.

Enviado por

Tiago Ferreira
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
379 visualizações4 páginas

Curso em Vídeo: Introdução ao JavaScript

A primeira aula introduz o JavaScript como uma linguagem capaz de realizar interações e alterações na máquina cliente através do navegador web. Apresenta exemplos de sites populares que utilizam JavaScript e demonstra comandos básicos como exibir alertas e modificar estilos CSS da página.

Enviado por

Tiago Ferreira
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

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 [Link] e inspecionamos ele no Google Chrome:

alert('Olá, mundo!')

undefined

Mensagem de alerta de Olá mundo no navegador


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

[Link] = 'black'

"black"

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


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

[Link]('img#hplogo').[Link] = 'grayscale(100%)'

"grayscale(100%)"

Transformamos o logo do Google em preto e branco


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

[Link]('img#hplogo').[Link] = '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:

[Link]

[Link]

[Link]

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

Você também pode gostar