Posts arquivos para julho, 2011

31jul2011

Ética de código

(0) comentários

Bom, hora de começar. A minha proposta foi escrever sobre oque vc quer ler.
Este então, é o primeiro post em resposta aos comentários.

Use a tag completa de abertura [short open tags]

Isso, tão simples quanto o título.
Prefira usar <?php do que usar <?.

Afinal, por que depender de uma configuração extra do servidor, quando estamos falando de apenas 3 caracteres a mais?
E nas futuras versões da linguagem (assim como prometido pelos canais oficiais), essa diretiva não será mais configurável ?

Não precisa reescrever todos os teus scripts(se bem que seria bom para você [ctrl+h]), mas de hoje em diante use somente a completa:

<?php

Prefira usar echo em vez de print

Se temos 2 funções(estruturas da linguagem) que fazem exatamente a mesma coisa, então vamos escolher uma delas.
E usar apenas uma. Não tem pq deixar nossos scripts inconsistentes, hora usar uma, hora usar outra.

Já está mais do que provado, que echo é mais rápido que o print.
Use echo.

Métodos devem retornar coisas

public function exemplo(){
	echo '....';
}

não é majoritário, mas e se eu precisar usar o resultado desse método exemplo(), com esse echo ai dentro, eu não consigo.

pois não será mais ‘capturável’. Programe teus códigos de maneiras que eles sejam expansíveis e reaproveitáveis.

Não se acostume com register_globals

Não faz sentido. O próprio manual oficial dos desenvolvedores alerta sobre isso.
register_globals, é uma diretiva da linguagem, que sei lá por que raios foi inventada.

Pode causar diversas dores de cabeça, comportamentos super inesperdados(e difíceis de debugar), além de abrir brechas de segurança no teu sistema.
Desative, use em off.

Não é ‘por que existe’, que deve ser usado. Existem coisas ruins, e nem por isso usamos.
“Todos os cogumelos são comestíveis, alguns apenas uma vez”

Use aspas duplas para delimitar valores de atributos html

Ufa! Isso é arbitrário, e eu decidi usar assim. Escolha minha, e repasso a vocês.

<a href="link.html" class="link preto" id="link">Clique aqui</a>

Hum.. e por que eu escolhi as duplas ?

Vamos ver, os controles de formulários por exemplo:

<input type="text" name="nome" value="Joana D'arc" />

Notou ‘a aspa simples’ ali ? [tenho uma amiga com esse nome]
Por outro lado, não existe nenhuma pessoa que tenha uma aspas duplas no nome dela. Mas apóstrofes sim.
Temos o tratamento que vamos fazer, como addslashes(), mas é muito melhor poder receber o dado, do que perder horas debugando, para descobrir que se tivéssemos usado aspas duplas, não teríamos passado por aquilo.

Então, por convenção, uso em tudo. Qualquer atributo html, será delimitado por aspas duplas.
Só dei um exemplo, okay ?

Indente seu código

Todo mundo fala|deveria recomendar isso. Porém, e como você deve fazer isso?
Cara, é questão de gosto. Mas algumas coisas não mudam. Por exemplo, vamos nos ater as linguagens que surgiram com base(possuem estrutura semelhante) na Linguagem C.
Como Java javascript, php..

Indentar é necessário

Sim, é melhor olhar para um código organizado, do que para um não.
Você não vai perder tempo se fazer isso. Mas certamente ganhará muito tempo, se precisar reler.

Já encontrei bugs em códigos antigos, e de outros programadores, apenas por indentar eles.
Comece por isso. O importante é a iniciativa.
Com o costume, indentar fará parte de você, e será tão natural, que não precisará pensar, gastar tempo, e não irá te atrapalhar em nada.

Pule linha depois de ponto e vírgula(;)

Terminou um ‘comando’? pule linha:

echo 'Oi';
var_dump( $_POST );

Melhor de ler do que:

echo 'Oi';var_dump( $_POST );

certo ?
Afinal de contas, temos o ponto e vírgula ali, para terminar aquele comando.

Fica assim então: teve que colocar ponto e vírgula, quebre a linha.

Sou fãn do TAB

Alguns usam padrões (para mim bizzaros), como ’4 espaços’. Cara, usa TAB e pronto.
Mas como ?

