O documento discute vários tópicos relacionados à programação, incluindo tipos de programação, linguagens para dispositivos móveis, HTML, PHP, JavaScript e exemplos de scripts.

1. Prof.ª Ms. Elaine Cecília Gatto
Disciplina: Introdução à Computação
Seminários

2. Introdução

3. Tipos de programação
• Programação estruturada;
• Programação modular;
• Programação orientada à eventos;
• Programação orientada à objetos.

4. Linguagens para dispositivos móveis

5. Preocupações;
Bateria;
Memória;
Interface touch;
...

8. Linguagem de programação -
Web

9. HTML
Abreviação para a expressão inglesa HyperText
Markup Language, que significa Linguagem de
Marcação de Hipertexto, é uma linguagem de
marcação utilizada para produzir páginas na
Web para serem interpretados por navegadores.
A tecnologia é fruto do "casamento" dos padrões
HyTime e SGML.

10. HyTime
HyTime é um padrão para a representação estruturada
de hipermídia e conteúdo baseado em tempo.
Um documento é visto como um conjunto de eventos
concorrentes dependentes de tempo (como áudio,
vídeo, etc.), conectados por hiperligações. O padrão é
independente de outros padrões de processamento de
texto em geral.

11. SGML
SGML é um padrão de formatação de textos. Não foi
desenvolvido para hipertexto, mas tornou-se conveniente
para transformar documentos em hiper-objetos e para
descrever as ligações.
Etiquetas(Tags):
Todo documento HTML apresenta etiquetas, elementos
entre parênteses angulares (chevron) (< e >); esses
elementos são os comandos de formatação da
linguagem. A maioria das etiquetas tem sua
correspondente de fechamento (quando estiver
trabalhando com XHTML, toda Tag deve ser fechada).

12. Sintaxe Uma etiqueta é formada por comandos(tags),
atributos(propriedades) e valores. Os
atributos(propriedades) modificam os resultados padrões
dos comandos(tags) e os valores caracterizam essa
mudança.
Exemplo de Tag Simples:
<tag propriedade="valor"/>

13. Na pratica:
<HR color="red" width="80%" noshade="noshade" size="2pt" />
HR = comando(tag) que insere uma linha horizontal no documento HTML;
HR = comando(tag) que insere uma linha horizontal no documentoHTML;
color = atributo(propriedade) que insere cor na linha;
red = valor do atributo(propriedade), que irá alterar a cor da linha;
width = define a largura da linha, nesse caso, 80% do tamanho da tela;
noshade = define uma linha mais sólida;
size = define a altura da linha;
/ = e a barra, define o fechamento do comando(Tag);

14. Exemplo de Tag Composta:
<tag propriedade="valor">...</etiqueta>

15. Na prática:
<address title="um endereço">Av. dos Exemplos, nº 1234,
Campinas, SP - Brasil</address>
title é a a propriedade que exibe uma legenda suspensa ao
deixar o ponteiro do mouse sobre texto
<adress> é a Tag de Abertura
</adress> é a Tag de Fechamento
Obs.: Note que o que define uma Tag de Fechamento é: a " /
"

16. Isso é necessário porque as etiquetas servem para definir
a formatação de uma porção do documento, e assim
marcamos onde começa e termina o conteúdo que
receberá a formatação ou marcação necessária,
específica. Alguns elementos são chamados “vazios”, pois
não marcam uma região de texto, apenas inserem algum
elemento no documento.

17. PHP:
O PHP (originalmente Personal Home Page) é uma
linguagem interpretada livre e utilizada para gerar
conteúdo dinâmico na World Wide Web.
Principais características:
A linguagem PHP é uma linguagem de programação de
domínio específico, ou seja, seu escopo se estende a um
campo de atuação que é o desenvolvimento web,
embora tenha variantes como o PHP-GTK. Seu propósito
principal é de implementar soluções web velozes,
simples e eficientes.

18. Características:
 Velocidade e robustez.
 Estruturado e orientação a objetos.
 Portabilidade - independência de plataforma -
escreva uma vez, rode em qualquer lugar.
 Tipagem dinâmica.
 Sintaxe similar a C/C++ e o Perl.
 Open-source.

