Boas práticas de Desenvolvimento com Padrões Web » Geral

Codeshow 2010

Diego Eis — Thu, 25 Mar 2010 18:30:57 +0000

Você gosta de eventos sobre desenvolvimento web e afins, não gosta? Eu particularmente não gosto muito quando o cara abre o notebook, liga na telona e fala 3 horas sem parar repetindo apenas o que está aparecendo nos slides. Isso é chato e você não aprende nada.
Sabemos também que se você é como nós, você gosta de ver código, entender alternativas para problemas que você tem todos os dias. Saber se o HTML 5 ou o CSS 3 já pode ser o usado e o que exatamente funciona nos browsers de hoje em dia.

Pensando nisso, projetamos um evento chamado Codeshow. O Codeshow é um evento num formato novo, em que não há palestras. Você vai assistir à construção de uma aplicação em um dia, a partir do zero, usando ferramentas como Git, HTML5, CSS3, web2py e MongoDB. Iremos separar Programadores e Designers diferentes. Cada sala tratará de assuntos específicos para cada área, mas ambas estarão trabalhando em um mesmo projeto.

Para quem não sabe, essa é a segunda edição do Codeshow. Desta vez iremos reformatar totalmente o Campus Online da Visie. Iremos criar layout para mobiles, utilizar HTML 5 para exibir vídeos e CSS 3 para facilitar a vida. Iremos utilizar Web2Py para levantar o sistema e Git como controle de versão. No final do dia, iremos juntar as salas finalizar o projeto integrando as partes do projeto que Designers e Programadores fizeram.

Será no dia 27 de Maio de 2010, no Espaço Apas na Rua Pio XI, n° 1200, Alto da Lapa – São Paulo – SP, CEP 05060-001.
Custa apenas R$30 e você pode ver mais informações e fazer sua inscrição aqui.

Versionamento inteligente para mobiles

Diego Eis — Wed, 20 Jan 2010 12:31:53 +0000

O iPhone fez a festa dele. Todo mundo gostou do que viu e usou. Acontece que não só de iPhone vive o homem, e há pessoas por aí que não gostam do aparelho por motivos diversos. Há mercado para todos e por isso é natural que apareçam outros aparelhos com novos sistemas. Acontece que o lançamento do iPhone criou uma moda de criar versões dos sites específicas para ele. No começo isso foi ótimo. Mas agora, isso priva diversos celulares similares ao iPhone de terem uma boa experiência de navegação. É o caso de usuários de Android.

O Android é o novo sistema operacional para mobiles do Google. Até para um AppleBoy, como eu, o sistema é interessante. Tem a interface bem acabada, app’s amigáveis e etc. Ele faz muito bem o papel dele. O Engine de renderização do browser dele é WebKit. O mesmo engine que o Safari Mobile utiliza. E não estou falando de versões antigas do Webkit como alguns outros celulares utilizam. O Android utiliza as versões mais atuais do Webkit, com suporte extenso a CSS e HTML. Portanto, um site que teoricamente foi feito apenas para iPhone, pode ser visualizado da mesma maneira pelos usuários de Android.

Aí entra outra questão: provavelmente você deve ter pensado que seria apenas fazer um script de detecção de browser, capturando as visitas de Safari Mobile e Android e pronto. É aí que você se engana. Já há vários outros aparelhos que estão utilizando engines parecidas e que podem renderizar sua “versão de iphone”. Exatamente por isso, que você precisa fazer um filtro por características e não por browser. Fazemos isso utilizando Media Queries.

As Media Queries permitem fazer um pequeno filtro, onde definimos as características do dispositivo que acessará a página. Com isso, podemos definir um CSS específico para aquele grupo de dispositivos que se encaixaram no seu filtro. Veja um exemplo abaixo:

1 2	="stylesheet" href="style.css" type="text/css" media="screen and (min-width:481px)"> ="stylesheet" href="mob.css" type="text/css" media="screen and (max-width:480px)">

A media que fiz é muito simples de ser entendida. A primeira linha engloba dispositivos que tem tela colorida, com uma resolução de largura mínima de 481px, isso inclui seu monitor, notebook e etc. A outra linha engloba dispositivos com uma largura máxima de 480px, ou seja, iPhones, Androids e dispositivos que seguem esse mesmo esquema de resolução e etc.

