SlideShare uma empresa Scribd logo
1 de 11
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
Problemas atuais
• Difícil para criar validações customizaradas
• Difícil para customizar o design das notificações
• Trabalho replicado no servidor e cliente
arquitetura do jcheck
FormCheckFormCheck
ValidatorsValidators
ErrorsErrors
NotifiersNotifiers
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+)
validações compatíveis com o
Actionmodel
validates
validações estilo Rails 2
validações
customizadas
jcheck rails
• Integração “ActionModelValidations” / ”jCheck”
• Interface simples <%= jcheck_for(@object) %>
DEMO!
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
Links
Site: http://jcheck.net/
Source: http://github.com/wilkerlucio/jcheck
jCheck Rails: http://github.com/wilkerlucio/jcheck-rails
CoffeeScript: http://jashkenas.github.com/coffee-sc
ript/
http://jcheck.net/
Autor: Wilker Lúcio <github.com/wilkerlucio>
Obrigado!

Mais conteúdo relacionado

Mais procurados

QCon SP 2016 - WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...
QCon SP 2016 -  WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...QCon SP 2016 -  WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...
QCon SP 2016 - WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...Tiago Marchetti Dolphine
 
Testes de Performance: Por Onde Começar?
Testes de Performance: Por Onde Começar?Testes de Performance: Por Onde Começar?
Testes de Performance: Por Onde Começar?Alan Cafruni Gularte
 
Como gerenciar e executar testes com ferramentas microsoft
Como gerenciar e executar testes com ferramentas microsoftComo gerenciar e executar testes com ferramentas microsoft
Como gerenciar e executar testes com ferramentas microsoftAlan Correa Morais
 
Tornando o Xamarin.Forms ainda melhor com Prism
Tornando o Xamarin.Forms ainda melhor com PrismTornando o Xamarin.Forms ainda melhor com Prism
Tornando o Xamarin.Forms ainda melhor com Prismakamud
 
TDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJSTDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJSLeonardo Zanivan
 
TechNet Wiki Summit 2015 - DevOps
TechNet Wiki Summit 2015 - DevOpsTechNet Wiki Summit 2015 - DevOps
TechNet Wiki Summit 2015 - DevOpsAlan Carlos
 
Microservices com ASP.NET 5
Microservices com ASP.NET 5Microservices com ASP.NET 5
Microservices com ASP.NET 5Waldyr Felix
 
Navegando em um mar de siglas do mundo java
Navegando em um mar de siglas do mundo javaNavegando em um mar de siglas do mundo java
Navegando em um mar de siglas do mundo javaAndrei Tognolo
 
Notes From the Field Build Automation
Notes From the Field   Build AutomationNotes From the Field   Build Automation
Notes From the Field Build AutomationAndré Dias
 
Campus Party - Desenvolvendo com ASP.NET MVC e jQuery
Campus Party - Desenvolvendo com ASP.NET MVC e jQueryCampus Party - Desenvolvendo com ASP.NET MVC e jQuery
Campus Party - Desenvolvendo com ASP.NET MVC e jQueryAlexandre Tarifa
 

Mais procurados (17)

QCon SP 2016 - WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...
QCon SP 2016 -  WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...QCon SP 2016 -  WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...
QCon SP 2016 - WebAPIs e delivery: Matando a fome de 1 milhão de pedidos men...
 
Jheat
JheatJheat
Jheat
 
Testes de Performance: Por Onde Começar?
Testes de Performance: Por Onde Começar?Testes de Performance: Por Onde Começar?
Testes de Performance: Por Onde Começar?
 
Curso jsf
Curso jsfCurso jsf
Curso jsf
 
Devise
DeviseDevise
Devise
 
Como gerenciar e executar testes com ferramentas microsoft
Como gerenciar e executar testes com ferramentas microsoftComo gerenciar e executar testes com ferramentas microsoft
Como gerenciar e executar testes com ferramentas microsoft
 
Tornando o Xamarin.Forms ainda melhor com Prism
Tornando o Xamarin.Forms ainda melhor com PrismTornando o Xamarin.Forms ainda melhor com Prism
Tornando o Xamarin.Forms ainda melhor com Prism
 
ASP .NET MVC na Prática
ASP .NET MVC na PráticaASP .NET MVC na Prática
ASP .NET MVC na Prática
 
TDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJSTDC 2014 - Arquitetura front-end com AngularJS
TDC 2014 - Arquitetura front-end com AngularJS
 
