Tópicos Avançados: Desenvolvimento Web

Univás – Universidade do Vale do Sapucaí

Trabalho de Conclusão

Para concluir a nossa disciplina deverá ser entregue até segunda-feira (28/11/11) o trabalho final descrito neste documento (http://files.edysegura.com/aulas/dweb/2011/final-homework.zip). O mesmo poderá ser feito em dupla.

A entrega deve ser através do e-mail (infoedy@gmail.com) com assunto “Trabalho final” e no corpo do e-mail os nomes dos integrantes.

Enjoy!

Nenhum comentário

Lista de Exercícios, Parte 1

Segue abaixo a lista de exercícios como complemento para os estudos da disciplina sobre desenvolvimento web client-side.

1) A partir de um formulário calcular o IMC – Índice de Massa Corporal e informar ao usuário se o mesmo está magro, normal, sobrepeso ou obeso.

2) Desenolver uma aplicação web client-side para gerenciar um carrinho de compras simples. As informações necessárias a serem cadastradas no carrinho são: Nome do Produto, Valor e no final o total com a somatória de todos os produtos cadastrados. Se for removido algum produto o total deverá ser atualizado.

3) Desenvolver uma aplicação web client-side que a partir da data de nascimento se obtenha a quantidade em anos. ex.: 07/09/1961 = 48 anos.

4) Desenvolver um formulário em XHTML que altere o título da página conforme foi informado no formulário. Para que isso aconteça é só usar a instrução document.title.

Nenhum comentário

JavaScript

JavaScript é uma linguagem de programação script, criada em 1995 por Brendan Eich, para acrescentar interatividade às páginas da web. Graças ao JavaScript e a metodologia Ajax podemos construir verdadeiras aplicações web como se fossem aplicações desktop.

E para darmos início ao nosso estudo sobre JavaScript segue alguns links abaixo:

Nenhum comentário

Formulários

Formulários são a base para o desenvolvimento de aplicações web que tem por objetivo oferecer uma maior interatividade com os usuários. Entre os vários usos de formulários podemos citar o envio de mensagens, pesquisas e cadastros em geral.

Segundo Diego Eis o formulário depois do link é o elemento mais utilizado pelos usuários para interagir com a web. Ele postou um vídeo de como desenvolver um formulário em 8 minutos.

Para os interessados em aprofundar no assunto segue alguns links abaixo:

Nenhum comentário

Seletores CSS

Em nossas próximas aulas iremos trabalhar com os seletores CSS. Conhecer os seletores e saber combiná-los de diferentes maneiras coloca nas mãos do desenvolvedor uma poderosa ferramenta de estilização e formatação.

Conhecer e saber empregar seletores ajuda a manter o código XHTML bem mais limpo, evitando o uso desnecessário de elementos e atributos extras na marcação.

Para se aprofundar no assunto visite os links abaixo:

Visitem também o blog CSS no Lanche, uma ótima fonte de informações para quem está iniciando com as CSS.

Nenhum comentário

CSS

CSS

CSS é a abreviação para os termos em inglês Cascading Style Sheets, traduzido para o português como Folhas de Estilo em Cascata. Cabem às CSS todas as funções de apresentação de um documento web, tais como fontes, cores e espaçamento. Para um estudo mais detalhado sobre CSS visitem o site do Maujor. Este site é considerado por muitos e inclusive por mim, como uma referência nacional sobre às CSS. Vale a pena visitar inúmeras vezes.

Abraços a todos.

Nenhum comentário

HTML, XHTML e HTML5

HTML

A linguagem HTML – Hypertext Markup Language – foi desenvolvida por Tim Berners-Lee e desde a explosão da Internet, durante os anos 90, ela tem se firmado como linguagem universal para ligar informações a partir de computadores de todo o mundo.

XHTML

A XHTML é um reformulação da linguagem HTML baseada na XML (Extensible Markup Language). HTML e XHTML são linguagens bastante parecidas. Um documento XHTML é quase idêntico a um documento HTML, visto que ambas as linguagens utilizam o mesmo conjunto de elementos.

A linguagem de marcação (X)HTML é constituída de elementos e atributos. Os nomes dos elementos foram escolhidos levando em conta a destinação do elemento. Assim, um elemento (X)HTML destinado a marcar um cabeçalho recebeu o nome heading que, em inglês, significa cabeçalho ou título. O elemento destinado a marcar parágrafos foi denominado paragraph, cujo significado é parágrafo, e assim por diante.

HTML5

Atualmente está sendo desenvolvida pelo W3C em conjunto com WHATWG e sendo implementada por navegadores modernos (isso não se aplica ao Internet Explorer), uma nova versão do HTML contendo elementos mais semânticos e que elevará o desenvolvimento web a um nível superior melhorando a interoperabilidade e custos de desenvolvimento. Para saber mais sobre o HTML5 acesse o blog Pinceladas da Web.

Dúvidas, reclamações ou sugestões deixem seus comentários.
Abraços a todos.

Nenhum comentário

Apresentação

Oi, sejam todos bem vindos. Eu sou o professor Edy Segura e este é nosso blog para auxiliar na disseminação do conhecimento adquirido em nossa disciplina.

Este blog tem o objetivo de complementar as aulas da disciplina de Tópicos Avançados – Desenvolvimento Web do curso de graduação em Sistemas de Informação da UNIVÁS. E também é um espaço onde o próprio aluno pode contribuir com materiais e discussões sobre a disciplina.

Aqui serão disponibilizados os o conteúdos visto em sala de aula para revisão ou para download. Em caso de dúvidas, críticas ou sugestões é só entrar em contato.

Um abraço a todos!

Nenhum comentário