Tag Archives: polymer

Polymer – Fundamentos 

WebApp Saga Chapter : 1

Cadastro realizado com sucesso!Contact US!

A missão de hoje é fazer um estudo tratando dos detalhes fundamentais que precisamos conhecer para escrever códigos NodeJS/Express. Ou seja, o foco será apenas em elementos principais, explicando como eles funcionam dentro da plataforma.

Ao final da missão, deveremos ter domínio sob a estrutura básica de um backend NodeJS sendo capaz de organizar boas soluções utilizando seus recursos.

Bem, vamos então parar de “blá-blá-blá” e vamos nos divertir.

Enfim, vamos fazer um overview sobre:

  • Por que utilizamos callbacks sempre?
  • O form mais simples do mundo
  • Recebendo os dados do form
  • Cadastrando um novo produto
  • Mais sobre o protocolo HTTP
  • Redirect after post

Next stop Polymer. Dissambark on the left.

Keep Programming!!!!

Polymer – Excitante!

WebApp Saga

O que nós ganhamos!

Conheça “o que ganhamos” com esta tecnologia que promete “ceifar” a vida dos APPs.

Produtividade

Pense nas vantagens citadas abaixo.

Programação Declarativa

Implementa DSL (Linguagem Específica de Dominio) usando Markup poderoso, intuitivo, significativo e expressivo.

Manutenibilidade

Na leitura do código entendemos imediatamente reduzindo o custo de manutenção. O encapsulamento permite criar componentes com função específica restringindo escopo e facilitando a manutenção.

Pequenos Componentes

Construa blocos de construção usando composição.

Reuso na Web

O encapsulamento valoriza a reusabilidade e o suporte de ferramentas como o Bower permite o uso por qualquer dev.

Extensibilidade

Implementa a forma padrão para estender elementos nativos e personalizados.

Testabilidade

A testabilidade dos componentes é provida pelo WCT (Web Component Tester).

Separação de Escopo

Permite escopo diferenciado para CSS, DOM e APIs.

Interoperabilidade

Possui integração em baixo nível no DOM, então a interoperabilidade é completa.

Não requer usar outras libs JS como jQuery, pois podemos usar diretamente querySelector, querySelectorAll, getElementById, etc já que o IE 9 e todos os outros principais browsers já suportam.

Acessibilidade

Implementada por padrão.

Mixins

É uma feature do JS que permitem adicionar comportamento de objs em outros.

O Polymer possui um método utilitário para oferecer suporte para esta feature no Framework.

Layout Containers

Vários elementos para suporte a Layout elimina necessidade do uso do Bootstrap ou similares.

Os Layout Attributes atuam em elementos nativos tal como ou temos um conjunto completo de funcionalidades para gerenciamento dinâmico de Layout.

Suporte a Temas

Utilize para implementar Temas para a webapp.

Suporte a Transições

As Tags podem definir transições entre conteúdo de forma declarativa.

Ferramenta de Design

Ferramenta visual disponível funcionando como playground para desenvolvimento de diálogos e páginas da aplicação usando drag-and-drop.

 

Next stop Polymer. Disambark on the left.