19. Vetores:
 Os vetores e matrizes em PHP, diferente do que
ocorre em C/C++ e Pascal, é uma estrutura
dinâmica, o que pode facilitar muito o trabalho do
programador.

20. Exemplo:
<?php
$vet01 = array();
$vet01[] = "Sistemas operacionais";
$vet01[] = "Compiladores";
$vet01[] = "Bancos de dados";
$vet02 = array(1, 2, 3, 4, 5);
$vet03 = array( 0 => 0, 2 => 3, 10 => "item 10");
for ($i = 0; $i < count($vet01); $i++) {
echo $vet01[$i] . "<br />";
}
?>

21. O exemplo anterior demonstra três
maneiras diferentes de declarar vetores.

22. Java Script:
Java Script é uma linguagem de script baseada em
ECMAScript padronizada pela Ecma international nas
especificações ECMA-262 e ISO/IEC 16262 e é atualmente a
principal linguagem para programação client-side em
navegadores web. Foi concebida para ser uma linguagem
script com orientação a objetos baseada em protótipos,
tipagem fraca e dinâmica e funções de primeira classe. Possui
suporte à programação funcional e apresenta recursos como
fechamentos e funções de alta ordem comumente
indisponíveis em linguagens populares como Java e C++.

23. Características:
 Imperativa e Estruturada: JavaScript suporta os
elementos de sintaxe de programação estruturada
da linguagem C (por exemplo, if, while, switch). Uma
exceção é a questão do escopo: o escopo em
blocos ao estilo do C não é suportado, em seu lugar
JavaScript utiliza escopo a nível de função.
JavaScript 1.7, entretanto, suporta escopo a nível de
bloco através do comando let. Como C, JavaScript
faz distinção entre expressões e comandos. Uma
diferença sintática do C é que a quebra de linha
termina automaticamente o comando, sendo o
ponto-e-vírgula opcional ao fim do comando.

24.  Tipagem dinâmica: Como na maioria das linguages
de script, tipos são associados com valores, não
com variáveis. Por exemplo, a variável x poderia ser
associada a um número e mais tarde associada a
uma string. JavaScript suporta várias formas de
testar o tipo de um objeto, incluindo ducktyping.

25.  Baseada em objetos: JavaScript é quase
inteiramente baseada em objetos. Objetos
JavaScript são arrays associativos, aumentados
com protótipos. Os nomes da propriedade de um
objeto são strings: obj.x = 10 e obj["x"] = 10 são
equivalentes, o ponto neste exemplo é apenas
açúcar sintático. Propriedades e seus valores
podem ser adicionadas, mudadas, ou deletadas em
tempo de execução. A maioria das propriedades de
um objeto (e aqueles em sua cadeia de herança via
protótipo) pode ser enumerada usando-se uma
estrutura de repetição for...in. Javascript possui um
pequeno número de objetos padrão da linguagem
como window e document.

26.  Funções de primeira classe: No JavaScript as
funções são de primeira classe, isto é, são objetos
que possuem propriedades e métodos, e podem ser
passados como argumentos, serem atribuídos a
variáveis ou retornados como qualquer outro objeto.
 Funções aninhadas: Funções 'internas' ou
'aninhadas' são funções definidas dentro de outras
funções. São criadas cada vez que a função que as
contém(externa) é invocada. Além disso, o escopo
da função externa, incluindo constantes, variáveis
locais e valores de argumento, se transforma parte
do estado interno de cada objeto criado a partir da
função interna, mesmo depois que a execução da
função interna é concluída.

27. Exemplos de scripts:
 Scripts Simples:
alert( 'Cuidado' );
// Mostra um alerta de Confirmar e Cancelar.
if ( confirm( 'Escolha "Ok" ou "Cancelar" para ver a mensagem correspondente.'
)){
alert( 'Mensagem 01' ); // mostra um alerta para resposta OK
} else {
alert( 'Mensagem 02' ); // mostra um alerta para resposta Cancelar
}
// escreve na barra de status do navegador
window.defaultStatus = 'Mensagem que será mostrada';