Conheça um pouco mais sobre o Opencart, plataforma de comércio eletrônico que não para de crescer

Olá leitores, depois de um longo inverno, estou de volta ao blog e com força total e para começar quero trazer pra vocês um texto rápido com 5 coisas que você provavelmente não sabe sobre o Opencart, minha plataforma de e-commerce favorita.

Mas antes leia algumas dicas que já trouxe aqui no blog sobre o Opencart:

• 4 plugins para Opencart indispensáveis
• Como criar um módulo para Opencart?
• Como funciona o VQMOD  do Opencart?

Você pode apagar os produtos da sua loja Opencart,

Muita gente tem dúvida sobre apagar ou não produtos de sua loja virtual com receio que seja perdida a referência para pedidos antigos e que envolvam tais produtos.

Keep Calm! O Opencart salva praticamente todos os dados do produto e do cliente na tabela order que é destinada ao armazenamento de pedidos, desta forma mesmo que o produto seja removido a referência não é perdida.

É possível atualizar o sistema sem grandes problemas,

Outro mito esta na possibilidade de atualização do sistema, apesar do opencart não possuir uma forma de atualização simples como o WordPress a ferramenta pode sim ser atualizada sem grandes impactos, desde que o desenvolvedor tenha tido o cuidado de não mexer em arquivos do core do sistema e também não tenha alterado tabelas do sistema.

Para aprender a alterar o sistema sem “quebrar” o core veja esse post aqui sobre o VQmod.

O sistema praticamente não atualiza dados no banco (No UPDATE),

Não sei o que aconteceu com o pessoal que desenvolveu o sistema mas parece que eles não conheciam o comando update do SQL.
Praticamente todas as atualizações de dados do sistema passam por remover o conteúdo e inserir novamente, isso vale para produtos, endereços, etc… Bizarro

Dá pra melhorar performance,

Eu gosto muito do Opencart, mas ele não é muito legal com os servidores, claro, nada que se compare com o Magento que é um elefante, mas a falta de updates e uma modelagem de dados muito digamos discutível, tornam o sistema um pouco exigente em questões de hardware.

Uma boa forma de melhorar isso é realizar um tunning em seu banco de dados, criando índices e tomando cuidado com a quantidade de atributos, categorias e opções de produtos.

Não existem chaves estrangeiras

Por incrível que pareça o banco de dados do Opencart não possui chaves estrangeiras ou seja se você apagar um dado diretamente no banco de dados, coisa que desenvolvedor adora fazer, você provavelmente vai ficar com vários dados “sobrando” no banco.

Um exemplo, se você apagar um produto, o banco não irá remover suas referências de categoria, atributos e etc…

Solução para isso: ou você nunca apaga nada direto no banco de dados, ou investe um tempo criando todos os relacionamentos do banco 🙂

É isso essas são algumas curiosidades do sistema, lembrando que elas valem para a versão 1.5.1 do Opencart, em versões mais recentes isso pode ter mudado, ou não 🙂

Até a próxima

Saiba como instalar o Zend Server 6 no Mac Os Mavericks

Pessoal, a dica de hoje é bem direta e vem em vídeo, é um simples vídeo-tutorial sobre como instalar e ativar o Zend Server 6 no Os X Mavericks, como eu não uso o Zend Server não tenho muito o que falar dele, apenas que a instalação foi simples e que ele utiliza agora como webserver o Ngix que é extremente rápido!!!

Nos próximos dias vou fazer alguns testes com ele e se valer a pena coloco aqui para vocês quais foram as minhas impressões… Com certeza a galera do Zend Framework vai gostar do Zend Server…

Até a próxima!

Confira um exemplo de implementação de validação de formulário simples com html, css e jQuery.

Oi pessoal, semana passada publiquei aqui no blog a primeira parte deste tutorial sobre a validação de formulários utilizando html, css e jQuery.

Como eu expliquei na semana passada utilizo uma lógica simples baseada em 3 princípios:

• As mensagens de erro são inclusas no html e ocultas via css
• Quando algum critério não é atendido o contador de erros é aumentado em um e a mensagem é exibida
• Caso não exista nenhum erro o formulário é postado

O arquivo CSS

Em nosso arquivo css temos o estilo das mensagens de erro que serão exibidas em vermelho abaixo dos inputs.

Confira o código abaixo:

O arquivo JS

O arquivo JS é responsável por controlar o fluxo da aplicação e possui uma lógica bem simples que segue o fluxo:

• Inicia o contador de erros em zero
• Valida se o nome esta vazio
• Valida se o email esta vazio
• Valida se a senha esta vazia
• Valida se a senha confere com a confirmação de senha
• Caso qualquer validação esteja incorreta aumenta 1 no contador de erros
• Caso o contador de erros seja igual a zero posta o formulario

Para validar e invalidar campos utiliza as funções setValid e setInvalid que você pode ver abaixo

As funções setValid e setInvalid

São as funções responsáveis por alterar os inputs para verde ou vermelho de acordo com a situação do input.

