Tag Archives: dom

JS – Excitante!

WebApp – Saga

O que nós ganhamos!

Definição 

(Side Client)

MultiPlataforma

Programas JS rodam em diferentes browsers, sobre diferentes SOs e plataformas de hardware.

Dinamicamente Interpretada

Ela tem como principal característica ser uma linguagem dinamicamente interpretada. Isso proporciona liberdade, permitindo por exemplo modificar e criar tipos em runtime, tirar vantagem de late binding, etc….

Dinâmica

Manipule o conteúdo HTML.

Uma das vantagens é o modo simples de permitir aceder e manipular o conteúdo html de uma página, dando-lhe maior dinamismo.

A habilidade de escrever HTML dinamicamente em web pages é um dos recursos mais poderosos do JS.

document.write (“<br>”)

Compatibilidade

A única linguagem suportada por todos os browsers mais populares.

O JS é a linguagem mais utilizada para escrever códigos client-side, devido a sua compatibilidade com a maioria dos browsers. Ou seja, ela está amplamente disseminada, instalada em qualquer computador que tenha um browser moderno.

Interatividade

JS é montada dentro do browser. Ela é uma das melhores maneiras de acrescentar interatividade ao site, pois ele é a única linguagem cross browser que funciona diretamente com browsers Web. Linguagens, como Java, Perl e C, não têm acesso direto a imagens, forms e janelas que formam uma web page.

Prototype

Alternativa quando não temos a OO.

JS é uma linguagem orientada à prototypes. Paradigma utilizado quando a plataforma não possui o conceito de classes. Para obter-se o reuso de um comportamento (herança, nas linguagens OO) é feita a cópia de outro tipo/objeto, o protótipo.

Então, temos que um prototype é um objeto usado para implementar uma estrutura, estado e herança de comportamento no JS.

Next stop JQuery. Disambarke on the left.

JQuery – Excitante!

WebApp – Saga

O que nós ganhamos!

Definição

JQuery é uma livraria JS rápida e leve, conformidade com o CSS1-CCS2 e CCS3 e oferece suporte a muitos browsers.

O Framework é extensível (via plug-ins) e realiza de modo elegante manipulações DOM, CSS, AJAX, eventos e animações, permitindo assim desenvolver webapp de modo mais rápido e simples. 

Simplicidade

JQuery tem como foco principal a simplicidade.

Fácil Aprendizagem 

JQuery aplica ao seu aprendizado a mesma filosofia que norteou a criação da biblioteca. Em pouco tempo é possível desenvolver animações e criar interações, sem necessidade de  complexos scripts.

Mesmo em fase avançada, a curva de aprendizado é mais rápida quando comparado com o aprendizado das técnicas avançadas de JS.

OpenSource

JQuery é disponibilizada como software livre e aberto, cujo emprego e uso é regido segundo as regras de licença estabelecidas pelo MIT e pelo GPL. Ou seja, podemos usufruir da biblioteca gratuitamente tanto em desenvolvimento de projetos pessoais como comerciais.

JQuery VS JS

As principais vantagens de uso sobre JS tradicional:

Acesso direto a qualquer componente do DOM, ou seja, sem necessidade de várias linhas de código para acessar determinados pontos no DOM.

Manipulação de conteúdos, sem limitações, com algumas poucas linhas de código.

Suporte para os eventos de interação com o usuário sem limitações impostas pelos browser.

Possibilidade de inserir grande variedade de efeitos de animação com uma simples linha.

Uso simplificado e sem restrições com AJAX e linguagens de programação, como PHP e ASP.net.

Simplificação na criação de scripts.

Emprego cross-browser.

Next stop JQuery. Disambarke on the left.