TechNet Wiki Summit 2015 - DevOps
TechNet Wiki Summit 2015 - DevOpsTechNet Wiki Summit 2015 - DevOps
TechNet Wiki Summit 2015 - DevOps
 
Microservices com ASP.NET 5
Microservices com ASP.NET 5Microservices com ASP.NET 5
Microservices com ASP.NET 5
 
Desvendando ASP.NET MVC
Desvendando ASP.NET MVCDesvendando ASP.NET MVC
Desvendando ASP.NET MVC
 
Aula 1 apresentação
Aula 1   apresentaçãoAula 1   apresentação
Aula 1 apresentação
 
Navegando em um mar de siglas do mundo java
Navegando em um mar de siglas do mundo javaNavegando em um mar de siglas do mundo java
Navegando em um mar de siglas do mundo java
 
Notes From the Field Build Automation
Notes From the Field   Build AutomationNotes From the Field   Build Automation
Notes From the Field Build Automation
 
Campus Party - Desenvolvendo com ASP.NET MVC e jQuery
Campus Party - Desenvolvendo com ASP.NET MVC e jQueryCampus Party - Desenvolvendo com ASP.NET MVC e jQuery
Campus Party - Desenvolvendo com ASP.NET MVC e jQuery
 
Introdução ao AngularJS!
Introdução ao AngularJS!Introdução ao AngularJS!
Introdução ao AngularJS!
 

Destaque

Creating Accessible Services
Creating Accessible ServicesCreating Accessible Services
Creating Accessible ServicesAdam Varn
 
Foto's Visitor Centre
Foto's Visitor CentreFoto's Visitor Centre
Foto's Visitor Centredongm
 
Facebook and Brazil
Facebook and BrazilFacebook and Brazil
Facebook and Brazilguesta85d3f
 
Apresentação ForkInSergipe
Apresentação ForkInSergipeApresentação ForkInSergipe
Apresentação ForkInSergipeRafael França
 
Ancor recr forum_sep25_tkachenko
Ancor recr forum_sep25_tkachenkoAncor recr forum_sep25_tkachenko
Ancor recr forum_sep25_tkachenkoOksanaSergeeva
 
The change.asia - results not reports
The change.asia  - results not reportsThe change.asia  - results not reports
The change.asia - results not reportspck100
 
20130603 brand management chapter 6
20130603 brand management chapter 620130603 brand management chapter 6
20130603 brand management chapter 6Zeeshan Huq
 
Blood brothers essay title march 10
Blood brothers essay title march 10Blood brothers essay title march 10
Blood brothers essay title march 10jfoster10
 
Tr celal gulsen egitimde engelli olmak
Tr celal gulsen egitimde engelli olmakTr celal gulsen egitimde engelli olmak
Tr celal gulsen egitimde engelli olmakmcabulgaria
 
~ Home Is In My Head ~
~ Home Is In My Head ~~ Home Is In My Head ~
~ Home Is In My Head ~SvenjaSimStone
 
Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011
Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011
Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011Sistema FIEB
 
Presentatie onderwijs en arbeidsmarkt
Presentatie onderwijs en arbeidsmarktPresentatie onderwijs en arbeidsmarkt
Presentatie onderwijs en arbeidsmarktMargot Bosch
 
Executive search en recruitment van geteste professionals
Executive search en recruitment van geteste professionalsExecutive search en recruitment van geteste professionals
Executive search en recruitment van geteste professionalsTriceps bv
 
Magazine nieuweleiders.coverstory. erna.baars[1]
Magazine nieuweleiders.coverstory. erna.baars[1]Magazine nieuweleiders.coverstory. erna.baars[1]
Magazine nieuweleiders.coverstory. erna.baars[1]Koos Groenewoud
 
Feliz AñO (Bendicion Belga)
Feliz AñO (Bendicion Belga)Feliz AñO (Bendicion Belga)
Feliz AñO (Bendicion Belga)lorena diaz
 
Avans Masterclass Frans van Kalmthout
Avans Masterclass Frans van KalmthoutAvans Masterclass Frans van Kalmthout
Avans Masterclass Frans van KalmthoutLICAvansHogeschool
 

Destaque (20)

Creating Accessible Services
Creating Accessible ServicesCreating Accessible Services
Creating Accessible Services
 
Foto's Visitor Centre
Foto's Visitor CentreFoto's Visitor Centre
Foto's Visitor Centre
 
Facebook and Brazil
Facebook and BrazilFacebook and Brazil
Facebook and Brazil
 
