Acorda pra Web!

Tecnologia que vai mudar nossas vidas, depois do café.

Tutorial de Instalação do Eclipse IDE com Aptana, PDT, DBViewer, Subversive e RegexUtil

9/7/2008

Eclipse Europa

Acabei de terminar mais um artigo da série de artigos sobre desenvolvimento web no Ubuntu, sobre Instalação do Eclipse IDE com Aptana, PDT, DBViewer, Subversive e RegexUtil. O primeiro dessa série de artigos já havia sido lançado e cobre a Instalação, configuração e testes do Apache, PHP e MySQL em uma máquina com Ubuntu, sempre de maneira super detalhada e focada para iniciantes.

Nesse que acabei de lançar, ensino a instalação do Eclipse, preparado com plugins específicos para o desenvolvimento de aplicações web, incluindo o PDT e o Aptana, entre outros.

Ao todo, a série de artigos será:

No final, quem seguir todos os tutoriais com sucesso, terá uma IDE capaz de:

  • Colorir códigos de várias linguagens
  • Assistência de código PHP, JavaScript, HTML e CSS com contexto (inclusive para funções e classes que você mesmo escreveu).
  • Assistência de código para diversas bibliotecas JavaScript (Spry, Ext, Aflax, Rico, Prototype, Mochikit, YUI, Mootools, Dojo, jQuery e Script.aculo.us)
  • Assistência de código informando sobre recursos específicos de navegadores
  • Debugar PHP e JavaScript
  • Conectar, consultar e obter resultados de bancos de dados MySQL, PgSQL, Oracle, SQLite e MSSQL em uma única interface
  • Compartilhar projetos via SVN
  • Receber notificações de erros de sintaxe em diversas linguagens antes mesmo de rodar o programa
  • Assistência para documentação de código
  • Gerenciamento de tarefas via documentação de código
  • “Folding” de código em várias linguagens

Até o próximo!

Nova versão do Eclipse

4/7/2008

Cool! O Ganymede, nova versão do Eclipse, está disponível para download. Como sempre, as versões do Eclipse tem nomes de luas. Ganymede é o nome de uma lua de Júpiter.

Embora a notícia seja excelente, isso deve atrasar um pouco o lançamento dos meus outros tutoriais, já que foram escritos para o Europa, versão anterior do Eclipse.

Breve Aparição Semi-Alienígena; Inkscape; Desenvolvimento no Linux

23/6/2008

Sim, esse aqui sou eu. A alternativa pro Corel Draw que citei na entrevista é o Inkscape. E já que citei ele, já aproveito pra dizer que sim, vou continuar com minha lista de artigos sobre desenvolvimento web no Ubuntu, e vou tentar até colocar uns artigos sobre design lá. Algumas imagens dos artigos já estão online, pro divertimento de quem quiser ordená-las por data e tentar decifrar o significado.

Inkscape? Corel Draw? Apache? PHP? Você é Webdesigner ou Programador?

Até me mostrarem uma lei da física que me impeça de ser ambos, continuarei sendo os dois (embora esse blog esteja uma caca visualmente!).

Tutorial de Instalação do Apache, PHP e MySQL no Ubuntu

15/6/2008

Apache, PHP e MySQL - Tela do PHP Info

Estou preparando uma série de artigos sobre desenvolvimento web no Ubuntu. O primeiro deles já está pronto, e cobre a Instalação, configuração e testes do Apache, PHP e MySQL em uma máquina com Ubuntu, de maneira super detalhada e focada para iniciantes.

No próximo, que já está quase pronto, explicarei os passos para instalação do Eclipse, preparado com plugins específicos para o desenvolvimento de aplicações web, incluindo o PDT.

Ao todo, a série de artigos será:

No final, quem seguir todos os tutoriais com sucesso, terá uma IDE capaz de:

  • Colorir códigos de várias linguagens
  • Assistência de código PHP, JavaScript, HTML e CSS com contexto (inclusive para funções e classes que você mesmo escreveu).
  • Assistência de código para diversas bibliotecas JavaScript (Spry, Ext, Aflax, Rico, Prototype, Mochikit, YUI, Mootools, Dojo, jQuery e Script.aculo.us)
  • Assistência de código informando sobre recursos específicos de navegadores
  • Debugar PHP e JavaScript
  • Conectar, consultar e obter resultados de bancos de dados MySQL, PgSQL, Oracle, SQLite e MSSQL em uma única interface
  • Compartilhar projetos via SVN
  • Receber notificações de erros de sintaxe em diversas linguagens antes mesmo de rodar o programa
  • Assistência para documentação de código
  • Gerenciamento de tarefas via documentação de código
  • “Folding” de código em várias linguagens

Até mais!

Mais um Boom Microsoft

4/3/2008
“Nós decidimos que o IE8 irá, por padrão, interpretar conteúdo web na forma mais compatível com os padrões que puder.” - IEBlog

Pra quem está por fora, até pouco tempo atrás o IE8 só seria compatível com os padrões web se a página especificasse isso através de um header HTTP ou de uma tag meta. A comunidade foi completamente contra, e a Microsoft… ouviu!

Essa parece ser a mais nova estratégia terrível da Microsoft para dominar o mercado: seguir padrões, ouvir a comunidade de desenvolvedores e desenvolver produtos de qualidade. Jogo sujo.

Feliz Newtal

24/12/2007

A todos os leitores, colaboradores e amigos, um Feliz Newtal!

Newtal

Internet Explorer: Seguidor fiel dos webstandards

19/12/2007

Pelo menos é o que diz o Blog Oficial do Internet Explorer. O novo protótipo do IE8 passou no famoso ACID2.

E agora, Firefox? Tão te chamando pra briga!