A indentação horizontal, serve para indicar aos seus olhos como a estrutura é, em questão de ‘dependência’.
Falando de HTML por exemplo, usamos a horizontal, para nos dizer de forma simples: quem é filho de quem.

Olhe só:

<div id="main">
	<ul>
		<li><a href="link1.html">Link 1</a></li>
		<li><a href="link1.html">Link 1</a></li>
	</ul>
</div>

Entendeu ?Só de bater o olho, já sei que tenho um UL filho de uma div#main.
Sendo o LI filho da UL.

Use comentários realmente significantes

É importante escrever códigos claros, mas nem por isso devemos deixar de comentar.
Existem comentários para todas as linguagens. Use.

<div id="main">

</div>

Identificando o ‘término’ do elemento assim, ganho tempo quando preciso procurar algo.
Não precisa comentar toda a marcação. Eu adoto isso apena em trechos importantes e apenas quando fecho eles.
O início já tá marcado com o ID, ou CLASS. Comenta o fechamento e já tá de bom tamanho.

Assim, quando vc olhar para algo como isso:

</div>
</div>
</div>

Será muito mais simples de saber ‘quem fecha quem’.

Use o bom senso

Não precisa comentar tudo, por exemplo, não vou comentar isso:

echo 'Oi';//comando de saída da string Oi

E nem vou comentar e indentar isso:

	<ul>
		<li>
			<a href="link1.html">Link 1</a>
		</li>
		<li>
			<a href="link1.html">Link 1</a>
		</li>

certo ? era muito simples, posso deixar apenas:

	<ul>
		<li><a href="link1.html">Link 1</a></li>
		<li><a href="link1.html">Link 1</a></li>

Afinal, não prejudiquei a visibilidade.
Já que a estrutura era ridicularmente simples. Poupei linhas, sem tornar meu código menos legível.

Quando usar um ou outro ? R: bom senso.

Use mysqli, abandone mysql_ agora

Pronto. A extensão mysql_ vai acabar. A mysqli é mais rápida. Use.
Prefira a versão orientada, lógico.

Não superestime

Sério.. eu sei que meus sistemas nunca migrarão de banco de dados.
Só vão usar o SGDB MySQL. Então não tenho nenhum motivo para usar PDO, que iria abstrair os acessos aos dados.
Não tenho, logo, não uso. É questão de briefing. Se a dúvida existir, então considere começar usando PDO.

Mas se não existe, então não infle teu sistema com código inútil.
Existe um grande antagonismo aqui. Depois discutimos melhor.

Quando|Como usar chaves?

Cara, é o mesmo da indentação horizontal. As chaves existem para delimitar quando uma rotina acabou.
Por exemplo:

<?php
	if( $var == true )
	{
		while( $dados = $query->fetch() )
		{
			$li .= '';
		}
	}

Analise bem. Eu abri a chave embaixo do IF, no mesmo nível horizontal: um TAB.
Poderia ser na frente:

<?php
	if( $var == true ){

Lógico que poderia.
Mas escolha o teu estilo, e siga ele.

Olhe agora o fechamento do IF.
termina no mesmo nível horizontal que abri: um TAB.

Mesma coisa para o while.
Isso facilita a leitura. Quando eu bater os olhos, vou procurar na vertical onde termina esse meu bloco de código.
Se estivesse assim:

<?php
	if( $var == true )
	{
		while( $dados = $query->fetch() )
		{
			$li .= '';
			}
		}

meus olhos continuariam, até tentar achar um }, que estivesse no mesmo nível, para que eu entedesse onde estou de fato fechando o bloco condicional.
E note como o segundo } parece estar fechando o while, enquanto o verdadeiro fechamento do while(), está largado ali, sem nenhum motivo.

E assim cara, se vc já sabe de tudo isso. Parabéns!
Continue fazendo bons códigos. Existem aqueles que não sabem, ou tem dúvidas.

Escrevo para estes também, que apesar das dúvidas querem melhorar, querem aprender.
Ninguém sabe tudo, muito menos eu. Aqui eu apenas compartilho um pouco da minha experiência.

Até mais.

29jul2011

conversando sobre atendimento online no e-commerce

(0) comentários