Dessa forma, você filtra os dispositivos e não os browsers dos aparelhos. Isso previne que algum celular, tão bom quanto o iPhone e o Android fiquem de fora de ter uma boa experiência de uso. Quer fazer um teste interessante? Se você estiver utilizando um browser que aceita media queries, redimensione a janela para uma largura menor que 480px. Você verá o Tableless chaveando os estilos automaticamente. Perceba que alguns elementos são reformatados e outros retirados do layout.

O filtro ainda não está completo porque não estamos contemplando os aparelhos que não aceitam meda queries, mas são mobiles. Para isso, usaríamos os Media Types, com valor de handheld. Embora celulares que aceitem os Media Types não tenham um bom suporte de CSS, podemos fazer pelo menos uma formatação de texto, cor e background. Celulares que utilizam Opera Mini, terão uma ótima experiência.

É sempre aquela mesma velha idéia: dar a melhor experiência para todos os meios de acesso. Sempre.

2010

Diego Eis — Wed, 23 Dec 2009 16:02:06 +0000

Eu gostaria muito de fazer um artigo escrevendo uma retrospectiva do ano que passou. Mas isso é tão démodé, que resolvi deixar para lá. Mesmo assim, não há como falar do ano que vem, sem me alegrar dos avanços que o desenvolvimento web passou em 2009. Em 2009 foi o ano que os desenvolvedores se libertaram do IE6. Não que o IE6 seja uma coisa ruim, mas porque ele se tornou algo ruim, assim como os browsers de hoje podem se tornar um dia. Mas entenda, a saída do IE6, pelo menos para mim, foi um marco na história dos Padrões Web. É como se nós, desenvolvedores, tivessemos quebrado os grilhões que nos prendiam ao passado. Liberdade, entende? Isso prova que podemos mudar os paradigmas do mercado, quando quisermos.

2010 vai ser diferente. É o ano onde você começa um novo ciclo de desenvolvimento. Um ano onde você vai ser obrigado a mudar a sua forma de desenvolver. Melhor mudar sua cabeça se você acha que o HTML 5 é só uma sopa de novas tags. Melhor você rever seus conceitos, se você ainda acha Acessibilidade pode ser deixado para depois e que SEO é algo antigo e que ninguém acessa a internet via celular. E se você acha que a web vai continuar sendo a mesma para sempre. Leia:

“It’s been said today that, yes, this is a markup language for a Web page. But it’s a computing platform, too. The really big shift happening here is the shift to being a client-side computing platform,” Tim Berners-Lee

2010 é o ano onde você vai usar novas propriedades e seletores do CSS 3. Onde você vai fazer bordas arredondadas direto pelo CSS. Onde você vai abusar do Graceful Degradation e vai educar seu cliente a usar um browser mais novo. É o ano onde você dita as regras do mercado e não o contrário. Experimente mudar.

Se você ainda não percebeu, há um movimento grande a favor da evolução dos Padrões Web. 2010 não é 2004 onde você só começou a fazer tableless porque foi obrigado.

2010 é o ano para você mudar. Mudar seu método de trabalhar. Mudar seu browser padrão de navegação. Mudar a cabeça do seu cliente por mais que ele seja antiquado e retrógrado. Não importa o que você faça, mas mude.

Espero que 2010 seja realmente novo para você.

1a. Conferência Web W3C Brasil

Diego Eis — Fri, 28 Aug 2009 01:28:35 +0000

A Conferência Web W3C Brasil foi criada para oferecer ao público brasileiro um amplo fórum anual de discussão e debate sobre a evolução da Web, a padronização de suas tecnologias e o impacto dessas tecnologias na sociedade e na cultura. A Conferência reunirá pesquisadores, desenvolvedores, usuários, empresas, agências digitais, mídia e todos aqueles que são apaixonados pela Web e que têm algo a oferecer, usar e debater.

A 1a. Conferência Web W3C Brasil 2009 será realizada em São Paulo, SP, nos dia 23 e 24 de novembro, no Blue Tree Towers Morumbi no bairro do Brooklin. Acesse os links para obter informações sobre o local, hotéis da região, chamada de trabalhos ou sobre como se inscrever para participar da conferência da web brasileira.

Chamada para trabalhos

Você pode ser um palestrante da 1a. Conferência Web W3C Brasil! Se você tem um caso prático e inovador de uso da web, ou fez uma pesquisa cujos resultados merecem ser compartilhados com toda a comunidade web brasileira, ou ainda tem o “pulo do gato” para ensinar em um tutorial, então atenda a nossa Chamada de ‘Papers’, Casos de uso e Tutoriais.

