jcheck: validações client-side sem dores

11
jcheck validações client-side sem dores

description

Apresentação feita no 6º encontro do Frevo on Rails pelo Wilker Lúcio.

Transcript of jcheck: validações client-side sem dores

Page 1: jcheck: validações client-side sem dores

jcheckvalidações client-side sem dores

Page 2: jcheck: validações client-side sem dores

Por que validar no front-end?

• Respostas imediatas

• Melhor experiência do usuário

• Menos requisições ao servidor

Page 3: jcheck: validações client-side sem dores

Problemas atuais

• Difícil para criar validações customizaradas

• Difícil para customizar o design das notificações

• Trabalho replicado no servidor e cliente

Page 4: jcheck: validações client-side sem dores

arquitetura do jcheck

FormCheckFormCheck

ValidatorsValidators

ErrorsErrors

NotifiersNotifiers

Page 5: jcheck: validações client-side sem dores

Principais features

• Javascript não obstrutivo

• Coleção de validadores padrões

• Fácil criação de validadores customizados

• Notificadores totalmente customizaveis

• Suporte a i18n

• Vasta compatibilidade (Firefox, Safari, Chrome, Opera, IE6+)

Page 6: jcheck: validações client-side sem dores

validações compatíveis com o Actionmodel

validates

validações estilo Rails 2

validações customizadas

Page 7: jcheck: validações client-side sem dores

jcheck rails

• Integração “ActionModel Validations” / ”jCheck”

• Interface simples <%= jcheck_for(@object) %>

Page 8: jcheck: validações client-side sem dores

DEMO!

Page 9: jcheck: validações client-side sem dores

planos futuros

• Validações Ajax

• Maior flexibilidade nos notificadores padrão

• Notificadores otimizados para dispositivos mobile

• Definir validações diretamente atravéz de atributos HTML5

• Suporte a outras frameworks web

Page 10: jcheck: validações client-side sem dores

LinksSite: http://jcheck.net/

Source: http://github.com/wilkerlucio/jcheck

jCheck Rails: http://github.com/wilkerlucio/jcheck-rails

CoffeeScript: http://jashkenas.github.com/coffee-script/

Page 11: jcheck: validações client-side sem dores

http://jcheck.net/

Autor: Wilker Lúcio <github.com/wilkerlucio>

Obrigado!