O que é e como usar Mustache JS

Pare de escrever TAGS HTML dentro do seu Javascript, crie templates, envie um objeto para seu template, faça o insert na sua página HTML e seja feliz. Isso é Mustache JS.

Exemplo simples de Mustache JS: http://plnkr.co/edit/WLiQjSTfgezQmIJFcVeB?p=preview

mustache_0ec34a13-805a-4146-87f0-80a9a0799566

Exemplo de AngularJS #001

Muito se fala de AngularJS o  framework que liga seu HTML (views) com objetos JavaScript (models).

Se você andava pesquisando:

  • Como aprender AngularJS
  • Exemplos de AngularJS
  • Como usar AngularJS

Veja esse vídeo curtinho e introdutório a essa nova maravilha.

See the Pen boaHE by Márcio Brasil (@mbrasil) on CodePen.

Javascript - Guia do Programador

Javascript – Guia do Programador

Javascript - Guia do Programador

JavaScript é uma linguagem de script usada em milhões de páginas web em todo o mundo para validar formulários, detectar objetos e adicionar uma série de outras funcionalidades interativas.

Com a guerra dos navegadores, conhecer as técnicas de detecção do navegador via JavaScript era requisito básico de desenvolvimento. Quanto mais surpreendente para o usuário o efeito ao entrar em uma página, tanto mais o desenvolvedor do site era conceituado na comunidade. Páginas que se abriam com os mais variados efeitos, janelas ocupando toda a tela, desaparecimento das barras de ferramentas do navegador, abertura de janelas pop-up com propaganda, bolinhas coloridas e flocos de neve ricochetando e caindo na tela, tudo era permitido e possível com JavaScript. Com a chegada dos Padrões Web e a consequente revisão dos conceitos de desenvolvimento de sites, novos rumos foram traçados, fundamentados em critérios de separação das camadas de desenvolvimento, acessibilidade, usabilidade e portabilidade. Como consequência, foi implementada a padronização da linguagem e do Document Object Model (DOM), revitalizando e alterando os conceitos de emprego de JavaScript.

A padronização aliada ao princípio de desenvolvimento voltado à melhoria progressiva faz com que JavaScript esteja presente na maioria dos sites desenvolvidos segundo os mais rígidos conceitos dos Padrões Web.

As recomendações para a emergente HTML5 implementam novas e fantásticas APIs, capazes de proporcionar o desenvolvimento das mais ricas aplicações web. Contudo, a maioria das funcionalidades previstas nessas APIs, para funcionar com toda sua potencialidade, depende de JavaScript. Assim, modernos desenvolvedores e webdesigners não podem prescindir do conhecimento dessa poderosa linguagem.

Este livro aborda os fundamentos da linguagem, desde os conceitos mais básicos de programação web até as funcionalidades de emprego da linguagem segundo os conceitos de orientação a objetos. É uma referência abrangente dos recursos da linguagem. Descreve detalhadamente objetos, construtores, métodos, funções, propriedades e constantes definidas segundo as recomendações do W3C e as ECMAScript.

No site de apoio ao livro (www.livrojavascript.com.br), o leitor encontrará os códigos-fonte para download e informações complementares sobre o livro, além de exemplos práticos que podem ser implementados e cujo funcionamento pode ser conferido no site.

Lista completa de eventos Javascript

rastrear objetos dos correios por código rastreador de encomendas

Os manipuladores de eventos em Javascript

A lista de manipuladores de eventos contém o nome do manipulador em negrito, sua descrição e finalmente a versão de Javascript que incorporou tal manipulador.

Relação de eventos

onabort
Este evento se produz quando um usuário detém a carga de uma imagem, seja porque detém a carga da página ou porque realiza uma ação que a detém, como por exemplo, sair da página.
Javascript 1.1

onblur
Desata-se um evento onblur quando um elemento perde o foco da aplicação. O foco da aplicação é o lugar onde está situado o cursor, por exemplo, pode estar situado sobre um campo de texto, uma página, um botão ou qualquer outro elemento.
Javascript 1.0

onchange
Desata-se este evento quando muda o estado de um elemento de formulário, às vezes não se produz até que o usuário retire o foco da aplicação do elemento. Javascript 1.0
Javascript 1.0

onclick
Produz-se quando se clica o botão do mouse sobre um elemento da página, geralmente um botão ou um link.
Javascript 1.0

ondragdrop
Produz-se quando um usuário solta algo que havia arrastado sobre a página web.
Javascript 1.2

onerror
Produz-se quando não se pode carregar um documento ou uma imagem e esta fica quebrada.
Javascript 1.1

onfocus
O evento onfocus é o contrário de onblur. Produz-se quando um elemento da página ou a janela ganham o foco da aplicação.
Javascript 1.0

onkeydown
Este evento é produzido no instante que um usuário pressiona uma tecla, independentemente que a solte ou não. É produzido no momento do clique.
Javascript 1.2

onkeypress
Ocorre um evento onkeypress quando o usuário deixa uma tecla clicada por um tempo determinado. Antes deste evento se produz um onkeydown no momento que se clica a tecla..
Javascript 1.2

onkeyup
Produz-se quando o usuário deixa de apertar uma tecla. É produzido no momento que se libera a tecla.
Javascript 1.2

onload
Este evento se desata quando a página, ou em Javascript 1.1 as imagens, terminaram de se carregar.
Javascript 1.0

onmousedown
Produz-se o evento onmousedown quando o usuário clica sobre um elemento da página. onmousedown se produz no momento de clicar o botão, soltando ou não.
Javascript 1.2

onmousemove
Produz-se quando o mouse se move pela página.
Javascript 1.2

onmouseout
Desata-se um evento onmuoseout quando a seta do mouse sai da área ocupada por um elemento da página.
Javascript 1.1

onmouseover
Este evento desata-se quando a seta do mouse entra na área ocupada por um elemento da página.
Javascript 1.0

onmouseup
Este evento se produz no momento que o usuário solta o botão do mouse, que previamente havia clicado.
Javascript 1.2

onmove
Evento que se executa quando se move a janela do navegador, ou um frame.
Javascript 1.2

onresize
Evento que se produz quando se redimensiona a janela do navegador, ou o frame, no caso de que a página os tenha.
Javascript 1.2

onreset
Este evento está associado aos formulários e se desata no momento que um usuário clica no botão de reset de um formulário.
Javascript 1.1

onselect
Executa-se quando um usuário realiza uma seleção de um elemento de um formulário.
Javascript 1.0

onsubmit
Ocorre quando o visitante aperta sobre o botão de enviar o formulário. Executa-se antes do envio propriamente dito.
Javascript 1.0

onunload
Ao abandonar uma página, seja porque se clique em um link que nos leva a outra página ou porque se fecha a janela do navegador, se executa o evento onunload.