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árioUtilizando os conceitos aprendidos em sala de aula sobre XHTML e CSS estruture o formulário a seguir e desenvolva 4 estilos de formatação para o mesmo. Atenção: Cada imagem é o resultado de um tema. Utilize a opção para alternar entre os estilos conforme aprendemos em aula.
Orientações:
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árioEm 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árioJavaScript é 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árioCSS é 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árioA 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.
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.
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.