se você se interessa por e-commerce aí está um bom papo: Dov Bigio, colega nosso aqui na Locaweb lidera nosso time de soluções SaaS (webchat, webdesk, webstore…) conversa com In Hsieh sobre como melhorar seu atendimento online através de soluções simples como… chat.    a conversa está no site e-commerce brasil.  assista:

 

image

 

se você quiser dar uma olhada em como é o webchat que o Dov está comentando, clique na imagem abaixo:

 

image

29jul2011

dica: FORA.tv

(0) comentários


ok, ok, o nome em português fica engraçado, mas é isso aí:  essa tal de FORA.TV é uma plataforma em que você pode assistir conferências online e baixar os videos como videocasts.   dê uma olhada no site dos caras:

image

 

tem todo tipo de tema e assunto (até o cara do Mythbusters!), mas eu estou nesse exato momento assistindo ao videocast sobre HTML5 no meu Zune:

image

quer ver agora mesmo uma conversa com um dos fundadores do Foursquare?

29jul2011

atenção profissionais de UX: UX Camp está chegando!

(0) comentários


image

opa, o UX Camp é daqui a 2 semanas!   você vai?

aqui vai um copy-paste direto do site:

Como funciona

1. Primeiro você se inscreve.

2. Aparece lá no dia, no horário marcado.

3. Se você quer discutir sobre “a arquitetura de informação e a mistura do Brasil com Egito”, escolha um horário / sala livres e fale seu tema para um de nós – assim você já reserva uma sala e horário.

4. Cada um que chega dá uma olhada no mural e decide onde quem ir. A idéia é ter várias salas ao mesmo tempo pra que cada um escolha o tema de que gosta mais;

5. Na hora agendada, vá até a sala. Como você sugeriu o tema, você é quem deve comentar qual a sua idéia e convidar o resto das pessoas a conversar sobre o assunto.

 

aqui está o post original: http://www.upasaopaulo.com.br/ux-camp/

te vejo lá?  Alegre

(tks @andressavieira )

28jul2011

inspiração vinda de um museu: como trazer arte para a web

(0) comentários


eu sou um ávido consumidor de podcasts e videocasts, e a maior parte deles não tem nada a ver com tecnologia.   quer um exemplo?  a National Gallery of Art americana publica uma série maravilhosa de videos sobre suas obras e seus artistas

image

 

um bom exemplo é essa série sobre o quanto o Gauguin era meio, digamos, mentiroso Smile .   esse vídeo resume a exposição Gauguin, Maker of Myth.   a narração é do Willem Dafoe, pasmem.

 

image

ficam duas dicas:  explorar esse conteúdo maravilhoso e pensar em como dar vida na web a eventos e obras que são únicos e muito analógicos Winking smile

27jul2011

meus top 10 videocasts do mês

(0) comentários


faz muuuuuitos anos que gravo e publico podcasts no meu bom e velho Roda & Avisa.   deve ter centenas e centenas de reflexões perdidas lá. 

de uns tempos pra cá comecei a publicar os vídeos através do vimeo, e uma das vantagens é que tenho estatísticas como essas:

image

 

pra minha alegria o video “procura-se uma agência que…“ fez sucesso Smile   legal, sinal de que o tema provocou bastante.

mais vídeos virão.  tenham certeza disso Winking smile

26jul2011

iniciativa bacana da MailChimp: números de email marketing

(0) comentários


tempos atrás (quase um ano, acho) comecei a publicar nossas estatísticas de acesso pra que os profissionais de web brasileiros tivessem uma referência isenta de como é o perfil dos usuários de um site com milhões de visitas.   resultado?  mês após mês nossas estatísticas são meus conteúdos mais acessados Alegre

 

hoje um colega me mandou um link bem legal: o provedor de email marketing Mail Chimp está divulgando uma série de informações bem bacanas sobre o total das campanhas enviadas pelos clientes (mais de 5M de campanhas, veja na imagem abaixo)

(uma observação rápida: a Locaweb tem uma plataforma de email marketing também, se você ainda não conhece, veja aqui)

image

os relatórios são bem bacanas e mostram que, mesmo nos EUA, email marketing é uma ferramenta poderosa:

image

eu ainda não tenho acesso a números desse tipo da nossa plataforma de email marketing… se um dia eu conseguir estatísticas da nossa plataforma eu compartilho com vocês aqui Smiley piscando

