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:

• Parte 1 Planejamento da Aplicação: idéia básica e Design
• Parte 2 – Planejamento da Aplicação: Arquitetura de banco de dados e Abordagem de Desenvolvimento
• Parte 3 – Criando a Aplicação: Mapa de Fluxo de Trabalho e Design no Photoshop
• Parte 4 – Projetando a Aplicação: HTML e CSS
• Parte 5 – Desenvolvendo a Aplicação: Interação com o usuário
• Parte 6 – Desenvolvendo a Aplicação: Adicionando Interatividade AJAX
• Parte 7 – Desenvolvendo a Aplicação: Lista de Interações (mostrar, salvar, reordenar, mudar cores, delete…)
• Parte 8 – Segurança e o futuro da aplicação
• Parte 9 – Bugs, mais segurança e outros ajustes…
• E finalmente …. aplicação! listas coloridas

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

Related posts:

1. LongJump – Desenvolvendo aplicações Web sem saber programar Bem, não é a primeira opção que temos que permite-nos...
2. Howto: Criando uma área de segurança para proteger aplicações no Tomcat Olá pessoal, hoje uma dica bem simples. Você já deve...
3. Criando Aplicações em 3, 4 ou n Camadas Para quem esta começando a trabalhar com desenvolvimento, este artigo...

Related posts brought to you by Yet Another Related Posts Plugin.

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 ó:

<script src="http://www.google.com/jsapi"></script>
<script>
  // Load jQuery
  google.load("jquery", "1.3.2");
</script>
<script>
  jQuery.noConflict();
</script>

Related posts:

1. Jquery – Input com Máscara – Masked Input Plugin Mais um truque legal com o batuta Jquery… dessa vez...
2. JQuery na Prática Quem já usou o JQuery sabe que o mesmo é...
3. Sebrae – Biblioteca OnLine “A Biblioteca On-Line do SEBRAE é um espaço aberto à...

Related posts brought to you by Yet Another Related Posts Plugin.

Related posts:

1. Abrir/Fechar elementos usando Javascript e CSS Um ótimo artigo do Ivo Gomes, detalhando diversas técnicas para...
2. Ajax… mais detalhes…. Ajax não é uma tecnologia, é um jeito Uma forma...
3. Howto – AJAX – Consulta de Movimentos Financeiros Uma demostração prática de como poderia ser um exemplo funcional...

Related posts brought to you by Yet Another Related Posts Plugin.

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:

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.

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:

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

Related posts:

1. Textarea auto-dimensionável Grow a textarea: É um script baseado em Mootools que...
2. Jquery – Input com Máscara – Masked Input Plugin Mais um truque legal com o batuta Jquery… dessa vez...
3. Biblioteca Jquery, não importe, invoque Se você estiver fazendo um projeto que não seja restrito...

Related posts brought to you by Yet Another Related Posts Plugin.

Este é um trabalho com mais de três anos realizado por Jelle de Bruin, co-fundador da appappeal.

A appappeal é um directório de web based application.

Related posts:

1. Open logos – Font com logos de projetos open-source Essa é para quem gosta de logos de projetos open-source...
2. 1001 Fontes Free Caso venha precisar no futuro… Link: http://www.1001freefonts.com/...
3. WikiPedia Logos Você já conhece a categoria de logomarcas da Wikipédia? É...

Related posts brought to you by Yet Another Related Posts Plugin.

Confira: http://www.noupe.com/

Related posts:

1. Novos plugins WordPress para uma efectiva experiência em blogar.   Destacando uma coletânea com as últimas do WordPress ,...
2. 72 melhores plugins WordPress para facilitar a vida! Todos que usam WordPress conhecem o poder que tem seus...
3. Biblioteca Jquery, não importe, invoque Se você estiver fazendo um projeto que não seja restrito...

Related posts brought to you by Yet Another Related Posts Plugin.

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/

Related posts:

1. Menu de Navegação em CSS Eu estava procurando informações sobre a criação de menus de...
2. Formulários Web Profissionais Quem trabalha com Desenvolvimento Web, sabe o quão importante é...
3. Contratar profissionais por potencial Acho que toda contratação de um novo profissional para uma...

Related posts brought to you by Yet Another Related Posts Plugin.

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

Related posts:

1. Quem hospeda comigo? O site My IP Neighbors é um serviço bem interessante....
2. Windows – 95, 98, Me, 2000 e 2003 Server – A quem interessar possa! Quantar pessoas ainda irão baixar esta “relíquia”. Este é daqueles...
3. Web 2.0 – Diretório Go2Web20.net é uma lista de serviços web 2.0, feita em...

Related posts brought to you by Yet Another Related Posts Plugin.

Estilos e desenho de formulários

• Form Assembly
• Uni Form
• CSS-Only, Table-less Forms
• Tableless Forms
• A form with style
• Niceforms 1.0
• Fancy Form
• Styling form controls with CSS, revisited
• Showing Good Form
• Styling the Button Element with Sliding Doors

Usabilidade e acessessibilidade.

• Prettier Accessible Forms
• Check it, don’t select it
• Sensible Forms

Ajax para formulários

• AJAX Contact Form
• AutoSuggest: An AJAX auto-complete text field
• FancyUpload using Mootools
• jQuery Form Plugin
• Cforms

Validação de Formulários

• Really Easy Field validation with Prototype
• Live Validation
• Ajax form validation
• fValidator

Sugestão nos campos

• Validation Hints for your form
• Form Help without Popups

Campos ocultos

• Trimming form fields

Dicas para criar formulários

• Tips For Creating Great Web Forms
• Simple Tricks for More Usable Forms

Exemplos e soluções para formulários

• DOM Javascript Slider Bar
• Masked Input Plugin
• Ajax Contact Form + YUI
• A CSS-based Form Template
• Pretty Forms
• AJAX CAPTCHA
• Anchor Layout with Forms
• Ext File Upload Form Widget Example
• Control.TextArea- Prototype
• Instant Edit
• AJAX Check Username
• AJAX chained select

Geradores de Formulários

• Wufoo Form Builder
• Web Form Factory
• Jot Form
• Form Assembly

Related posts:

1. Personalizando formulários com CSS Roger Johansson revisa seu artigo clássico “styling from controls“, onde...
2. Design Formulários Web Umas das técnicas de SEO, que ajuda a sua página...
3. Como validar formulários facilmente com Vanadium Vanadium é um plugin para jQuery que permite validar formulários...

Related posts brought to you by Yet Another Related Posts Plugin.

Os produtos tem tags, comentários dos usuário. Existem até ranking dos produtos mais vendidos. imperdível!

Click here to view the embedded video.

Related posts:

1. Técnica Ninja – Como tirar e dobrar uma camiseta em 10 segundos Primeiro, veja como tirar uma camiseta em 1 segundo: E...
2. Blogger Dependente… conheça a ABA O que? você nunca ouviu falar na ABA (Associação dos...
3. Motor da Ferrari V12 – A arte da engenharia Com certeza quaquer Ferrari é uma obra de arte da...

Related posts brought to you by Yet Another Related Posts Plugin.