Apresentação ForkInSergipe
Apresentação ForkInSergipeApresentação ForkInSergipe
Apresentação ForkInSergipe
 
Prezentaciq2010
Prezentaciq2010Prezentaciq2010
Prezentaciq2010
 
Ancor recr forum_sep25_tkachenko
Ancor recr forum_sep25_tkachenkoAncor recr forum_sep25_tkachenko
Ancor recr forum_sep25_tkachenko
 
STING Awards 2012 - alla nomineringar
STING Awards 2012 - alla nomineringarSTING Awards 2012 - alla nomineringar
STING Awards 2012 - alla nomineringar
 
The change.asia - results not reports
The change.asia  - results not reportsThe change.asia  - results not reports
The change.asia - results not reports
 
20130603 brand management chapter 6
20130603 brand management chapter 620130603 brand management chapter 6
20130603 brand management chapter 6
 
Blood brothers essay title march 10
Blood brothers essay title march 10Blood brothers essay title march 10
Blood brothers essay title march 10
 
Tr celal gulsen egitimde engelli olmak
Tr celal gulsen egitimde engelli olmakTr celal gulsen egitimde engelli olmak
Tr celal gulsen egitimde engelli olmak
 
~ Home Is In My Head ~
~ Home Is In My Head ~~ Home Is In My Head ~
~ Home Is In My Head ~
 
Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011
Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011
Relatório de Infraestrutura do Estado da Bahia - Dezembro/2011
 
Presentatie onderwijs en arbeidsmarkt
Presentatie onderwijs en arbeidsmarktPresentatie onderwijs en arbeidsmarkt
Presentatie onderwijs en arbeidsmarkt
 
Carreira2 0
Carreira2 0Carreira2 0
Carreira2 0
 
12039
1203912039
12039
 
Executive search en recruitment van geteste professionals
Executive search en recruitment van geteste professionalsExecutive search en recruitment van geteste professionals
Executive search en recruitment van geteste professionals
 
Magazine nieuweleiders.coverstory. erna.baars[1]
Magazine nieuweleiders.coverstory. erna.baars[1]Magazine nieuweleiders.coverstory. erna.baars[1]
Magazine nieuweleiders.coverstory. erna.baars[1]
 
Feliz AñO (Bendicion Belga)
Feliz AñO (Bendicion Belga)Feliz AñO (Bendicion Belga)
Feliz AñO (Bendicion Belga)
 
Avans Masterclass Frans van Kalmthout
Avans Masterclass Frans van KalmthoutAvans Masterclass Frans van Kalmthout
Avans Masterclass Frans van Kalmthout
 

Semelhante a Validações front-end com jcheck

Zabbix e KACE, uma boa ideia, e porque não!
Zabbix e KACE, uma boa ideia, e porque não!Zabbix e KACE, uma boa ideia, e porque não!
Zabbix e KACE, uma boa ideia, e porque não!Fabio Vieira Mello
 
Caipira agil automacao front end selenium
Caipira agil automacao front end seleniumCaipira agil automacao front end selenium
Caipira agil automacao front end seleniumQualister
 
JHipster - Produtividade e Maturidade em suas mãos
JHipster - Produtividade e Maturidade em suas mãosJHipster - Produtividade e Maturidade em suas mãos
JHipster - Produtividade e Maturidade em suas mãosThiago Soares
 
JSF com Primefaces
JSF com PrimefacesJSF com Primefaces
JSF com PrimefacesFabio Noth
 
DevOps na AWS: Construindo Sistemas para Entregas Rápidas - DEV301 - Sao Pau...
DevOps na AWS: Construindo Sistemas para Entregas Rápidas -  DEV301 - Sao Pau...DevOps na AWS: Construindo Sistemas para Entregas Rápidas -  DEV301 - Sao Pau...
DevOps na AWS: Construindo Sistemas para Entregas Rápidas - DEV301 - Sao Pau...Amazon Web Services
 
SonarQube
SonarQubeSonarQube
SonarQubeCDS
 
Folder Site Blindado - Aumente a conversão das vendas online
Folder Site Blindado - Aumente a conversão das vendas onlineFolder Site Blindado - Aumente a conversão das vendas online
Folder Site Blindado - Aumente a conversão das vendas onlineSite Blindado S.A.
 
DevOps - melhores práticas e integração contínua
DevOps - melhores práticas e integração contínuaDevOps - melhores práticas e integração contínua
DevOps - melhores práticas e integração contínuaAmazon Web Services LATAM
 
Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016Ramon Durães
 