Ah, e só pra constar: Apesar do título sensacionalista desse post, o anúncio no blog oficial só cobre suporte basicamente a HTML e CSS. Nada de mimetypes pra XHTML por exemplo.

Não vejo a hora de por a mão nesse beta, juro mesmo.

PDO: Bancos de dados no PHP5

17/12/2007
  • PDO substitui todas as funções de bancos de dados
  • Não tem PDO no PHP4, tem no PHP5, e só vai ter PDO no PHP6
  • PDO é orientado a objetos
  • PDO é mais rápida do que as demais funções de bancos de dados
  • Você deveria usar PDO
  • Coisas simples são realmente simples no PDO
  • Coisas complexas, são bem mais simples com PDO

É tão fácil…

…Conectar ao banco

PHP
<?php
$banco = new PDO('mysql:host=localhost;dbname=nome_do_banco', 'username','password');
?>

…Pegar um registro baseado em um campo

PHP
<?php
$banco = new PDO('mysql:host=localhost;dbname=nome_do_banco', 'username','password');
$dados_do_cliente = $banco->query('SELECT * FROM clientes WHERE id = 1')->fetch();
?>

…Vários registros de um banco de dados

PHP
<?php
$banco = new PDO('mysql:host=localhost;dbname=nome_do_banco', 'username','password');
$todos_os_clientes = $banco->query('SELECT * FROM clientes')->fetchAll();
?>

…Registros com muitos filtros e condições

PHP
<?php
$banco = new PDO('mysql:host=localhost;dbname=nome_do_banco', 'username','password');
$filtros = array(
'nome'=>'João',
'departamento'=>'TI',
'unidade'=>'Jabaquara',
$consulta = $banco->query('SELECT * FROM clientes WHERE nome = :nome AND departamento = :departamento AND unidade = :unidade')
$clientes_pelo_filtro = $consulta->execute($filtros);
?>

…Incluir dados

PHP
<?php
$banco = new PDO('mysql:host=localhost;dbname=nome_do_banco', 'username','password');
$novo_cliente = array('nome'=>'José','departamento'=>'TI','unidade'=>'Paulista');
$banco->prepare('INSERT INTO clientes (nome,departamento,unidade) VALUES (:nome,:departamento,:unidade)')->execute($novo_cliente);
?>

…Incluir MUITOS dados

PHP
<?php
$banco = new PDO('mysql:host=localhost;dbname=nome_do_banco', 'username','password');
$varios_clientes = array(
0=>array('nome'=>'José','departamento'=>'TI','unidade'=>'Paulista'),
1=>array('nome'=>'Marcos','departamento'=>'Infra','unidade'=>'Jabaquara'),
2=>array('nome'=>'Paulo','departamento'=>'Serviços,'unidade'=>'Bom Retiro')
);
$inserir = $banco->prepare('INSERT INTO clientes (nome,departamento,unidade) VALUES (:nome,:departamento,:unidade)');
foreach ($varios_clientes as $cliente) $inserir->execute($cliente);
?>

…Usar um loop pra iterar sobre os resultados

PHP
<?php
$banco = new PDO('mysql:host=localhost;dbname=nome_do_banco', 'username','password');
foreach ($banco->query('SELECT * FROM clientes') as $cliente) {
print_r($cliente);
}
?>

E tudo isso…

  • Sem sofrer com aquele monte de aspas e strings concatenadas
  • Sem precisar de preocupar com segurança, o PDO faz isso pra você
  • Com a mesma interface pra qualquer banco de dados, muito consistente

Tá esperando o que? Go, PHP5!

Validando XHTML com RDFa embutido

13/12/2007

Agora já é possível criar documentos XHTML+RDFa e validá-los com sucesso. Existe até um selinho especial:

Valid XHTML + RDFa

Coloquei uma página no ar com um teste, inclusive útil para vocês entenderem um pouco da sintaxe do RDFa. Aqui existe um serviço que consegue extrair as informações de um RDFa e transformar em RDF, o sonho de qualquer geek semweb.

Um exemplo das informações que ele pode extrair de uma página:

<?xml version="1.0" encoding="utf-8"?>
<rdf:RDF
  xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'
  xmlns:dc='http://purl.org/dc/elements/1.1/'>
    <rdf:Description rdf:about="http://gaigalas.net/rdfa.html">
        <dc:title xml:lang=”en”>XHTML com RDF agora Possvel</dc:title>
        <dc:abstract xml:lang=”en”>Simples exemplo de XHTML+RDFa</dc:abstract>
        <dc:date xml:lang=”en”>2007-12-15</dc:date>
        <dc:subject xml:lang=”en”>XHTML</dc:subject>
        <dc:subject xml:lang=”en”>RDFa</dc:subject>
    </rdf:Description>
</rdf:RDF>

Nesse exemplo, título, descrição, data e dois assuntos foram extraídos. Usei o vocabulário Dublin Core para representar essas informações. Ele é bastante genérico e implementa algumas coisas legais, como a propriedade subject (assunto), que é uma forma padronizada de tags.

Ah, eu já tinha falado do RDFa uma vez, de outros prós do dialeto e alguns contras :)

Santo Graal do Desenvolvimento em PHP

11/12/2007

Finalmente, um debug decente em PHP. Já troquei meu editor antigo por um novo.

Tem breakpoint? Tem sim senhor!

phpeclipse3.JPG

E tem pilha de execução? Tem meu caro amigo!

phpeclipse2.JPG

Controle de Variáveis? Claro que sim!

phpeclipse4.JPG

Até dá pra editá-las em tempo de execução ;)

phpeclipse5.JPG

É o PDT! A jóia secreta, multiplataforma e gratuita da Zend feita para o Eclipse. Uso e recomendo a todos (que possuam uma quantidade considerável de memória em suas máquinas).