O documento descreve características da linguagem JavaScript, incluindo:
1) JavaScript é uma linguagem de script usada na web para validar dados de formulários e enviar dados para servidores web;
2) O código JavaScript é inserido entre tags <script> dentro de documentos HTML ou através de eventos como clicks;
3) JavaScript reage a eventos, é interpretada, fracamente tipada, dinamicamente tipada e case sensitive.
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
O documento descreve como criar um formulário HTML com validação de campos usando JavaScript. Ele inclui a estrutura básica do formulário com tags HTML e um script JavaScript para validar os campos antes do envio, verificando se o nome e email foram preenchidos corretamente. Um arquivo PHP é necessário para enviar os dados do formulário para um banco de dados.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
O documento apresenta a agenda de um mini-curso de 5 dias sobre JavaScript. O curso abordará tópicos como sintaxe e estrutura da linguagem, funções e objetos, objetos nativos do browser, janelas do browser e depuração do DOM. Cada dia será dedicado a um ou dois episódios sobre esses assuntos.
Padrões de projeto - Adapter, Proxy, Composite e BridgeLorran Pegoretti
O documento discute padrões de projeto de software, abordando especificamente os padrões Adapter, Proxy e Composite. O Adapter permite que classes com interfaces incompatíveis trabalhem juntas, o Proxy controla o acesso a um objeto e o Composite trata objetos compostos e individuais de forma uniforme.
1) O documento descreve o que é JavaScript, sua história e aplicações. JavaScript foi criado originalmente como uma linguagem de script para permitir mais interação do usuário com páginas da web.
2) JavaScript é a linguagem de programação mais popular para desenvolvimento web e é responsável por praticamente qualquer tipo de dinamismo em páginas da web.
3) JavaScript é implementado através da especificação ECMAScript e é uma linguagem de script interpretada, executada pelo navegador para adicionar interatividade às páginas da web.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
O documento descreve como criar um formulário HTML com validação de campos usando JavaScript. Ele inclui a estrutura básica do formulário com tags HTML e um script JavaScript para validar os campos antes do envio, verificando se o nome e email foram preenchidos corretamente. Um arquivo PHP é necessário para enviar os dados do formulário para um banco de dados.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
O documento apresenta a agenda de um mini-curso de 5 dias sobre JavaScript. O curso abordará tópicos como sintaxe e estrutura da linguagem, funções e objetos, objetos nativos do browser, janelas do browser e depuração do DOM. Cada dia será dedicado a um ou dois episódios sobre esses assuntos.
Padrões de projeto - Adapter, Proxy, Composite e BridgeLorran Pegoretti
O documento discute padrões de projeto de software, abordando especificamente os padrões Adapter, Proxy e Composite. O Adapter permite que classes com interfaces incompatíveis trabalhem juntas, o Proxy controla o acesso a um objeto e o Composite trata objetos compostos e individuais de forma uniforme.
1) O documento descreve o que é JavaScript, sua história e aplicações. JavaScript foi criado originalmente como uma linguagem de script para permitir mais interação do usuário com páginas da web.
2) JavaScript é a linguagem de programação mais popular para desenvolvimento web e é responsável por praticamente qualquer tipo de dinamismo em páginas da web.
3) JavaScript é implementado através da especificação ECMAScript e é uma linguagem de script interpretada, executada pelo navegador para adicionar interatividade às páginas da web.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
1) O documento discute incremento, decremento e operadores lógicos e de comparação em JavaScript, incluindo exemplos de seu uso.
2) Também apresenta estruturas de controle como if/else, switch, for e while para controlar o fluxo do programa, com exemplos de cada uma.
3) Por fim, fornece exercícios para praticar os conceitos apresentados, como validar senhas, ordenar números e calcular médias e somas usando as estruturas estudadas.
O documento fornece uma introdução aos sistemas Git e GitHub. Explica que Git é um sistema de controle de versão distribuído usado principalmente para gerenciar versões de softwares, e que GitHub é um serviço de hospedagem para repositórios Git remotos. Também define termos como commit, branch, fork e merge, e demonstra comandos básicos como git add, git commit e git push/pull para trabalhar com repositórios locais e remotos.
1) O documento apresenta um resumo sobre bancos de dados, incluindo definições, componentes, modelos e linguagens.
2) É apresentado o modelo entidade-relacionamento e seus componentes como entidades, atributos e relacionamentos.
3) São descritos os principais comandos da linguagem SQL como create table, insert, select, alter e delete.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
1) O documento apresenta uma introdução ao Python, abordando tópicos como tipos de dados básicos, operadores, strings, listas e como aprender a programar de forma autodidata.
2) São explicados conceitos como blocos de código, comentários, números inteiros e de ponto flutuante, booleanos, None, strings, conversão entre encodings e operações com listas.
3) Dicas como usar o interpretador interativo, help, dir e documentação são dados para quem deseja aprender Python de forma independente.
O documento apresenta os principais conceitos da programação orientada a objetos, incluindo classe, objeto, método, herança, encapsulamento, abstração, polimorfismo e interface. Explora como POO modela o mundo real através de objetos que encapsulam dados e comportamentos.
Este documento fornece uma introdução ao curso de PHP, abordando sua instalação, configuração e conceitos básicos como estrutura léxica, tipos de dados, variáveis e instruções de controle de fluxo.
O documento discute gestão de versão e configuração, abordando problemas de desenvolvimento em equipe e compartilhamento de código. Apresenta controle de versão como solução, explicando os conceitos de espaço de trabalho, índice e repositório local e remoto. Por fim, demonstra na prática os comandos básicos do Git como adição, commit, branch, merge e interação com repositórios remotos.
JavaScript é a linguagem do browser e mais popular do mundo. Foi criada em 1995 para o Netscape e adotada pela Microsoft em 1996. Apesar de sua má fama inicial devido a problemas como variáveis globais e parseInt, JavaScript possui "partes boas" como funções como valores, objetos dinâmicos e JSON que a tornaram uma linguagem importante.
O documento apresenta exemplos práticos de código JavaScript utilizando estruturas como alert, prompt, if/else, switch, for, while e do while. Os exemplos demonstram como exibir mensagens, receber input do usuário, realizar cálculos, verificar condições e repetir trechos de código.
Paradigmas de Programação - Imperativo, Orientado a Objetos e FuncionalGustavo Coutinho
1. A aula aborda os três principais paradigmas de programação: imperativo, orientado a objetos e funcional.
2. O paradigma imperativo é baseado na arquitetura de von Neumann e tem no coração a idéia de atribuição. Suporta declaração de variáveis, estruturas de controle e abstração procedural.
3. O paradigma orientado a objetos trata programas como coleções de objetos que se comunicam, concentrando responsabilidades em classes. Conceitos como herança, polimorfismo e interfaces são abordados.
4
O documento discute procedimentos em lógica de programação. Explica que procedimentos são trechos de código separados para reutilização e modularização do código. Também aborda a execução, passagem de parâmetros, sintaxe e um exemplo de procedimentos. Por fim, propõe um exercício para praticar a leitura e listagem de nomes utilizando procedimentos.
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
Curso de css3 unidade 1 - introdução ao cssLéo Dias
O documento resume os principais pontos sobre CSS: 1) CSS é uma linguagem de formatação para definir o estilo de páginas web, separando conteúdo da formatação; 2) Apresenta os tipos de seletores como classe, ID e filho que permitem aplicar estilos específicos; 3) Discutem propriedades comuns como cor, fonte e tamanho que controlam a aparência.
O documento descreve um curso sobre testes automatizados em Python. O curso aborda:
1) Testes unitários, de integração e funcionais com foco nos fundamentos de testes automatizados;
2) A prática do uso de testes automatizados no desenvolvimento guiado por testes (TDD);
3) As vantagens da abordagem TDD no curto e longo prazo e dos testes automatizados no longo prazo.
Primeira aula da disciplina Programação Dinâmica para Web. Primeiros conceitos sobre Arquitetura de Aplicações web e informações gerais sobre a disciplina.
O documento apresenta uma introdução sobre JavaScript, explicando porque estudar a linguagem, o que pode ser feito com ela e como iniciar o estudo. É destacado que JavaScript permite adicionar comportamento interativo às páginas web e que pode ser usada para manipular conteúdo, eventos e dados.
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoCarla De Bona
O documento discute a importância da prototipagem para validar ideias de produtos sem precisar construí-los completamente. Ele explica que protótipos podem ajudar a identificar falhas antes do lançamento, permitir a cocriação e desenvolvimento iterativo. Vários tipos de ferramentas de prototipagem são apresentados, incluindo wireframes, papel e técnicas como Crazy Eights para explorar rapidamente muitas ideias.
O documento discute princípios de Clean Code e boas práticas de programação, destacando a importância de:
1) Dar nomes significativos às variáveis, métodos e classes;
2) Manter métodos pequenos e focados em uma única tarefa;
3) Escrever código de forma limpa e legível através da formatação e organização;
4) Criar objetos e classes coesas seguindo princípios como SRP.
La Unión Europea ha acordado un paquete de sanciones contra Rusia por su invasión de Ucrania. Las sanciones incluyen restricciones a las transacciones con bancos rusos clave y la prohibición de la venta de aviones y equipos a Rusia. Los líderes de la UE esperan que las sanciones aumenten la presión económica sobre Rusia y la disuadan de continuar su agresión contra Ucrania.
El documento describe los principios básicos de la radiología. Explica que una radiografía produce una imagen de la estructura interna de un objeto al hacer pasar rayos X a través de él. Los rayos X se absorben de manera diferencial dependiendo de la densidad de los tejidos, generando zonas claras y oscuras en el sensor. También describe los tipos de sensores, las técnicas de proyección, y las medidas de protección para el paciente y el operador contra la radiación.
1) O documento discute incremento, decremento e operadores lógicos e de comparação em JavaScript, incluindo exemplos de seu uso.
2) Também apresenta estruturas de controle como if/else, switch, for e while para controlar o fluxo do programa, com exemplos de cada uma.
3) Por fim, fornece exercícios para praticar os conceitos apresentados, como validar senhas, ordenar números e calcular médias e somas usando as estruturas estudadas.
O documento fornece uma introdução aos sistemas Git e GitHub. Explica que Git é um sistema de controle de versão distribuído usado principalmente para gerenciar versões de softwares, e que GitHub é um serviço de hospedagem para repositórios Git remotos. Também define termos como commit, branch, fork e merge, e demonstra comandos básicos como git add, git commit e git push/pull para trabalhar com repositórios locais e remotos.
1) O documento apresenta um resumo sobre bancos de dados, incluindo definições, componentes, modelos e linguagens.
2) É apresentado o modelo entidade-relacionamento e seus componentes como entidades, atributos e relacionamentos.
3) São descritos os principais comandos da linguagem SQL como create table, insert, select, alter e delete.
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
1) O documento apresenta uma introdução ao Python, abordando tópicos como tipos de dados básicos, operadores, strings, listas e como aprender a programar de forma autodidata.
2) São explicados conceitos como blocos de código, comentários, números inteiros e de ponto flutuante, booleanos, None, strings, conversão entre encodings e operações com listas.
3) Dicas como usar o interpretador interativo, help, dir e documentação são dados para quem deseja aprender Python de forma independente.
O documento apresenta os principais conceitos da programação orientada a objetos, incluindo classe, objeto, método, herança, encapsulamento, abstração, polimorfismo e interface. Explora como POO modela o mundo real através de objetos que encapsulam dados e comportamentos.
Este documento fornece uma introdução ao curso de PHP, abordando sua instalação, configuração e conceitos básicos como estrutura léxica, tipos de dados, variáveis e instruções de controle de fluxo.
O documento discute gestão de versão e configuração, abordando problemas de desenvolvimento em equipe e compartilhamento de código. Apresenta controle de versão como solução, explicando os conceitos de espaço de trabalho, índice e repositório local e remoto. Por fim, demonstra na prática os comandos básicos do Git como adição, commit, branch, merge e interação com repositórios remotos.
JavaScript é a linguagem do browser e mais popular do mundo. Foi criada em 1995 para o Netscape e adotada pela Microsoft em 1996. Apesar de sua má fama inicial devido a problemas como variáveis globais e parseInt, JavaScript possui "partes boas" como funções como valores, objetos dinâmicos e JSON que a tornaram uma linguagem importante.
O documento apresenta exemplos práticos de código JavaScript utilizando estruturas como alert, prompt, if/else, switch, for, while e do while. Os exemplos demonstram como exibir mensagens, receber input do usuário, realizar cálculos, verificar condições e repetir trechos de código.
Paradigmas de Programação - Imperativo, Orientado a Objetos e FuncionalGustavo Coutinho
1. A aula aborda os três principais paradigmas de programação: imperativo, orientado a objetos e funcional.
2. O paradigma imperativo é baseado na arquitetura de von Neumann e tem no coração a idéia de atribuição. Suporta declaração de variáveis, estruturas de controle e abstração procedural.
3. O paradigma orientado a objetos trata programas como coleções de objetos que se comunicam, concentrando responsabilidades em classes. Conceitos como herança, polimorfismo e interfaces são abordados.
4
O documento discute procedimentos em lógica de programação. Explica que procedimentos são trechos de código separados para reutilização e modularização do código. Também aborda a execução, passagem de parâmetros, sintaxe e um exemplo de procedimentos. Por fim, propõe um exercício para praticar a leitura e listagem de nomes utilizando procedimentos.
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
Curso de css3 unidade 1 - introdução ao cssLéo Dias
O documento resume os principais pontos sobre CSS: 1) CSS é uma linguagem de formatação para definir o estilo de páginas web, separando conteúdo da formatação; 2) Apresenta os tipos de seletores como classe, ID e filho que permitem aplicar estilos específicos; 3) Discutem propriedades comuns como cor, fonte e tamanho que controlam a aparência.
O documento descreve um curso sobre testes automatizados em Python. O curso aborda:
1) Testes unitários, de integração e funcionais com foco nos fundamentos de testes automatizados;
2) A prática do uso de testes automatizados no desenvolvimento guiado por testes (TDD);
3) As vantagens da abordagem TDD no curto e longo prazo e dos testes automatizados no longo prazo.
Primeira aula da disciplina Programação Dinâmica para Web. Primeiros conceitos sobre Arquitetura de Aplicações web e informações gerais sobre a disciplina.
O documento apresenta uma introdução sobre JavaScript, explicando porque estudar a linguagem, o que pode ser feito com ela e como iniciar o estudo. É destacado que JavaScript permite adicionar comportamento interativo às páginas web e que pode ser usada para manipular conteúdo, eventos e dados.
Workshop Prototipação em ux - Como validar uma ideia sem construir o produtoCarla De Bona
O documento discute a importância da prototipagem para validar ideias de produtos sem precisar construí-los completamente. Ele explica que protótipos podem ajudar a identificar falhas antes do lançamento, permitir a cocriação e desenvolvimento iterativo. Vários tipos de ferramentas de prototipagem são apresentados, incluindo wireframes, papel e técnicas como Crazy Eights para explorar rapidamente muitas ideias.
O documento discute princípios de Clean Code e boas práticas de programação, destacando a importância de:
1) Dar nomes significativos às variáveis, métodos e classes;
2) Manter métodos pequenos e focados em uma única tarefa;
3) Escrever código de forma limpa e legível através da formatação e organização;
4) Criar objetos e classes coesas seguindo princípios como SRP.
La Unión Europea ha acordado un paquete de sanciones contra Rusia por su invasión de Ucrania. Las sanciones incluyen restricciones a las transacciones con bancos rusos clave y la prohibición de la venta de aviones y equipos a Rusia. Los líderes de la UE esperan que las sanciones aumenten la presión económica sobre Rusia y la disuadan de continuar su agresión contra Ucrania.
El documento describe los principios básicos de la radiología. Explica que una radiografía produce una imagen de la estructura interna de un objeto al hacer pasar rayos X a través de él. Los rayos X se absorben de manera diferencial dependiendo de la densidad de los tejidos, generando zonas claras y oscuras en el sensor. También describe los tipos de sensores, las técnicas de proyección, y las medidas de protección para el paciente y el operador contra la radiación.
Este documento describe diferentes tipos de quistes no odontogénicos. Resume que el quiste del conducto nasopalatino es un quiste embrionario situado en la línea media anterior del paladar, que puede ser intraóseo o extraóseo. También describe las características clínicas y radiológicas del quiste óseo aneurismático y el quiste traumático simple, incluido su tratamiento.
As marcas ajudam a identificar lugares, objetos e eventos de forma rápida e clara. Os estudantes devem criar uma marca para sua escola CEF 16 considerando elementos que caracterizem a escola, como formato de letra, cores, material e formas geométricas ou imagens.
O documento discute os gases do efeito estufa, que impedem que a radiação solar refletida pela Terra escape para o espaço, mantendo o calor no planeta e causando o aquecimento global. Os principais gases são o dióxido de carbono, o metano, o óxido nitroso e outros, muitos dos quais são produzidos por atividades humanas como queima de combustíveis fósseis.
1. A Seen Estratégias Digitais criou um projeto inovador para o casamento de Juliana e Gustavo utilizando tecnologia e interatividade.
2. Um HotSite contou a história do casal, permitiu a confirmação de presença online e mostrou álbuns com momentos de suas vidas.
3. As informações sobre a cerimônia e festa, lista de presentes, dicas para convidados e um blog complementaram a comunicação com os convidados.
Este documento discute diferentes tipos de ligações químicas, incluindo ligações iônicas, covalentes e metálicas. Ele explica como as ligações são formadas através da transferência ou compartilhamento de elétrons e como isso afeta as propriedades das substâncias. Além disso, apresenta estruturas de Lewis para representar ligações e discute a polaridade das ligações com base na eletronegatividade dos átomos.
O documento discute a pupunha como uma alternativa rentável e ecológica para a produção de palmito no Brasil. A pupunha oferece vantagens como precocidade, perfilhamento, qualidade e lucratividade do palmito. Seu cultivo poderia gerar empregos e renda enquanto promove o uso sustentável dos recursos naturais. No entanto, as exportações brasileiras de palmito em conserva declinaram devido a problemas de qualidade e contaminação no passado.
O documento apresenta uma introdução sobre PHP, incluindo sua história, sintaxe básica, variáveis, arrays, estruturas de controle, formulários, métodos GET e POST, includes, cookies, sessões e envio de email. É apresentado um exemplo completo de um sistema de login utilizando sessões em PHP.
Aula 02 - Introdução ao PHP - Programação WebDalton Martins
O documento apresenta uma aula introdutória sobre PHP. Ele discute a instalação do ambiente de desenvolvimento com XAMPP, editores de código, e introduz conceitos básicos como variáveis, constantes, estruturas de controle e funções.
Como usar a biblioteca SimpleTest do PHP para ganhar tempo resolvendo os problemas mas simples do dia-a-dia. Essa apresentação foi elaborada para o PHPConference2008 que aconteceu em Osasco, SP Brasil.
1) O documento descreve o que é JavaScript, suas principais características e como incorporá-lo em páginas HTML.
2) Apresenta estruturas de programação como condicionais if/else, switch, loops for/while e funções.
3) Explica o Document Object Model (DOM) e como manipular elementos HTML via JavaScript.
PHP é uma linguagem de programação livre e muito usada para gerar conteúdos dinâmicos para a Web. Ela permite fazer cálculos, manipular dados, conectar-se a bancos de dados e tornar páginas privadas com login de usuário. PHP é baseada em outras linguagens como C, Java e Perl e interage com sistemas de banco de dados populares como MySQL, Oracle e SQL Server.
Este documento fornece uma introdução básica sobre JavaScript, incluindo o que é JavaScript, onde atua, exemplos de uso, variáveis e tipos de dados, operadores e comentários. Ele também apresenta dois exercícios para praticar conceitos básicos de JavaScript.
O documento descreve conceitos e operadores fundamentais de JavaScript, incluindo:
1) Operadores matemáticos, lógicos e de comparação;
2) Estruturas condicionais como if/else e switch;
3) Estruturas de repetição como for, while, do/while;
4) Tratamento de erros com try/catch/finally/throw.
Alguns exercícios de fixação sobre esses tópicos são apresentados no final.
Este documento apresenta uma introdução básica ao JavaScript, abordando seus principais conceitos como: sua origem e diferenças em relação ao Java; como inserir códigos JavaScript em páginas HTML; utilização de variáveis, arrays, objetos, funções, condicionais e laços de repetição; tratamento de eventos e manipulação de elementos da página; e validação de formulários.
O documento apresenta uma introdução sobre JavaScript, descrevendo-o como uma linguagem de programação utilizada para criar pequenos programas que realizam ações em páginas web. Em seguida, explica conceitos básicos como estrutura de scripts, uso de funções como document.write(), caixas de diálogo e conversão de variáveis. Por fim, aborda brevemente objetos, eventos e funções.
Este documento resume estruturas de controle e eventos em JavaScript em 3 frases:
Estruturas de controle como if/else e loops permitem controlar o fluxo de execução de um programa com base em condições. Eventos como onClick e onChange podem disparar funções JavaScript durante interações do usuário. Diferentes estruturas de controle como switch e for executam código de maneiras específicas e incluem palavras-chave como break para controle adicional do fluxo.
Introdução ao Desenvolvimento WEB com Ruby on RailsJulio Betta
Slides que utilizei para ministrar uma palestra sobre Desenvolvimento WEB com Ruby on Rails no IV Congresso de Iniciação Científica da Faculdade Redentor de Itaperuna / RJ.
Versão PDF aqui: https://www.dropbox.com/s/2fkwksu00chm7nu/presentation.pdf
Este documento descreve um curso de introdução à programação web em PHP com 30 horas de duração. O curso aborda tópicos como scripting do lado do servidor e do cliente, técnicas de escrita de páginas dinâmicas, variáveis, estruturas de controle e introdução aos principais conceitos da linguagem PHP.
O documento discute formulários em HTML e validação de dados com JavaScript. Aborda elementos como <form>, propriedades como action e method, e controles como input, select e textarea. Apresenta expressões regulares para validar campos como CPF, CEP, e-mail e senhas. Explica como recuperar dados, mascarar valores e localizar termos em strings usando expressões regulares.
O documento introduz a linguagem de programação C, descrevendo brevemente sua história, características e aplicações. Foi desenvolvida em 1973 para o sistema operacional UNIX e padronizada em 1983. C oferece velocidade e portabilidade, combinando características de alto e baixo nível. É amplamente utilizada em sistemas operacionais, bancos de dados e efeitos especiais em filmes.
Melhorando a Experiência do Usuário com JavaScript e jQueryHarlley Oliveira
O documento resume as principais informações sobre JavaScript e jQuery para melhorar a experiência do usuário. Apresenta o que é JavaScript, suas aplicações além de páginas HTML, motiva o uso de efeitos e interações, e introduz conceitos básicos como variáveis, vetores, operadores, estruturas de controle e manipulação do DOM. Em seguida, explica o que é jQuery, como simplifica o JavaScript, e demonstra exemplos de seletores, manipulação e eventos.
Este documento fornece exemplos de como escrever "Hello World!" em uma página HTML usando JavaScript. Explica como usar getElementById para alterar o texto dentro de um elemento e como alterar o valor de um campo de formulário.
Este documento fornece uma introdução ao AJAX e como ele pode ser usado em aplicações Java. Ele discute o que é AJAX, como fazer requisições ao servidor usando AJAX e frameworks JavaScript que facilitam o desenvolvimento de aplicações AJAX. Além disso, apresenta como AJAX pode ser usado com Java usando DWR.
Introdução a linguagem de programação PythonMayron Cachina
O documento apresenta um minicurso sobre introdução à linguagem de programação Python. Aborda tópicos como o que é Python, seus criadores, características, tipos de dados, operações, instruções, funções e módulos. Ao final, propõe exercícios para fixar os conceitos apresentados.
Este documento apresenta um resumo sobre introdução à programação web com PHP. Ele aborda conceitos básicos como o que é a web, páginas web, HTML e programação. Também explica sobre variáveis, tipos de dados, operadores e estruturas de controle no PHP como if/else, while e for. Por fim, demonstra manipulação de arrays e uso de funções.
Este documento apresenta uma aula introdutória sobre PHP, abordando conceitos como arquitetura cliente-servidor, sintaxe básica do PHP, formulários, variáveis, condicionais e loops. Contém exemplos práticos de programas simples em PHP e exercícios para fixar os conceitos.
1. Linguagem JavaScript
• A linguagem JavaScript é uma linguagem de script para
utilizarmos na WEB. Entre outros recursos ela nos permite
validar os dados de nossos formulários, como por exemplo,
verificar se o dígito confere com um RG informado pelo
usuário, enviar os dados do formulário para um servidor web,
etc.
• Outro ponto interessante para já destacarmos é que a
utilização da linguagem JavaScript se dará dentro de um
documento HTML entre as tags <script> e </script>, há
situações também em que a utilização é feita através de
eventos que ocorrem em nossa página, como por exemplo,
quando o usuário clicar sobre um botão.
2. Características da Linguagem JavaScript
• Reage a eventos
• Interpretada
• Fracamente Tipada
– Exemplo: string nome = "João"; ou nome = "João";
• Tipagem dinâmica
– Exemplo: x = "João"; x = 10;
• CASE SENSITIVE
– Isto quer dizer que ela diferencia maiúsculas e minúsculas.
Exemplo: Uniban e UNIBAN.
4. Locais de Inserção e Comentários
<!DOCTYPE html> <html> <head>
<script type="text/javascript">
alert("Bem vindo a programação em JavaScript!");
/*Comentário
para várias
linhas */
</script>
<noscript type="text/javascript">
"Caso navegador não suporte JavaScript!"
</noscript> </head> <body>
"Voltamos ao HTML
<script type="text/javascript">
document.write("<p>Voltamos ao Script!</br>" + Date() + "</p>");
//Exibindo a data e hora do micro
</script> </body> </html>
5. Algumas Palavras Reservadas
abstract continue false in private throw
boolean debugger final instanceOf
protecte
d throws
break default finally implements public transient
byte delete float interface return true
case do for label short try
catch double
functio
n long static typeof
char else goto native super var
class enum if new switch void
comment export int
synchronize
d null while
6. Criação de Variáveis
• Conceito de variáveis;
• Declaração
– devem iniciar com letras minúsculas ou com o caractere _
(sublinhado). Exemplos:
– notaCiencias1 = 5.4; //correto
– 1notaCiencias = 5.4; //incorreto, iniciou com números
7. Operadores Aritméticos
• Os Operadores Aritméticos em JavaScript são utilizados para
permitir que façamos operações aritméticas com as variáveis
como por exemplo somar, subtrair, multiplicar, etc.
Operador Descrição Exemplo Resultado
+ Soma x = 3+2; x = 5
- Subtração x = 3-2; x = 1
* Multiplicação x = 3*2; x = 6
/ Divisão x = 3/3; x = 1
% Resto da divisão x = 5%2; x = 1
8. Operadores de Atribuição
• São utilizados, como em outras linguagens, para atribuir
(passar) um valor para uma variável. Ppode ser feita inclusive
através de outra variável.
Operador Descrição Forma normal
Forma
reduzida
= Atribuição x = 3; x = 3;
+= Mais igual x = x+5 x += 5
-= Menos igual x = x - y x -= y
*= Vezes igual x = x * 2 x *= 2
/= Dividido = z = z / 4 z /= 4
%= Resto da divisão x = x % y x %= y
12. Relacionais
Operador Descrição Exemplo Resultado
!= Diferente
x != 5
x != 8
false
true
> Maior (desigualdade)
x > 8
x > 4
false
true
< Menor (desigualdade)
x < 8
x < 4
true
false
>= Maior ou igual
x >= 8
x >= 4
false
true
<= Menor ou igual
x =< 8
x =< 4
true
false
15. <!DOCTYPE html >
<html>
<head>
<script type="text/javascript">
a=5, b=3, c=4, d=3;
document.write("<p>a!=b = " + (a!=b) + "</p>");
document.write("<p> a != b && < d = " + ((a!=b)&&(c<d)) + "</p>");
document.write("<p> (a!=b) || c < d = " + (a!=b) || (c<d) + "</p>");
document.write("<p>!( (a!=b) && c < d) = " + !((a!=b) && (c<d)) +
"</p>");
</script> </head>
<body> </body>
</html>
16. Estruturas de Controle Condicional Simples - if
• If – Teste simples caso a resposta seja verdadeira os
comandos serao executados senao não.
<script type="text/javascript">
var d=new Date(); // Obtendo a data do sistema.
var ano=d.getYear(); // Extraindo o ano da data
if (ano<2014) {
anosCopa = (114-d.getYear()); // quantos anos faltam para Copa
document.write("<b>Faltam " + anosCopa + " anos para Copa do
Mundo no Brasil</b>");
}
</script>
17. Estrutura condicional Composta - if-else
if(condição)
{
comandoV; // Instruções ou comandos para condição
Verdadeira(true).
}
else
{
comandoF; // Instruções ou comandos para condição
Falsa(false).
}
18. <script type="text/javascript">//IF - ELSE
var d=new Date();
var ano=d.getYear();
if (ano<114){
anosCopa = (114-d.getYear());
document.write("<h3><b>Faltam " + anosCopa + " anos para Copa
do Mundo no Brasil</b></h3>");
}
else {
anosCopa = (d.getYear()-114);
document.write("<h3><b>Já se passaram " + anosCopa + " anos para
Copa do Mundo no Brasil</b></h3>");
}
</script>
19. Estrutura condicional Composta – if - else if - else
if(condição1) {
comandoV1; // comandos para condição1 Verdadeira(true).
}
else if(condição2){
comandoV2; // comandos para condição2 Verdadeira (true).
}
.
.
.
else if(condiçãoN){
comandoVN; // comandos para condiçãoN Verdadeira (true).
}
else {
comandoF; // comandos se todas condições forem Falsas(false). }
20. <script type="text/javascript">
var d=new Date(), ano=d.getYear();
if (ano<114) {
anosCopa = (114-d.getYear());
document.write("<h3><b>Faltam " + anosCopa + " anos para Copa do
Mundo no Brasil</b></h3>"); }
else if(ano<116) {
anosOlimpiada = (116-d.getYear());
document.write("<h3><b>Faltam " + anosOlimpiada + " anos para as
Olimpíadas no Brasil</b></h3>"); }
else {
anosCopa = (d.getYear()-114);
anosOlimpiada = (d.getYear()-116);
document.write("<h3><b>Já se passaram " + anosCopa + " anos da Copa
do Mundo e " + anosOlimpiada + " anos das Olimpíadas no
Brasil</b></h3>"); } </script>
21. Exercícios
• Crie um programa que receba o nome e a idade de
duas pessoas e informe qual é o nome do mais velho
e sua idade.
• Crie um programa que receba o nome e a
quantidade de gols de dois times e informe o nome
do vencedor ou se ocorreu empate, e qual foi o
placar.
22. Interagindo com o usuário
• Trabalharemos com Caixas de diálogo para interagir
com o usuário. Vejamos quais são os métodos qu
enos permitem tal funcionalidade:
– alert(“mensagem”);
– varString = prompt (“mensagem”, “texto”);
– varInt = confirm (“mensagem”); //0-Cancel 1-OK
23. Exemplo
<script type="text/javascript">
alert("Seja bem-vindo a Caixas de Mensagens");
nome = prompt("Digite seu nome:", "Marcos");
resp = confirm("Deseja continuar " + nome+ ("?"));
if(resp==1)
{
alert("Voce cliclou em OK:");
}
else
{
alert("Voce cliclou em CANCEL:");
}
</script>
24. Estruturas de Controle de Repetição
for
A primeira estrutura de repetição que veremos é o laço for ele é
utilizado, normalmente, quando sabemos em que ponto
iniciamos a repetição e em que ponto ela irá parar. A
estrutura for é composta de três partes: (inicialização da
variável ; teste condicional ; incremento ou decremento da
variável) Sua sintaxe é:
for (iniciação;condição;atualização)
{
sentenças a executar em cada repetição
}
26. Exercícios
• Crie um programa que receba do usuário um número
e imprima a sua tabuada, utilizando a estrutura de
repetição for.
• Crie um programa que receba dois números do
usuário e imprima os ímpares entre eles, utilizando a
estrutura de repetição for. Ex.:
– Usuário digita 3 e 10;
– Imprime: Os ímpares entre 3 e 10 são: 5, 7, 9.
27. Exemplo
while
A estrutura de repetição while será executada enquanto um teste seja
considerado verdadeiro(true) em geral ela funciona de forma semelhante
ao laço for. Os comandos somente serão executados se o teste for
verdadeiro e caso o teste seja falso logo de início os comandos nunca
serão executados. A ressalva que faço neste caso é que a variável de
controle deve ser criada fora da estrutura de repetição while e alterada
(incrementada ou decrementada) dentro dela. Sua sintaxe é:
while (teste)
{
sentenças a executar em cada repetição
}
28. Exercícios
• Crie um programa que receba do usuário um número
maior que zero e imprima os múltiplos de 3 de zero
até o número digitado, utilizando a estrutura de
repetição while.
• Crie um programa que receba dois números do
usuário e imprima os pares entre eles, utilizando a
estrutura de repetição while. Ex.:
– Usuário digita 3 e 10;
– Imprime: Os ímpares entre 3 e 10 são: 4, 6, 8.
29. do - while
Na estrutura do-while a repetição é executada pelo menos uma vez antes do
teste condicional. Isto significa que, mesmo que o teste seja falso logo na
sua primeira avaliação, ainda assim os comandos de repetição já terão
sido executados pois, o teste somente é feito após a execução dos
comandos. Da mesma forma que na estrutura while a variável de controle
deve ser criada fora da estrutura de repetição do-while e alterada
(incrementada ou decrementada) dentro dela. A ressalva neste caso fica
por conta da obrigatoriedade do ponto e vírgula após os parênteses do
while para fim de demonstrar o encerramento da estrutura do-while.Sua
sintaxe é:
do
{
sentenças a executar em cada repetição
}
while (teste) ;
31. Exercícios
• Crie um programa que receba do usuário um número maior
que zero e informe se ele é par ou ímpar, ao final pergunte ao
usuário se deseja continuar e, em caso de resposta positiva,
execute as instruções novamente, utilizando a estrutura de
repetição do-while.
• Crie um programa que receba dois números do usuário e
imprima os múltiplos de 4 entre eles, ao final pergunte ao
usuário se deseja continuar e, em caso positivo, execute as
instruções novamente, utilizando a estrutura do-while. Ex.:
– Usuário digita 3 e 10;
– Imprime: Múltiplos de 4 entre 3 e 10 são: 4, 8.
32. Objetos, métodos e funções
• A linguagem JavaScript é uma Linguagem Orientada a
Objetos. Isto significa que podemos criar novos Tipos de
Dados que servirão de Objetos para utilizarmos em nossas
páginas, bem como utilizar os Objetos dos Tipos de Dados já
criados como a classe Date que nos permitiu manipular datas
em nossos exemplos.
• Objetos nada mais são do que uma variável do Tipo de Dado
que construímos de acordo com a nossa necessidade, muitas
vezes utilizando tipos de dados já existentes como base para
especializá-los e desta forma servir para os nossos propósitos
na construção do código de nossas páginas Web. Exemplo:
– data = new Date();
33. Métodos ou Funções dos objetos
• Identificamos facilmente um método ou função pela presença
de um par de parênteses, ou seja, toda vez que observarmos
uma palavra e na sua frente aparecer um par de parênteses,
com algum valor escrito dentro deles (parâmetro) ou não,
estamos diante de um método. Como exemplo podemos citar
o método write() que irá executar a ação de escrever no
corpo de nosso Objeto, que é do tipo documento, o que
receber como parâmetro. Exemplo:
– document.write("<h1>Usando métodos em JavaScript</h1> ")
34. Hierarquia dos objetos
• A Hierarquia de Objetos em JavaScript é a forma com que os
objetos são estruturados (colocados) em nossa tela.
• O nível mais alto de Objetos em JavaScript que merece nosso
destaque neste momento são os do tipo janela(window) que
consistem na nossa tela.
• A janela por sua vez tem vários níveis que se ramificam a
partir dela. Estas ramificações consistem em localização,
histórico e documento.
• Assim se segue, ou seja, a cada nível podem haver outros
objetos com outras ramificações.
39. Principais métodos e eventos
• onload
– O evento onload ocorre logo após a página é carregada em nossa tela.
Sua sintaxe é muito simples. Exemplo: onload="CodigoJavaScript";
• onunload
– O evento onunload ocorre quando a página é fechada no navegador.
Podemos quando isto ocorrer dar uma mensagem de "Até Logo!!!"
para o usuário.
• open()
– O método open() (abrir) abre uma nova janela do navegador em
nosso monitor.
• close()
– O método close() (fechar) abre uma fechar a janela do navegador em
nosso monitor. Vejamos um exemplo de sua utilização:
42. Manipulando o objeto Date
• getFullYear() - O método getFullYear() permite que obtenhamos o ano da
data armazenada no sistema.
• getMonth() - permite que obtenhamos o mês. Cabe ressaltar que o
primeiro mês corresponde ao número 0 e o último corresponde ao
número 11.
• getDay() - permite que obtenhamos o dia da semana. Cabe ressaltar que
o primeiro dia corresponde 0(domingo) e o último a 6(sábado).
• getDate() - permite que obtenhamos o dia do mês. Sendo o primeiro dia
1 e o último 31.
• getHours() - permite que obtenhamos a hora do dia.
• getMinutes() - permite que obtenhamos os minutos.
• getSeconds() - permite que obtenhamos os segundos.
• getMilliseconds() - permite que obtenhamos os milissegundos.
43. <script type="text/javascript">
var ano, mes, diaDoMes, diaDaSemana, horas, minutos, segundos,
milissegundos;
ano= mes= diaDoMes= diaDaSemana= horas= minutos= segundos=
milissegundos = 0;
var d = new Date(), diaSemanaString = "";
function exibirDataHora() {
ano = d.getFullYear(), mes = d.getMonth() + 1, diaDoMes = d.getDate();
diaDaSemana = d.getDay();
horas = d.getHours(), minutos = d.getMinutes();
segundos = d.getSeconds(), milissegundos = d.getMilliseconds();
Exemplo
46. Manipulando o objeto Date
• Para alterar os valores guardados em um objeto do
tipo Date devemos utilizar os métodos set vistos a
seguir:
– setFullYear()
– setMonth()setDate()
– setHours()
– setMinutes()
– setSeconds()
– setMilliseconds()
47. Exemplo
Insira esta função no exemplo anterior
function alterarDataHora() {
ano = d.setFullYear(2014), mes = d.setMonth(6);
diaDoMes = d.setDate(13), horas = d.setHours(16);
minutos = d.setMinutes(0), segundos = d.setSeconds(0);
milissegundos = d.setMilliseconds(0);
exibirDataHora();//chama a função já criada
alert("Vai começar a Final da Copa de 2014");
}
Insira no corpo do documento o seguinte comando:
<input type="button" onclick="alterarDataHora()" value="Final da Copa
2014" /> <br /><br />
48. Exercício
• Altere o exemplo anterior a fim de que seja exibido
na tela os dados sobre a data de início e término dos
jogos olímpicos no Brasil, no corpo do documento
em uma nova janela(não em caixas de mensagens
como fizemos).
• Crie uma função para fechar a janela aberta e dê
uma mensagem de despedida ao usuário.
49. Manipulando String
• String nada mais é do que uma sequência de caracteres, como um nome,
endereço, cep, telefone, etc. Normalmente toda a variável que utilizamos
e não fazemos cálculos com ela definimos como String. O mais
interessante a destacar é que em JavaScript as Strings são tratadas como
se fossem um vetor de caracteres e cada caracter corresponde a um
índice de vetor da String. Exemplo:
Letra U N I V E R S I D A D E A N H A N G U E R A
Índice 0 1 2 3 4 5 6 7 8 9
1
0
1
1
1
2
1
3
1
4
1
5
1
6
1
7
1
8
1
9
2
0
2
1
2
2
50. Métodos e propriedade de uma string
Length - A propriedade length do Objeto String retorna o total de caracteres,
incluindo espaços em branco se existirem, de um texto qualquer. Cabe
destacar que normalmente uma String é identificada pelo par de aspas
que a envolve. Como exemplo na String "Universidade Bandeirante" a
propriedade length irá retornar 24, correspondente a quantidade de
letras somando-se a elas o espaço em branco entre as duas palavras.
charAt() - O método charAt(índice) retorna o caractere da String que estiver
no índice passado como parâmetro.
indexOf() - O método indexOf(caractere) retorna o índice em que o caractere
passado como parâmetro se encontra na String.
lastIndexOf() - O método lastIndexOf(caractere) retorna o índice da última
ocorrência do caractere passado como parâmetro se encontra na String.
substring() - O método substring(inicio, fim) retorna um pedaço da string
com base no índice de seu caractere de inicio e uma posição antes do
índice de seu fim.
51. Métodos e propriedade de uma string
toUpperCase() - O método toUpperCase() transforma todos os
caracteres da string em MAIÚSCULO.
toLowerCase() - O método toLowerCase() transforma todos os
caracteres da string em MINÚSCULO.
• replace () - O método replace(antiga, nova) muda o conteúdo
da string antiga pela nova passada como parâmetro.
• Vejamos a seguir um exemplo com a utilização de todos os
métodos e atributos que citamos que manipulam objetos do
tipo String.
52. • function mostrarTamanhoString()
• {
• alert("Universidade Bandeirante tem " + nome.length + " caracteres.");
• }
•
• function encontrarLetraIndice3()
• {
• alert(nome.charAt(3));
• }
• function encontrarIndiceLetraB()
• {
• alert(nome.indexOf('B'));
• }
• function ultimoOcorrenciaN()
• {
• alert(nome.lastIndexOf('n'));
• }
•
• function do13CaractereAoFim()
• {
• alert(nome.substring(13));
• }
• function converterMaiusculas()
• {
• alert(nome.toUpperCase());
• }
•
• function converterMinusculas()
• {
• alert(nome.toLowerCase());
• }
•
• function trocar_v_por_V()
• {
• alert(nome.replace('v','V'));
• }
53. <body> <form>
<input type="button" onclick="mostrarTamanhoString()"
value="Tamanho da String com length" />
<input type="button" onclick="encontrarLetraIndice3()"
value="Letra no índice 3 com charAt(int)" />
<input type="button" onclick="encontrarIndiceLetraB()"
value="Índice da letra B com indexOf(char)" />
<input type="button" onclick="ultimoOcorrenciaN()"
value='Índice da última ocorrência de "n" com lastIndexOf(char)' />
<input type="button" onclick="do13CaractereAoFim()"
value="Imprimindo a partir do 13º Caractere com substring(indice)" />
<input type="button" onclick="converterMaiusculas()"
value="Tudo em letras Maiúsculas com toUpperCase()" />
<input type="button" onclick="converterMinusculas()"
value="Tudo em letras Minúsculas com toUpperCase()" />
<input type="button" onclick="trocar_v_por_V()"
value='Trocando "v" por "V" com replace(char,char)'/> </form> </body>