12
JavaScript Primeiros passos (atividades)

JavaScript: Aprendendo a programar

Embed Size (px)

Citation preview

Page 1: JavaScript: Aprendendo a programar

JavaScriptPrimeiros passos (atividades)

Page 2: JavaScript: Aprendendo a programar

Atividade A.1

Siga o livro (“tutorial”) disponível AQUI. Ele

explica e ilustra. Você poderá experimentar os

exemplos fornecidos, inclusive editá-los e

requisitar a execução, tudo em uma mesma

página.

Page 3: JavaScript: Aprendendo a programar

Atividade A.2

No canto superior direito de trechos de código em

JavaScript contidos no tutorial (citado no slide anterior)

reside um ícone que oferece as opções ilustradas abaixo.

Por meio dele pode-se requisitar a execução

correspondente:

Page 4: JavaScript: Aprendendo a programar

Atividade A.3

Quando iniciamos, em geral, queremos experimentar. Para

realizar os seus experimentos iniciais foram criados dois

projetos ou “modelos” que você pode seguir. A partir deles

você simplesmente irá criar código em JavaScript e

experimetá-lo. Veja-os em:

Baseado em botão (aqui)

Automático (aqui)

Page 5: JavaScript: Aprendendo a programar

Atividade A.4

Nas próximas quatro aulas, contando com esta do dia

30/03/2015, devemos passar pelo conteúdo do tutorial, em

particular, toda a parte 1 e 2. A parte 3 é opcional. Data

final deste esforço antes da realização dos trabalhos

práticos: 20/04/2015

Page 6: JavaScript: Aprendendo a programar

Inserindo JavaScript (<head><script></script></head>)

Page 7: JavaScript: Aprendendo a programar

Usando uma

biblioteca

“famosa”

Page 8: JavaScript: Aprendendo a programar

JavaScript e CSS em arquivos próprios

Page 9: JavaScript: Aprendendo a programar

Arquivos próprios (mains.js e estilo.css)

main.js estilo.css

Page 10: JavaScript: Aprendendo a programar

Resultado

Page 11: JavaScript: Aprendendo a programar

Canvas

Page 12: JavaScript: Aprendendo a programar

Ilustra uso de canvas