Tecnologias para Internet - 2014.1 - Aula 5
16
Tecnologias para Internet Prof.º Thyago Maia Gestão da TI – 2014.1
-
Upload
thyago-maia -
Category
Education
-
view
266 -
download
0
description
Tecnologias para Internet - 2014.1 - Aula 5
Transcript of Tecnologias para Internet - 2014.1 - Aula 5
Tecnologias para Internet
Prof.º Thyago MaiaGestã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 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
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
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
Javascript
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
A TAG <script>
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
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 aplicação;
Não é necessário escrever código Javascript (o código é gerado automaticamente)!
Disponível em http://thyagomaia.net/blockly
11
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 que o funcionário tem gratificação de 5% sobre o salário base e paga imposto de 7% sobre este salário.
14
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
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