O Comitê de Programa vai selecionar as submissões mais relevantes para compor a programação da Conferência. Mais detalhes em Chamada de trabalhos.

Entre na comunidade da conferência no Facebook e fique por dentro.

Um 2009 sem fôlego

Diego Eis — Thu, 01 Jan 2009 02:00:34 +0000

O ano de 2008 foi um ano parado para o Tableless. Na verdade foi um ano parado para os Padrões Web. Ok, na verdade não foi tão parado assim. Mas digo, não houve mudanças drásticas, ou o CSS 3 foi lançado e eu não estou sabendo?
Mesmo assim o ano que passou foi de grandes mudanças em outros setores que influenciam muito o desenvolvimento web. Uma dessas mudanças em especial foi o avanço da telefonia móvel. E não estou falando do iPhone em si. Mas de todo o zum zum zum que rola até hoje depois do seu lançamento. As fabricantes estão ficando espertas e os celulares mais espertos ainda (entendeu? smartphone, smart, esperto, ahn, ahn? =^D). Isso quer dizer que a partir do ano que vem (na verdade já era para você estar fazendo isso), já devemos planejar os sites para funcionar em dispositivos móveis. Não só para iPhone, mas para todo mundo.

Faz tempo que o Tableless deixou de ser um site só de tutoriais. Queremos tratar de coisas mais nobres aqui. Claro, nosso objetivo é ensinar, e fazemos muito isso, veja na página Aprenda, no Campus Online, e por todo o site do Tableless. Temos conteúdo de sobra. Mas o que me preocupa não é tanto o nosso nível técnico, mas o tesão que nós sentimos pela profissão, pelo assunto. Já disse várias vezes que tesão não é só para sexo.
Durante muito tempo eu tenho testemunhado durante minhas aulas e palestras a quantidade de profissionais que estavam ali porque o chefe mandou ou porque chegou até aquela palestra porque a empresa pagou. Simplesmente falta interesse, e sem interesse, não há curiosidade. O resto você já sabe.
Por isso, que não quero tratar apenas sobre tutoriais e apostilas, mas também sobre mercado, metodologias, idéias, produtividade. É discutir sobre a profissão no brasil. É aprofundar mais o conhecimento de como construir sites utilizando os Padrões em pequenas, médias e grandes empresas. É entender quais são os obstáculos dos Padrões Web aqui no Brasil e ajudar.

Todos sabem que eu sou sócio da Visie, juntamente com o Elcio. Este ano haverá muito jabá nosso aqui, os puristas e arranjadores de problemas que se preparem. Nós desenvolvemos um lugar muito bacana chamado Campus Online. Alguns de vocês já conhecem. Ele será nosso “servidor de vídeos”. Aqui no Tableless haverá um vídeo por dia, grátis, que será puxado do Campus Online. Fizemos um script para que você possa colocar no seu site se quiser, segue abaixo:

<script src="http://visie.com.br/campus/ajax/480.js" charset="utf-8">script>

Ali onde tem o número é a largura do vídeo. Ele puxará o vídeo e as informações como título e descrição. Assim como aparece na home do Tableless.

Aproveitei tudo isso para colocar no Tableless o WordPress 2.7, que está um chuchuzinho. Fizeram muitas, mas muitas alterações no design e em algumas Template Tags.
Existem centenas de posts aqui do Tableless que são bem antigos. Vou levar muito tempo para organizá-los. Muitos deles são da época de antes do WordPress, e precisam ser categorizados e tagueados. Isso é importante para que os posts relacionados funcionem perfeitamente e que você consiga achar mais conteúdo navegando pelo site.

Há muitas mudanças que precisamos fazer ainda, mas essas vou deixar pra fazer com mais calma e sem sono. Por agora, sua opinião será muito importante e se houver qualquer sugestão, por favor, me diga.

Que em 2009 você fique sem fôlego.

Os usuários de IE6 que me desculpem, mas eu não irei mais dar suporte a este navegador aqui no Tableless. Se quiser ver o site da melhor maneira possível, tente utilizar um browser decente como Firefox, Opera ou Safari.

Estágio na Visie

Elcio Ferreira — Wed, 23 Jul 2008 16:43:07 +0000

A Visie está recrutando estagiários em programação. Acreditamos que é uma boa oportunidade de aprender. Trata-se de um estágio remunerado, de três meses. Você vai trabalhar na construção de um produto real, com tecnologia de ponta e as melhores práticas de desenvolvimento.

Você precisa saber:

