Ponto do Conhecimento

Para iluminar ainda mais a cabeça dos FrontEnd's iniciarei essa série de postagens com exemplos práticos e possíveis produzidos com CSS, HTML e JS, nos últimos padrões. Alguns não utilizam o JS, o que pode ser observado a poderosa semântica do CSS3 e HTML5. Segue abaixo os primeiros exemplos, onde você poderá fazer estudos e análise: Neste primeiro exemplo mostra-se uma animação construída através de propriedades do CSS3. Utiliza-se apenas HTML e CSS. Que tal um relógio com CSS+HTML+JS? Neste exemplo é construído um relógio que opera em tempo real. Imaginou que seria possível uma calculadora construída apenas com HTML, CSS e JS? Sim! o sistema solar produzido apenas com CSS+HTML. A passagem do dia, também, somente, com CSS+HTML.

JavaScript versão 1.0 – O JavaScript 1.0 é a versão original do JavaScript. Esta versão é suportada pelo Netscape Navigator versão 2.0. O Internet Explorer não suporta esta versão do JavaScript. JavaScript versão 1.1 – O JavaScript versão 1.1 é a segunda versão do JavaScript. Esta versão é suportada pelo Netscape Navigator versão 3.0 e pelo Internet Explorer versão 4.0. JavaScript versão 1.2 – O JavaScript versão 1.2 é suportado pelo Netscape Navigator versão 4.0. O Internet Explorer versão 4.0 suporta alguns recursos desta versão do JavaScript. JavaScript versão 1.3 – O JavaScript versão 1.3 é suportado pelo Netscape Navigator versão 4.5 e pelo Internet Explorer versão 5.0. JavaScript versão 1.5 – O JavaScript versão 1.5 é a última versão do JavaScript, que ainda está sendo desenvolvida. Esta versão do JavaScript é suportada pelo Netscape Navigator versão 4.5 e pelo Internet Explorer versão 5.0.

Suporta interatividade do usuário – O JavaScript melhora a interatividade do usuário em sites Web usando recursos como caixas pop-up e ferramentas de navegação. Você pode usar as caixas de pop-up para se comunicar com usuários finais através de mensagens. Você pode usar as ferramentas de navegação para facilitar a navegação pelo site Web. Suporta imagens como links – O JavaScript permite o uso de imagens como links em documentos Web. Você pode carregar novas imagens em uma página Web sem recarregar a página. Você também pode usar esta vantagem do JavaScript para criar animações. Suporta validações do lado cliente – O JavaScript pode ser validado no computador cliente. Você não precisa enviar o dado para a validação do servidor. Enviar dados para o servidor para validação resulta em tráfego pesado na internet, portanto, o JavaScript pode ser usado para reduzir o tempo de validação. Suporta identificação do navegador – O JavaScript pode automaticamente identificar o tipo e vers...