26jul2011

você foi ao FNEC? veja as fotos!

(0) comentários


 

sábado passado conheci muita gente bacana no FNEC, Feira Nacional de E-Commerce.  você estava lá?   dê uma olhada nas fotos Smiley piscando

26jul2011

lá vem a Grande Onda da Internet, anunciou Bill Gates em… 95!

(0) comentários


em 26 de maio de 1995 Bill Gates manda um memorando pra todos os executivos da Microsoft.   título: The Internet Tidal Wave (algo como a grande onda da internet).   o assunto: o que o proprio Gates reconhece como a novidade mais importante desde o IBM PC.

dè uma olhada na cara do memorando aí abaixo.  clique e você vai pro post original com o conteúdo na íntegra

 

image

 

usando o tradutor do Google, traduzi o comecinho pra voces:

 

Para: Funcionários Executivo e relatórios diretos
De: Bill Gates
Data: 26 de maio de 1995
A Grande Onda da Internet
Nossa visão para os últimos 20 anos pode ser resumido de forma sucinta. Vimos que as melhorias exponenciais na capacidade computador faria um grande programa muito valioso. A nossa resposta foi a de construir uma organização para entregar os melhores produtos de software. Nos próximos 20 anos, a melhoria no poder de computação será superado pelas melhorias exponencial em redes de comunicação. A combinação destes elementos terá um impacto fundamental na aprendizagem, trabalho e jogar.Ótimos produtos de software será fundamental para oferecer os benefícios destes avanços. Variedade e volume de software vai aumentar.
A maioria dos utilizadores de comunicações ainda não viu o preço das comunicações desceram significativamente.Redes de cabo e telefone ainda estão depreciando redes construídas com tecnologia antiga. Monopólios de serviço universal e envolvimento do governo em todo o mundo têm mantido os custos de comunicações de alta. Redes privadas ea Internet que são construídos usando o estado da arte equipamentos têm sido os principais beneficiários da tecnologia de comunicações melhorado. O PC só agora está começando a criar demanda adicional que irá conduzir uma nova onda de investimento. Uma combinação de um maior acesso à Internet, ISDN, redes de banda larga nova justificado por aplicações de vídeo baseadas e interconexões entre cada um desses vai trazer de comunicação de baixo custo para a maioria das empresas e casas na próxima década.

(…)

aqui está o post original: http://www.lettersofnote.com/2011/07/internet-tidal-wave.html

genial, não?   3 meses depois lançaram o MSN e o resto é história.   pensando bem, o título poderia ter sido O Tsunami Internet   Open-mouthed smile

25jul2011

Sobre o livro “O Design do dia-a-dia”

(0) comentários

Para me motivar a ler, e fixar o que estou fazendo, vou postar aqui no blog, todo e cada livro que já li.
Algo como a minha impressão sobre ele.

“O Desing do dia-a-dia” de Donald A Norman no início me pareceu ser bem crítico, e antes da explicação, o autor parece não querer que as coisas evoluam. Equipamentos ficam complexos com a tecnologia, um rádio relógio é também despertador, am/fm, poderia ter TV, cafeteira.. e essa evolução da tecnologia dificulta o uso.

A justificativa é: “um design inteligente pode minimizar as dificuldades de uso”. As idéias são muito bacanas, e oferecem uma boa base teórica. Um bom design deve minimizar os erros. Erros acontecem (pessoas comentem quando estes são possíveis).

Conforme avanço na leitura, se torna cada vez mais evidente a formação em psicologia do autor. E então, fica claro que talvez o conceito mais importante do livro são “os erros”. As várias formas de cometê-los o ‘porque erramos’.

Um texto do tipo: “Leia, entenda e em vez de tirar suas conclusões, mude realmente sua forma de ver o mundo.” Muita coisa não é novidade, ou sabemos dela por estarem no nosso dia-a-dia.

Porém, não damos a devida atenção. Norman consegue com esse livro nos levar a rever o óbvio. Pois é necessário que alguém nos diga. Se não, pelo menos eu, continuaria dando pouca ou nenhuma importância para todos esses tão conhecidos detalhes.

Recomendo mesmo a leitura dele. Boa escolha.

Switch to our mobile site