Desenvolvimento baseado em componentes com JSF
Desenvolvimento baseado em componentes com JSFDesenvolvimento baseado em componentes com JSF
Desenvolvimento baseado em componentes com JSFEmmanuel Neri
 
Sonarqube
SonarqubeSonarqube
SonarqubeCDS
 
Jsf com hibernate, spring security e maven
Jsf com hibernate, spring security e mavenJsf com hibernate, spring security e maven
Jsf com hibernate, spring security e mavenLeandro Costa
 
Novidades do .NET Core 2.1 e do ASP.NET Core 2.1
Novidades do .NET Core 2.1 e do ASP.NET Core 2.1Novidades do .NET Core 2.1 e do ASP.NET Core 2.1
Novidades do .NET Core 2.1 e do ASP.NET Core 2.1Giovanni Bassi
 

Semelhante a Validações front-end com jcheck (20)

Automidia NetWatcher
Automidia NetWatcherAutomidia NetWatcher
Automidia NetWatcher
 
Selenium web pt br
Selenium web pt brSelenium web pt br
Selenium web pt br
 
Continuous Deployment
Continuous DeploymentContinuous Deployment
Continuous Deployment
 
Zabbix e KACE, uma boa ideia, e porque não!
Zabbix e KACE, uma boa ideia, e porque não!Zabbix e KACE, uma boa ideia, e porque não!
Zabbix e KACE, uma boa ideia, e porque não!
 
Caipira agil automacao front end selenium
Caipira agil automacao front end seleniumCaipira agil automacao front end selenium
Caipira agil automacao front end selenium
 
JHipster - Produtividade e Maturidade em suas mãos
JHipster - Produtividade e Maturidade em suas mãosJHipster - Produtividade e Maturidade em suas mãos
JHipster - Produtividade e Maturidade em suas mãos
 
JSF com Primefaces
JSF com PrimefacesJSF com Primefaces
JSF com Primefaces
 
jCompany for SAP NetWeaver
jCompany for SAP NetWeaverjCompany for SAP NetWeaver
jCompany for SAP NetWeaver
 
DevOps na AWS: Construindo Sistemas para Entregas Rápidas - DEV301 - Sao Pau...
DevOps na AWS: Construindo Sistemas para Entregas Rápidas -  DEV301 - Sao Pau...DevOps na AWS: Construindo Sistemas para Entregas Rápidas -  DEV301 - Sao Pau...
DevOps na AWS: Construindo Sistemas para Entregas Rápidas - DEV301 - Sao Pau...
 
SonarQube
SonarQubeSonarQube
SonarQube
 
Folder Site Blindado - Aumente a conversão das vendas online
Folder Site Blindado - Aumente a conversão das vendas onlineFolder Site Blindado - Aumente a conversão das vendas online
Folder Site Blindado - Aumente a conversão das vendas online
 
Palestra ASP.NET MVC
Palestra ASP.NET MVCPalestra ASP.NET MVC
Palestra ASP.NET MVC
 
Curso AngularJS - Parte 1
Curso AngularJS - Parte 1Curso AngularJS - Parte 1
Curso AngularJS - Parte 1
 
MS Enterprise Library
MS Enterprise LibraryMS Enterprise Library
MS Enterprise Library
 
DevOps - melhores práticas e integração contínua
DevOps - melhores práticas e integração contínuaDevOps - melhores práticas e integração contínua
DevOps - melhores práticas e integração contínua
 
Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016Keynote Visual Studio Summit 2016
Keynote Visual Studio Summit 2016
 
Desenvolvimento baseado em componentes com JSF
Desenvolvimento baseado em componentes com JSFDesenvolvimento baseado em componentes com JSF
Desenvolvimento baseado em componentes com JSF
 
Sonarqube
SonarqubeSonarqube
Sonarqube
 
Jsf com hibernate, spring security e maven
Jsf com hibernate, spring security e mavenJsf com hibernate, spring security e maven
Jsf com hibernate, spring security e maven
 
Novidades do .NET Core 2.1 e do ASP.NET Core 2.1
Novidades do .NET Core 2.1 e do ASP.NET Core 2.1Novidades do .NET Core 2.1 e do ASP.NET Core 2.1
Novidades do .NET Core 2.1 e do ASP.NET Core 2.1
 

Mais de Frevo on Rails

