Tecnologias para Internet - 2014.1 - Aula 5

383 visualizações

Publicada em

Tecnologias para Internet - 2014.1 - Aula 5

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
383
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
23
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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

×