Category: Ajax – Web 2.0

Ajax – Web 2.0

Criando uma aplicação do zero com PHP+OO(DRY)+PDO+AJAX…

Jonas 2 Comments

Material excelente em forma de série que mostra todo o desenvolvimento de uma Aplicação Web, desde a idéia no papel até a implementação final, utilizando conceitos, técnicas e ferramentas modernas, como:

  • Linguagem: PHP
  • Programação Orientada a Objeto, com o conceito de programação DRY em mente (“Don’t Repeat Yourself”).
  • Implementação de segurança do lado do cliente e do servidor
  • Utilização de PHP Data Objects (PDO), como forma de garantir a segurança do Banco de Dados.
  • Uso de strip_tags (), para evitar que o usuário armazene dados maliciosos no Banco de Dados.
  • Compactação de bibliotecas JavaScripts, para carregamento mais rápido da aplicação.
  • e muito mais…

Com certeza um material que deve ser analisado por todos.

Navegação nos tópicos da série:

Link oficial: WebAppFromScratch
Outro legal: http://www.phpro.org/tutorials/Creating-A-PHP-Application.html

Biblioteca Jquery, não importe, invoque

Jonas Leave a comment

Se você estiver fazendo um projeto que não seja restrito apenas à Intranet, é aconselhável fazer uso da biblioteca Jquery diretamente dos repositórios do gooogle, pois eles hospedam as principais bibliotecas javascript e se encarregam das atualizações.

Você faz isso utilizando o google.load para carregar a biblioteca jquery.

A única observação é que ao usar o noconflict do jquery, tem que fazer isso em uma tag script separado, caso contrário não vai funcionar, assim ó:

[html]



[/html]

Auto Resize para campos Textareas

Jonas Leave a comment

autoResize é um plugin para JQuery quer permite colocar a opção de auto-escalonamento em campos de texto (textarea), se acordo com seu conteúdo, de forma que não é mostrado a famosa barra de scroll.

Como usar este Plugin

Para utilizar este plugin, é necessário baixar as bibliotecas:  jquery.js, autoresize.jquery.js, e então chama-las em nosso header:

HTML:

  1. <scripttype=“text/javascript”src=“jquery.js”></script>
  2. <scripttype=“text/javascript”src=“autoresize.jquery.js”></script>

O passo seguinte é criar nosso formulário com elementos do tipo textarea e não esquecer de atribuir a cada campo um ID, para que possamos posteriormente aplicar o método de autoresize.

HTML:

  1. <formid=“comment”method=“post”>
  2. <textareaname=“mensaje” id=“mensaje”></textarea>
  3. <inputtype=“submit”name=“bt”value=“Enviar” />
  4. </form>

Finalmente selecionamos o elemento com o ID que queremos aplicar o método, isso é simples de se fazer, basta colocar a chamada ao evento ready do JQuery:

JavaScript:

  1. $(document).ready(function () {
  2. $(‘textarea#mensaje’).autoResize();
  3. });

Pode-se ver um exemplo funcionando bem ocmo algumas propriedades adicionais diretamente no site do plugin: http://james.padolsey.com/

IzzyMenu – Menus CSS profissionais

Jonas Leave a comment

Agora não tem mais desculpa, fazer menus profissionais em CSS ficou moleza. IzzyMenu.com é site no puro estilo web 2,0 com uma impressionante interface AJAX, que ajuda a criar rapidamente menus de navegação em CSS.

A ferramenta possibilita personalizar uma série de opções, como o tipo de menu (vertical e/ou horizontal) dimensões, cor do fundo, márgem, cor do texto e muitas outras opções… no final você pode fazer o download do menu criado. Muito bom…

Link: http://www.izzymenu.com/

Web 2.0 – Quem são os donos?

Jonas Leave a comment

Muitos dos serviços Web 2.0 que utilizamos hoje são mantidos por grandes empresas e muitas vezes nem ficamos sabendo disso.  O site Mydigimedia.com, mantém uma lista atualizada constantemente sobre quem possui o quê no mundo 2.0.

Algo que se pode notar da compilação desses serviços é que  enquanto muitas empresas estão pensando se devem ou não permitir que os visitantes postem comentários em seus sites, outas estão se movendo em grande velocidade à frente, com  diferentes modelos de negócios, ou seja, estão pensando globalmente: agregador de pesquisa +  conteúdo móvel + jogos = sustentabilidade.

Confira a lista: http://www.mydigimedia.com/WhoOwns.html

Formulários Web Profissionais

Jonas 3 Comments

Quem trabalha com Desenvolvimento Web, sabe o quão importante é dominar técnicas de construção de formulários. O NeoLogic, montou uma coletânea com algumas dicas de sites com informações valiosas para quem pretende se especializar na área. Confira:

Estilos e desenho de formulários

Usabilidade e acessessibilidade.

Ajax para formulários

Validação de Formulários

Sugestão nos campos

Campos ocultos

Dicas para criar formulários

Exemplos e soluções para formulários

Geradores de Formulários