Ruby e o Mundo Mágico dos Unicórnios
Ruby e o Mundo Mágico dos UnicórniosRuby e o Mundo Mágico dos Unicórnios
Ruby e o Mundo Mágico dos UnicórniosFrevo on Rails
 
As aventuras psicodélicas de Guilherme no mundo open source
As aventuras psicodélicas de Guilherme no mundo open sourceAs aventuras psicodélicas de Guilherme no mundo open source
As aventuras psicodélicas de Guilherme no mundo open sourceFrevo on Rails
 
Introducao a Ruby on Rails
Introducao a Ruby on RailsIntroducao a Ruby on Rails
Introducao a Ruby on RailsFrevo on Rails
 
Apresentacao institucional Frevo on Rails
Apresentacao institucional Frevo on RailsApresentacao institucional Frevo on Rails
Apresentacao institucional Frevo on RailsFrevo on Rails
 
Programação GUI com jRuby
Programação GUI com jRubyProgramação GUI com jRuby
Programação GUI com jRubyFrevo on Rails
 
WebApps minimalistas com Sinatra
WebApps minimalistas com SinatraWebApps minimalistas com Sinatra
WebApps minimalistas com SinatraFrevo on Rails
 
The elements of User Experience
The elements of User ExperienceThe elements of User Experience
The elements of User ExperienceFrevo on Rails
 
Crash Course Ruby & Rails
Crash Course Ruby & RailsCrash Course Ruby & Rails
Crash Course Ruby & RailsFrevo on Rails
 
Ruby (nem tão) Básico
Ruby (nem tão) BásicoRuby (nem tão) Básico
Ruby (nem tão) BásicoFrevo on Rails
 
Resolvendo problemas de dependências com o Bundler
Resolvendo problemas de dependências com o BundlerResolvendo problemas de dependências com o Bundler
Resolvendo problemas de dependências com o BundlerFrevo on Rails
 
O que vem por aí com Rails 3
O que vem por aí com Rails 3O que vem por aí com Rails 3
O que vem por aí com Rails 3Frevo on Rails
 

Mais de Frevo on Rails (16)

Ruby e o Mundo Mágico dos Unicórnios
Ruby e o Mundo Mágico dos UnicórniosRuby e o Mundo Mágico dos Unicórnios
Ruby e o Mundo Mágico dos Unicórnios
 
As aventuras psicodélicas de Guilherme no mundo open source
As aventuras psicodélicas de Guilherme no mundo open sourceAs aventuras psicodélicas de Guilherme no mundo open source
As aventuras psicodélicas de Guilherme no mundo open source
 
Introducao a Ruby on Rails
Introducao a Ruby on RailsIntroducao a Ruby on Rails
Introducao a Ruby on Rails
 
Event machine
Event machineEvent machine
Event machine
 
Apresentacao institucional Frevo on Rails
Apresentacao institucional Frevo on RailsApresentacao institucional Frevo on Rails
Apresentacao institucional Frevo on Rails
 
Programação GUI com jRuby
Programação GUI com jRubyProgramação GUI com jRuby
Programação GUI com jRuby
 
awesome_nested_fields
awesome_nested_fieldsawesome_nested_fields
awesome_nested_fields
 
WebApps minimalistas com Sinatra
WebApps minimalistas com SinatraWebApps minimalistas com Sinatra
WebApps minimalistas com Sinatra
 
The elements of User Experience
The elements of User ExperienceThe elements of User Experience
The elements of User Experience
 
Crash Course Ruby & Rails
Crash Course Ruby & RailsCrash Course Ruby & Rails
Crash Course Ruby & Rails
 
Ruby (nem tão) Básico
Ruby (nem tão) BásicoRuby (nem tão) Básico
Ruby (nem tão) Básico
 
Perfil da Comunidade
Perfil da ComunidadePerfil da Comunidade
Perfil da Comunidade
 
Resolvendo problemas de dependências com o Bundler
Resolvendo problemas de dependências com o BundlerResolvendo problemas de dependências com o Bundler
Resolvendo problemas de dependências com o Bundler
 
O que vem por aí com Rails 3
O que vem por aí com Rails 3O que vem por aí com Rails 3
O que vem por aí com Rails 3
 
Introdução a Ruby
Introdução a RubyIntrodução a Ruby
Introdução a Ruby
 
Regras do Coding Dojo
Regras do Coding DojoRegras do Coding Dojo
Regras do Coding Dojo
 

Validações front-end com jcheck