Tecnologias para Internet
Prof.º Thyago Maia
Gestão da TI – 2014.1
Prática em Laboratório
• Faça um Front-End para um sistema Web
fictício através da criação de formulários
HTML. (0,0 a 6,0...
Prática em Laboratório
• Faça um Front-End para um sistema Web fictício
através da criação de formulários HTML. (0,0 a 6,0...
Objetivos
Aula 5: Javascript
• Apresentar a Linguagem Javascript
• Apresentar alguns conceitos básicos da
linguagem
• Faze...
Javascript
Javascript
 É uma linguagem de programação script;
 Permite que códigos de programação
possam ser inseridos em páginas H...
A TAG <script>
A TAG <script>
 Para inserir código Javascript em uma
página HTML, utiliza-se o conjunto de
tags <script></script>;
 Tai...
A TAG <script>
 Exemplo:
9
<html>
<body>
<script>
// Código-fonte Javascript
</script>
</body>
</html>
Blockly
Blockly
 Editor de programação gráfica baseado na
Web;
 Os usuários podem arrastar blocos em
conjunto para construir uma...
Exercícios
Exercícios
• Faça um algoritmo que leia a idade de um
indivíduo e informe se o mesmo atingiu a
maioridade.
13
Exercício
• Faça um algoritmo que lê o salário base de um
funcionário, calcula e mostra o salário a
receber, sabendo-se qu...
Exercício
• Faça um algoritmo que lê o código correspondente
ao cargo de um funcionário, seu salário atual e
escreva o car...
Exercício
• Faça um algoritmo que lê a idade de 10
pessoas, calcula e escreve:
– A idade do mais velho;
– A quantidade de ...
Upcoming SlideShare
Loading in …5
×

Tecnologias para Internet - 2014.1 - Aula 5

390 views
300 views

Published on

Tecnologias para Internet - 2014.1 - Aula 5

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
390
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tecnologias para Internet - 2014.1 - Aula 5

  1. 1. Tecnologias para Internet Prof.º Thyago Maia Gestão da TI – 2014.1
  2. 2. Prática em Laboratório • Faça um Front-End para um sistema Web fictício através da criação de formulários HTML. (0,0 a 6,0 pontos) – Data de entrega: Até 25/03/2014; – Critérios de avaliação: • Presença de um “menu” em cada página HTML (links que direcionam o usuário para cada página do sistema fictício); (0,0 a 1,0 ponto) • Os formulários criados refletem totalmente ou parcialmente o Front-End para o sistema Web proposto; (0,0 a 1,0 ponto) 2
  3. 3. Prática em Laboratório • Faça um Front-End para um sistema Web fictício através da criação de formulários HTML. (0,0 a 6,0 pontos) • Uso de CSS no Front-End (0,0 a 1,0 ponto); • Formatação (0,0 a 1,0 ponto); • Organização do código (0,0 a 1,0 ponto); • Pesquisa (o aluno pesquisou e utilizou tags não apresentadas em sala de aula) (0,0 a 1,0 ponto); • O(s) arquivo(s) CSS deverão ser editados APENAS através dos softwares Notepad++, Notepad ou GEdit; – A atividade em questão poderá ser feita em grupos de até 3 alunos; 3
  4. 4. Objetivos Aula 5: Javascript • Apresentar a Linguagem Javascript • Apresentar alguns conceitos básicos da linguagem • Fazer com que o aluno desenvolva seus primeiros scripts 4
  5. 5. Javascript
  6. 6. Javascript  É uma linguagem de programação script;  Permite que códigos de programação possam ser inseridos em páginas HTML;  Pode ser executada por todos os navegadores (browsers) modernos;  Linguagem de programação simples e leve; 6
  7. 7. A TAG <script>
  8. 8. A TAG <script>  Para inserir código Javascript em uma página HTML, utiliza-se o conjunto de tags <script></script>;  Tais TAGs irão delimitar o código-fonte Javascript; 8
  9. 9. A TAG <script>  Exemplo: 9 <html> <body> <script> // Código-fonte Javascript </script> </body> </html>
  10. 10. Blockly
  11. 11. Blockly  Editor de programação gráfica baseado na Web;  Os usuários podem arrastar blocos em conjunto para construir uma aplicação;  Não é necessário escrever código Javascript (o código é gerado automaticamente)!  Disponível em http://thyagomaia.net/blockly 11
  12. 12. Exercícios
  13. 13. Exercícios • Faça um algoritmo que leia a idade de um indivíduo e informe se o mesmo atingiu a maioridade. 13
  14. 14. Exercício • Faça um algoritmo que lê o salário base de um funcionário, calcula e mostra o salário a receber, sabendo-se que o funcionário tem gratificação de 5% sobre o salário base e paga imposto de 7% sobre este salário. 14
  15. 15. Exercício • Faça um algoritmo que lê o código correspondente ao cargo de um funcionário, seu salário atual e escreva o cargo correspondente, o valor do aumento e seu novo salário. 15 CÓDIGO CARGO PERCENTUAL 1 ESCRITURÁRIO 50% 2 SECRETÁRIO 35% 3 CAIXA 20% 4 GERENTE 10% 5 DIRETOR Não tem aumento
  16. 16. Exercício • Faça um algoritmo que lê a idade de 10 pessoas, calcula e escreve: – A idade do mais velho; – A quantidade de pessoas com idade entre 12 e 18 anos (incluindo-os); 16

×