Veja as funções abaixo:

É isso pessoal espero que tenha ficado clara a mecânica para validação de formulários com jQuery e CSS. Essa base pode ser utilizada para quase qualquer situação, adicionando novas validações como formatos de CPF, Email etc, até validações de back-end que utilizam o Ajax do Jquery, mas isso é assunto para os próximos posts…

 

Saiba mais sobre Validação de formulários de uma forma simples e elegante sem complicar seu código.

Bom dia pessoal, hoje é terça-feira dia de falar de código aqui no blog e colocar a mão na massa, hoje vou  abordar um assunto que apesar de ser básico no desenvolvimento web: Validação de formulários,porém ainda gera muitas dúvidas e dor de cabeça para os desenvolvedores, principalmente os iniciantes, a validação de dados em formulários.

Nesses mais de 10 anos na área já vi todo tipo de validação, com JS, no Backend, Híbrida e feita das formas mais entranhas possíveis. Bom, depois de penar bastante com esse assunto consegui definir um padrão para o meu desenvolvimento que facilitou muito a minha vida, o modelo é baseado em Jquery, Html e css puros e se necessário alguma validação de banco de dados utilizo um script de back end.

A construção do HTML

Como minha Validação de formulários é baseada apenas em HTML, Js e Css, o primeiro passo é a construção do html, nesse exemplo do artigo vamos construir um formulário bem simples para cadastro de nome, cpf, e-mail e senha com um campo para confirmação da senha, veja o exemplo de construção do html abaixo:

 

Como você pode ver no exemplo acima, cada campo é composto de 3 elementos a label ou nome do campo, o campo efetivamente através do elemento input e uma mensagem de erro que é inserida dentro do elemento span.

A lógica de validação

A lógica para validação exibição de erros e efetiva postagem dos dados seguem algumas premissas simples:

• O texto das mensagens de erro constantes nos elementos SPAN com a class erro são ocultas inicialmente
• Quando algum critério de validação não é respeitado a mensagem é exibida
• Caso não exista nenhum erro o formulário é postado

Esses são o 3 princípios utilizados nessa validação, no próximo artigo vou trazer para vocês o exemplo do css e do script Jquery responsável pela validação.

Até a próxima!

Bom dia pessoal, segunda feira, dia de trazer dicas de software aqui no blog. Quem me conhece sabe que sou um grande fã da tecnologia RSS, e confesso que nos últimos anos essa foi a minha forma preferida de consumir notícias, mais especificamente utilizando o aplicativo Reeader, que não vou nem linkar aqui, integrado ao Google Reader.

Porém como vocês sabe o Google com toda a sua “sabedoria” resolveu matar o Google Reader no mês passado e acabou me deixando na mão assim como milhares de usuários, pra melhorar um pouco o Reeder meu client preferido e que eu já havia comprado no Mac no Ipad e no Iphone, não vai ser corrigido 😐

Bom esse cenário, me fez buscar novas opções para continuar lendo os feeds dos meus sites preferidos, e nessa busca, testando algumas opções optei pelo Leaf.

Simples e direto

O Leaf é um leitor simples se comparado ao Reeder porém extremamente bem desenhado e focado no que interessa, consumir conteúdo.

Como destaques do Leaf coloco além do design, a integração com o sistema de notificações do OSx, o que facilita o acompanhamento dos feeds além da abertura direta de arquivos de RSS.

O Aplicativo ainda conta com algumas opções de compartilhamento integradas ao sistema e que facilitam a vida.

Veja no vídeo abaixo um pouco mais sobre o funcionamento do Leaf:

No geral o Leaf consegue atender ao que se propõe mas ainda esta longe do conforto que era proporcionado pela dupla anterior, em todo caso passou a ser minha opção.

E você fã de RSS o que fez com a morte do Google Reader?

Conheça algumas das novidades da versão 3 do Sublime Text, o melhor editor de código já criado, eu testei e gostei, mas ainda não é hora de migrar

Bom dia pessoal, como vocês já sabem eu sou um grande fã do Sublime Text, editor de texto que na minha opinião é a melhor opção existente para profissionais que trabalham com desenvolvimento para web, e depois de muito tempo foi lançada a versão 3 do editor e que ainda esta em beta, porém bem estável e com algumas novidades que vou destacar abaixo…

Auto-completar

Muitos comportamentos que antes eram possíveis apenas através do Emmet, agora se tornaram nativos do editor, veja no vídeo abaixo alguns exemplos na prática em um arquivo html.

 

Novo sistema de auto update para Windows 

Pra quem utiliza o editor no Windows agora essa versão conta com o mesmo auto-updater que já era disponibilizado na versão para OSX

Aumento da velocidade

Quem já conhece o Sublime, sabe que o seu ponto forte esta justamente na velocidade, e mesmo assim a nova versão consegue ser ainda mais rápida mesmo na utilização de múltiplos painéis como você pode ver no exemplo abaixo:

 