Lógica de programação
PHP básico
Javascript básico
Noções de Orientação a Objeto
Noções de Padrões web

O que você vai aprender?

Python
Orientação a Objeto de verdade, na prática
Testes Unitários
Subversion
jQuery

Se você se der bem aprendendo os itens acima, terá chance de se divertir muito mais. Veja o que mais você pode aprender:

Desenvolvimento no Linux
Padrões web
MySQL
Vim (se você estiver mesmo afim)

Além disso, você terá acesso aos cursos da Visie que acontecerem no período em que estiver trabalhando conosco.

A remuneração

É um estágio. Temos remuneração para esse estágio bem acima da média do mercado, mas não vá sonhando com altos salários agora. Preocupe-se mais com o que você pode aprender do que com o quanto você pode ganhar imediatamente. Há possiblidade de efetivação ao final do estágio (com salário de verdade.)

Como se inscrever?

Mande seu CV para trampo arroba visie.com.br. No e-mail, fale um pouco sobre você e sua experiência com desenvolvimento. Coloque no título do e-mail: ESTÁGIO VISIE.

Peguntas comuns

Posso trabalhar à distância?: Não. É um estágio. Não queremos apenas que você trabalhe. Queremos te ensinar um bocado de coisas. Não dá para fazer isso à distância.
Não é estranho pedir que o sujeito tenha “experiência”, ou conhecimentos em PHP e Javascript. Uma vez que ele está indo a um estágio para aprender?: Não. A web está aí. O estágio não é para que você aprenda o que poderia ter aprendido sozinho em sua casa. É para te ensinar o que você só vai aprender se vier até aqui. Estamos pedindo conhecimento básico.
Preciso estar na faculdade?: Não.
Posso indicar isso para um amigo?: Claro. Por favor.

Lançamento do escritório do W3C no Brasil

Diego Eis — Tue, 27 May 2008 18:08:56 +0000

O W3C está oficializando seu escritório aqui no Brasil. Para isso, eles estão fazendo um pequeno evento com alguns palestrantes e um recado em vídeo do Tim Bernes-Lee. A entrada é gratuita e aberta à todos.

O evento será dia 4 de Junho às 11h. Faça seu cadastro e leia mais informações.

O W3C World Wide Web Consortium, entidade internacional que tem como missão levar a web ao seu máximo potencial, tem a honra de convidar ao público em geral para o lançamento público do W3C Escritório Brasil, consolidando as atividades iniciadas em novembro de 2007.

O lançamento do W3C Escritório Brazil é parte do projeto Fórum Mundial Digital (7th Research Framework Programme da União Européia) que explora as possibilidades de se beneficiar das novas tecnologias de baixo custo para infraestrutura e dispositivos móveis que possam diminuir a exclusão digital e conectar os desconectados.

Este evento está integrado ao 14º Congresso de Inovação na Gestão Pública que acontecerá em São Paulo, de 2 à 5 de Junho, sob o tema “Governo 2.0″.

Palestra Produtividade e Web 2

Diego Eis — Thu, 22 May 2008 17:08:16 +0000

Gravamos em vídeo a palestra sobre Produtivdade e Web 2 da Visie. Se você não conseguiu assistir assista agora, na íntegra.

Se você quiser participar de uma palestra da Visie, temos uma série de palestras que acontecerão nos próximos meses, visite: http://visie.com.br/eventos/

A gravação não está ótima. Foi gravado diretamente pela web pela iSight do MacBook e por isso a qualidade deixa a desejar. Usamos para transmitir o site Ustream.tv. O serviço é ótimo e a funcionalidade de gravar o que está sendo transmitido é uma maravilha.

Palestras da Visie

Diego Eis — Mon, 12 May 2008 18:10:43 +0000

Estive um pouco sumido porque a Visie juntamente com o Tableless.com.br estão promovendo várias palestras sobre desenvolvimento web. Será uma palestra por mês até outubro, custando cada uma R$30. Se você é desenvolvedor, aproveite e faça sua inscrição.

As palestras vão desde Formulários (que é dia 29 deste mês), passando por JQuery (21/07) e terminando em Controle de Versão (13/10).

A lista de todas as palestras pode ser vista aqui: http://visie.com.br/treinamento/eventos/.

ELPI: Problema 4

Elcio Ferreira — Sun, 04 May 2008 23:05:21 +0000

O próximo problema, você não pode ver. Mas ele está aqui.
De novo, o primeiro que enviar a resposta nos comentários ganha um par de ingressos para o ELPI no Rio de Janeiro.