Além disso foram implementadas dezenas de melhorias além da disponibilização da API em Python que permite aos desenvolvedores criar dezenas de plugins

Package Manager

Porém quem utiliza o Sublime sabe que boa parte de seu poder de fogo está no package manager e em sua centenas de plugins e como não poderia ser diferente o Sublime Text 3 já possui o seu package manager, porém a versão é ALPHA e a instalação nada simples como você pode verificar aqui http://wbond.net/sublime_packages/package_control/installation#ST3

Resumo da Ópera

O SublimeText 3 vai manter toda a simplicidade que tornou o editor uma ferramenta indispensável, porém ainda não é hora do Upgrade, com a incompatibilidade de pacotes de problemas ainda existentes no package manager recomendo esperar a versão final para começar a pensar em atualizar

Até a próxima!

Saiba o que significa o 4 de julho, essa data tão importante para os americanos

Bom dia leitores, hoje quero trazer um pouco de história aqui no blog, afinal hoje é 4 de julho, feriado nos Estados Unidos e uma das data mais comemorados na maior potência do mundo.

O 4 de julho de já deu nome e inspirou diversos filmes, veja a lista abaixo que foi divulgada pela Readers Digest:

1. The Patriot
2. Born on the Fourth of July
3. The Devil’s Disciple
4. John Adams
5. Drums Along the Mohawk
6. Johnny Tremain
7. The Crossing
8. John Paul Jones
9. 1776

Fonte:  http://www.rd.com/advice/top-9-movies-featuring-the-4th-of-july/#ixzz2Y5McL5cV

Mas afinal o que é o 4 de julho?

Em 4 de julho de de 1776 foi declarada a independência dos Estados Unidos da América que na época era formado por 13 colônias pertencentes ao Reino Unido (Inglaterra), e a partir desse momento surgiu o país que viria a liderar o mundo nos séculos seguintes e se tornar a potência que é hoje em dia.

A algum tempo atrás o canal History Channel  exibiu duas séries de documentários que ilustram bem como esse processo aconteceu e como o país conseguiu se transformar no que é hoje, a primeira é America: The story of us e a segunda é a The men who build the America, apresentada no Brasil como gigantes da indústria :s

Ambas valem muito a pena para quem quer conhecer um pouco mais sobre a história dos estados unidos e podem ser facilmente encontradas na internet, veja abaixo alguns vídeos das séries.

É isso essa é minha pequena homenagem a nação que moveu o mundo nos últimos séculos e que hoje esta em festa, até a próxima.

Saiba como realizar consultas no Mysql mantendo uma ordem pré-definida para os resultados apresentados

Bom dia hoje é terça-feira dia de colocar a mão na massa aqui no blog, trazendo dicas para facilitar o dia a dia dos desenvolvedores web mas antes da dica de hoje aproveite para ler algumas dicas que já trouxe por aqui:

• Como criar um módulo para sua loja Opencart? Parte 1
• Como funciona o VQmod no Opencart?
• Como reduzir imagens em lote no Mac OS usando Automator

Mas vamos a dica do dia )) como realizar consultas no Mysql com ordenação de resultado pré-definida, mas por quê isso?

Bom em um dos últimos jobs que realizei precisei fazer uma consulta que retorna-se os dados na ordem abaixo:

Como você pode ver a ordenação não segue uma lógica por nenhum dos dois campos, nem crescente nem decrescente, eu preciso de uma ordenação fixa (3,2,4,1) como fazer?

Sem utilizar a ordenação  o resultado seria:

Porém não conseguia chegar a uma forma simples de realizar tal tarefa até que descobri o o parâmetro order by field, com ele você pode definir a ordem que os resultados serão retornados utilizados para isso qualquer uma das colunas da tabela, veja o mesmo exemplo:

select * from usuario order by field(id,3,2,4,1)

Simples, porém eu não conhecia essa propriedade do SQL utilizado no Mysql e passei um bom tempo procurando a solução, tempo esse que espero que você não precise gastar se encontrar esse post antes 🙂

É isso hoje a dica foi simples mas objetiva, até a próxima com mais dicas sobre desenvolvimento!
 

Instagram com vídeos, era o “mistério” do Facebook anunciado na tarde de hoje, nada como a concorrência, não é Vine

Depois de um baita mistério e de convocar uma coletiva de imprensa prometendo uma grande novidade o Facebook acaba de anunciar a poucos minutos a sua grande novidade, vídeos no Instagram, é isso mesmo eles convocaram a imprensa pra isso…

Bom de toda forma alguns detalhes sobre o anúncio:

• Até 15 segundos de vídeo
• 30 efeitos diferentes
• Disponibilidade dos vídeos na Web, no iOs e no Android
• Possibilidade de escolher a capa/thumb do vídeo
• Estabilizador de filmagem

Segundo o anúncio, o estabilizador Cinema irá revolucionar os vídeos na web, simplemente por que vai reduzir o treme-treme nas filmages

É isso, eles poderiam ter anunciado isso no changelog do App mas nada como ter a atenção da mídia!