Alunos da Turma de desenvolvimento web!

Esses são os alunos da cadeira de desenvolvimento web, da qual sou professor, da escola técnica de Maracanaú.

Parabéns a todos!

Criando mapas de imagem com html

Tem tempo que não coloco um vídeo no ar.... e avisando vou fazer uma atualização do vídeo sobre ícones em páginas html, o vídeo não ficou lá essas coisas... e agora com tempo livre vou atualizar.

Este vídeo mostra a criação de mapas de imagens usando o gimp como ajuda na identificação das coordenadas.

Videos da RejectConf SP 07!

O Akita publicou um post listando alguns vídeos da RejectConf SP-07.

Convertendo arquivos!

O Zamzar é um site que oferece um sistema de conversão de arquivos.

Lá você pode converter diversos tipos de arquivos entre eles: imagens, documentos, áudio e vídeo.

Uma mão na roda com a quantidade de tipos e formatos de arquivos existentes.

Dica de pronúncia em inglês

Na área de informática o inglês sempre teve presença marcante. Uma infinidade de termos e expressões são usadas diáriamente por profissionais de informática e afins em diversas partes do mundo.

Um problema chato com o uso de uma língua estrangeira(além do fato de não ler nem escrever direito, meu caso) é a pronúncia, principalmente daquelas palavras do dia-a-dia.

O site Merriam-Webster, ajuda à amenizar esse problema. Nele você pode encotrar a pronúncia de uma série de palavras. Uma mão na roda para quem tem que falar em público.

Tutorial de Rails 2.0 do Akita.

Publiquei recentemente um post indicando um vídeo do Fabio Akita sobre Rails 2.0.

Visitando o fórum do Rubyonbr.org, vi um comentário do Akita falando sobre o tutorial de duas partes inspirado no vídeo, só que está em inglês. No mesmo comentário o Fabio pedia colaboradores que pudessem ajudá-lo na tradução para o Português.

Por favor quem souber bem inglês habilite-se e contribua com a comunidade.

Abaixo os links para os tutorias:
Parte 01
Parte 02

Novela interativa!!

Diário de Sofia é a primeira novela interativa brasileira. Não, não senhores, eu não mudei o foco deste blog. O interessante nesse post que vi no Olhar Digital, é que a novela é produzida para ser visualizada na tela do celular e permite a interação dos usuários ou mobiespectadores na trama da novela.

Assista a matéria completa:

Banda estreita.
Banda larga.

Servidor de php e MySQL Gratuito!

O serviço de hospedagem PHPnet.us tem planos gratuitos para sites em PHP e MySQL.

O plano gratuito conta com:

• 300 MB de espaço
• 6 GB de banda
• Fantastico type script installer
• CPanel
• MySQL
• PHP
• FTP
• Sub domínio free : you.phpnet.us
• Ativação instantâne

Uma boa opção para testar seu sites dinâmicos. Vi no blog do Eulino Netto.

Curso de Ruby gratis!

O Satish Talim do Ruby Learning, está promovendo um curso de Ruby inteiramente gratuito através do Moodle, uma ambiente para e-learning(educação a distância).

Apesar do curso ser em inglês a presença de brasileiros está sendo muito boa.

O curso tem início no dia 7 de janeiro de 2008.

Aproveite essa ótima oportunidade de aprender Ruby! Matricule-se.

Vídeo sobre Ruby on Rails 2.0!

O Fábio Akita do akita on rails, publicou um vídeo sobre o Rails 2.0.

Assista em: http://www.akitaonrails.com.br/2007/12/10/the-first-rails-2-0-screencast-english#portuguese_screencast

Campanha anti-spam do CGI.br

O comitê gestor da Internet no Brasil (CGI.br), publicou uma série de vídeos educacionais de combate ao spam.

Os vídeos estão em diversos formatos, assista no link: http://www.antispam.br/videos/

E não esqueça de divulgar.

Acessibilidade! Você sabe o que é?

Também já devia ter publicado esse post a um tempo.

Conheça o acesso digital e aprenda sobre acessibilidade na web.

Assista ao vídeo acessibilidade na web: Custo ou Benefício? Nesta página você vai encontrar os links para downloads em diversos formatos.

CSS Sandbox! Brinque com CSS

Aprenda CSS brincando! Use o CSS Sandbox. Experimente!

Vi no blog do Aurélio.

Vídeo curso de Gimp!

Eu já devia ter colocado isso aqui a muito tempo, mas acabou passando.

O LedStyle publicou uma série de vídeo aulas do Gimp. O material está disponível em alta resolução no seguinte endereço:

http://www.debian-ms.org/~condector/gimp/

Rails for Kids! Participe.

O Rails for Kids é uma maratona de palestras on-line que será realizado dia 15/12/2007, e contará com grandes nomes da comunidade Ruby on Rails do Brasil e de fora.

Mais informações no site do evento: http://www.egenial.com.br/railsforkids/

O evento é promovido pela e-genial.

Besteirol legal!

Vi isso no nome do jogo, tem muita coisa boa lá sobre Ruby e RubyonRails.

1. Faça uma pesquisa no google imagens sobre qualqer coisas (tipo rails).
2. Cole na sua barra de endereço o seguinte código:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position="absolute"; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval("A()",5); void(0);

Porque eu escolhi Ruby!

Acho que não precisa falar mais nada.

Resumão de comandos Ruby e RubyonRails!

Vi no Ruby Brasil.

Baixe um resumão de comandos, objetos, palavras reservadas, sintaxe, etc… uma mão na roda para as falhas de memória.

Cheat Sheet do Ruby

Cheat Sheet do Rails

Vìdeos de introdução ao Ruby! (em Inglês)

Rapidinha, mais Ruby.

Uma série 5 vídeos até o momento do Lucas Holland sobre Ruby.

Em inglês.

Assista aos vídeo.

Ruby. Porque e onde aprender.

Palavras de um entusiasta!

Por que Aprender?

Conheci o Ruby em dezembro de 2006 e de lá pra cá tenho brincado com a linguagem. Mas ao comecar a desenvolver um projeto pessoal foi que puder comprovar o quanto é fácil, rápido e produtivo trabalhar com Ruby.

Os grandes sites de tecnologia apontam o Ruby como umas das linguagens de maior crescimento no mundo e que segundo esta matéria do IDGNow vai dobrar em número de desenvolvedores no Brasil em 2008 ficando atrás apenas da China.

O TIOBE Programming community index(uma espécie de rankig das linguagens de programação) apontou um crescimento de 3 posições do Ruby em relação ao mesmo período do ano passado. Esse crescimento coloca o Ruby entre as 10 linguagens de programação mais utilizadas no mundo.

O Ruby já passa de seus 12 anos de vida, conta com uma comunidade ativa, nos últimos 3 anos com o advento do Rails espalhou-se pelo mundo inteiro e está a todo o vapor no Brasil. Isso já seria suficiente para olhar para a linguagem.

Segundo o site oficial, Ruby é: "Uma linguagem dinâmica, open source com foco na simplicidade e produtividade. Tem uma sintaxe elegante de leitura natural e fácil escrita".

E ai será que já é motivo o suficiente para aprender? Nem que seja só um pouquinho? Não? Você deve estar se perguntando sobre como anda o mercado para Ruby, já que é uma linguagem que pouca gente do ramo ouviu falar, imagine um cliente! Ora, se você vai desenvolver um aplicativo web e se você tem liberdade para escolher com qual linguagem vai trabalhar(e a maioria dos freelancers tem) experimente RubyonRails. Eu tenho certeza que você vai se surpreender com a facilidade de desenvolvimento. Está começando a trabalhar com web e desenvolvimento agora? Tente o Ruby e Rails. Se você vai dedicar tempo para aprender algo, porque não algo muito, muito produtivo e de baixa curva de aprendizagem?

Se todos os meus argumentos não foram suficientes, apenas acompanhe por um tempo as notícias e novidades da comunidade. Se dê uma oportunidade de conhecer a linguagem, eu tenho quase certeza de que você não vai se arrepender.

Onde Aprender?

Não existem muitos cursos de Ruby ou de Rails no Brasil, mas a comunidade é muito atuante e vem fomentando a criação de grupos regionais. Além disso se você arranha bem no inglês não faltam opções de tutorias, comunidades e screencasts.

Você pode começar a experimentar um pouco de Ruby agora mesmo. Basta acessar o Try Ruby, um site que simula um console do Ruby e ensina os passos básicos da linguagem no seu navegador. O Try Ruby está em inglês mas você pode usar o guia de utilização no rubyonbr.org e aproveitar para se inscrever no fórum que aborda além do Ruby o Rails.

O site do Ruby em portugês tem um manual de Ruby em 20 minutos.

O Ruby Brasil é um site com informações diversas sobre Ruby e Rails.

O Taq, tem um excelente tutorial de Ruby, tutorial esse que serviu de base para um dos primeiros livros sobre o assunto no Brasil, além de um tutorial de Rails.

O Ronaldo Ferraz, do Superfice reflexiva disponibiliza um tutorial super completo para quem quer começar com o Rails.

O Fabia Akita, é o autor do livro Repensando a web com rails e em seu blog sempre existem informações sobre Ruby e RubyonRails.

A e-genial disponibiliza downloads das palestras e eventos realizados em seu ambiente de treinamento chamado Treina Tom. Você ainda pode se inscrever para os próximos eventos.

Em inglês além do site oficial do Ruby, você tem como fonte de informação o RailsCasts do Ryan Bytes, um blog com screencasts sobre o Rails (hoje com 77 episódios publicados) o Ruby Learning e centenas de outros.

Tudo isso é claro sem falar na documentação do Ruby e do Rails. E por último o Google, lá você com certeza vai encontrar muitas outras fontes além dessas.

E fim.
Fica o convite. Aprenda Ruby!

Tabela de compatibilidade de CSS

O diego Eis do Tableless publicou ontem uma tabela de compatiblidade de CSS. A tabela não é completa mas o Diego disse será atualizada conforme tempo livre.

Visite: http://www.tableless.com.br

A tabela esta nesse link: http://tableless.com.br/compatibilidadecss/

Criando um ícone com o gimp

Este vídeo mostra como criar um ícone para o seu site com o Gimp.

Tô meio gripado... ai tem muita puxada de ar no vídeo... descupem se ficar muito ruím o áudio.

Manipulando imagens com o ImageMagick

Uma leve apresentação do ImageMagick e um pouco de ShellScript.

Há, no vídeo eu falei que não sabia se existia uma versão para windows. Existe sim confira no site: http://www.imagemagick.org

Desenho vetorial é com o Inkscape!

Uma rápida introdução ao Inkscape.

Projeto Open Clipart!

Open Clip Art Library

Precisando de imagens em PNG ou SVG? Explore o projeto Open Clipart, são quase 200 M de imagens com royalt 100% Free.

Conheça o projeto: http://www.openclipart.org/
Download: http://openclipart.org/media/downloads

No Ubuntu busque por openclipart no Synaptic ou no Adept.

Vídeos grátis sobre Ruby On Rails!

O RailsCasts é um site com uma série de vídeos sobre Ruby on Rails inteiramente grátis e de ótima qualidade(tanto de conteúdo quanto de vídeo). O acervo do site hoje já conta com 77 vídeos sobre temas relacionados ao Rails. Os vídeos estão em inglês mas são fáceis de acompanhar.

Railscasts.com

Instalando o Ubuntu em um Pendrive!

Dois tutoriais ensinam como instalar o Ubuntu 7.04 e 7.10 em um pendrive de 1GB ou maior. (em inglês, mas bem fácil de seguir)

Instalando Ubuntu 7.04
Instalando Ubuntu 7.10

Lançado Gimp 2.4

Lançado a dois dias atrás, 24 de Outubro, o Gimp 2.4. Foram muitas as mudanças em relação a versão 2.2

Veja aqui o que mudou.
Faça o download.

Animando com o Gimp

Criando e publicando uma animação feita no Gimp.

Ambiente de Produção com o XAMPP

Programar para um ambiente tão diverso como a internet já é um trabalho e tanto, considerando
que o além de programar você na maioria das vezes é o reponsável pela instalação, configuração e
manutenção do seu ambiente de produção.

Para acabar com suas dores de cabeça use o XAMPP.

Digamos que você(como milhões de outras pessoas) programe em PHP, então você sabe que além do próprio
PHP instalado vai precisar de um servidor web e de um banco de dados. São no mínimo três aplicações
para manter e configurar além é claro de programar.

Podemos dizer que o pessoal da Apache Friends praticamente resolveu esse problema. Como? Através de
um pacote de aplicativos chamado XAMPP que trás além de muitas outras coisas o Apache, o MySql e
o PHP já configurados e prontos para uso em um AMBIENTE DE PRODUÇÃO.

E o melhor de tudo é que não é necessário nenhum processo de instalação, basta fazer o download, descompactar
e usar. As instruções de instalação e configuração de segurança são simples e fáceis de seguir.

Intype - Alpha 0.3.x - Ótima opção de Editor para Windows

A nova versão Alpha do editor de códigos Intype incorpora uma série de funcionalidades, busca e substituição de palavras, multi snippets, multi seleção e seleção retangular, que junto com a leveza e praticidade já encontradas no editor o tornam uma das melhores opções de editores para windows.

O Intype é baseado no Textmate, um editor do mundo Mac, seguindo sua filosifia de trabalho, valoriza o tempo do programador com um conjunto de snippets de código para diversas linguagens e que pode facilmente ser personalizado e ampliado.

Se você é usuário de Windows não deixe de confirir. Caso você queria testá-lo no linux pode realizar a sua instalação através do Wine.

Só pra constar: Instalei no Ubuntu 7.04 através do Wine, o editor funciona mas os snippets não. Ainda fico com o Vim.

Dicas - Editor Vim

Dicas de configuração do vimrc. O vídeo fica melhor em tela cheia.



Resumo dos comandos utilizados no vídeo:

• vimtutor: inicia o tutorial do vim;
• vim .:abre o vim como um navegador de diretórios e arquivos;
• syntax on: habilita o destaque de sintaxe;
• set nu: habilita a numeração das linhas;
• set hls: habilita o destaque dos resultados de uma busca.

Desktop linux - parte 03

O terceiro vídeo da série.... não ficou muito legal mas saiu.



No próximo vídeo: ambientes de desenvolvimento em linux.

Ferramentas de desenvolvimento – Editor de Textos Vim

Desde que começei a trabalhar com desenvolvimento e com internet, testo com frequência editores de texto diferentes, tentando sempre aumentar a produtividade. Nestes 8 anos de trabalho já passei por vários editores e ide's, entre eles: bloco de notas, frontepage(em 1999 e apenas em 1999), dreamweaver, htmlkit, editplus, pspad, textpad, aptana, radrails, intype, scite, kate, gedit. Citando apenas os mais usados.

Atualmente uso o gedit e comecei a testar o Vim. Já tinha lido muito sobre ele, mas por falta de tempo para aprender algo novo, e o Vim diferente de outros editores exige um pouco de esforço para aprender os comando já que não existe ambiente gráfico, não levava o aprendizado adiante.

Sempre que tentava usar o Vim acabava me enrolando com algo (que seria facilmente resolvido com qualquer um dos editores citados, uma busca e substituição de palavra, por exemlo) e logo desistia. Recentemente descobri que o próprio Vim vem com um tutorial muito prático e abragente para o usário novato.

Para experimentá-lo digite no seu terminal(procedimento para ambiente gnu/linux, não sei se funciona da mesma forma em windows): vimtutor

O tutorial está em inglês, mas basta uma pequena noção do idioma e talvez um dicionário para poder acompanhá-lo. Nele você encontra 7 lições que cobrem os comandos básicos (que são muitos) e a sua utilização, sempre com exemplos práticos onde o usuário é convidado a interagir, experimentando no próprio tutorial os tópicos abordados.

Se você quer uma ferramenta de desenvolvimento leve, rápida, poderosa, custumizável e muito bem recomendada(vários desenvolvedores conceituados a indicam), experimente o Vim.

Restaurando o X-server

Como sou usuário de linux em tempo integral a pouco tempo, volta e meia eu faço alguma bobagem e desconfiguro o sistema.

Dá última vez tentando configurar o X-server para utilizar dois monitores eu simplesmente perdi as configurações e fiquei sem ambiente gráfico, e apesar de ter feito uma cópia do mesmo quando restaurei a cópia o ambiente gráfico não voltou.

Após uma série de pesquisas no google encontrei a seguinte solução:

1. Inicei o Ubuntu no modo texto, segunda opção do boot;
2. Como usuário root digitei a seguinte linha de comando: dpkg-reconfigure xserver-xorg;
3. Segui as instruções, sendo que praticamente todas são default, precisei modificar apenas o adpatador de vídeo para VESA e aumentei a resolução de vídeo conforme a minha placa, uma NVIDIA geForce 6150;
4. Reinicei o sistema e pronto o X-server voltou.

Uma observação importante você deve utilizar o gerenciador de drives restritos para instalar novamente os drives da sua placa de vídeo(isso comigo foi necessário).

Lógico que existem outras soluções, mas optei por essa por considerá-la a mais simples (Leia-se: ter funcionado de primeira) e por isso decidi publicá-la aqui.

Espero que seja útil.

Livro grátis de RubyonRails!

Interessado em aprender RubyonRails? O Livro "Build Your Own Ruby on Rails Applications" de Patrick Lenz estará disponível para download por 60 dias a contar do dia 02 de Outubro de 2007. Aproveite.



Baixe sua cópia aqui.

Full Circle Magazine! Outra boa revista online.

A Full Circle Magazine é a revista da comunidade ubuntu.

Ótima fonte de informação, em inglês.

Download aqui.

Buscando informação sobre tecnologia? Revistas em PDF são uma ótima fonte.

Revistas em pdf estão ficando cada vez mais comuns na internet, são uma ótima opção para acompanhar um segumento específico do mundo da tecnologia. Funcionam como um resumo de assuntos abordados nos blogs, seleção dos melhores tutorias do mês ou bimestre e trazem entrevistas com personalidades do mundo digital.

Abaixo estão os links para 6 publicações de revistas em pdf.

BrOffice.org Zine – aborda assuntos relacionados ao OpenOffice, BrOffice e ODF.

DBFreeMagazien – traz informações, tutorias, entrevistas e cobertura de eventos sobre o Banco de Dados. Única que exige registro para download.

Revista GDH – Revista do site guiadohardware.net com matérias sobre hardware, redes, além de análises, e tutorias diversos para windows e linux.

GimpZine – Análise, entrevistas e tutorias sobre o famoso software de edição gráfica Gimp.

Revista Linux – Publicação Portuguesa sobre o linux e o mundo OpenSource.

Revista Programar – Outra publicação Portuguesa sendo esta sobre programação.

Fica a dica de 6 boas fontes de informação.

Desktop linux - parte 02

Segundo vídeo da série falando sobre programas de editoração gráfica no linux.




Nó próximo vídeo os progrmas da suíte de escritório OpenOffice.
Até lá.

Desktop linux - parte 01

Estou dando início a uma série de vídeos(screencasts) sobre linux, começando com uma apresentação da distribuição e do ambiente gráfico.

Os vídeos seguintes estarão demonstrando o funcionamento dos programas mais comuns.




Vou tentar disponibilizar os vídeos em maior resolução conforme a demanda.

Espero que seja útil.
Abraços.

Ubuntu em Notebook HP Pavilion dv6220BR

Pensei que instalar o Ubuntu 7.04 em um Notebook fosse tão simples quanto em um desktop, pois é, não penso mais. A instalação não foi tão simples assim.

O problema:
Como de costume no processo de instalação coloquei o cd do Ubuntu e dei o boot no Notebook, após o processo de inicialização quando deveria surgir o ambiente gráfico, surpresa, a tela ficou toda branca. Repeti o processo pensado ter ocorrido algum problema no carregamento e o resultado foi o mesmo.

A pesquisa:
Bom, fui direto ao google atrás de uma solução e como de costume encontrei várias, dentre elas testei duas:

• Teclar f6 no boot do cd e digitar VGA=771;
• Teclar f6 no boot do cd e digitar noapic noiqdebug irqpoll.

A solução:
A primeira opção funcionou mas com uma série de falhas no ambiente gráfico, mesmo assim fiz a instalção do sistema e para uma surpresa ainda maior após um boot com o sistema já instalado tive o mesmo problema, tela branca.

Já na segunda, tudo correu como esperado, não tive falhas no ambiente gráfico enquanto estava trabalhando pelo cd e não tive problemas após a inicialização do mesmo.

Para complementar fiz a instalação dos drives da minha placa através do menu Sistema > Administração > Gerenciador de Drives Restritos, e enfim, tudo funcionando.

Fica ai a dica.

Inicio dos trabalhos!

Olá eu sou Marcello de Souza e o meu objetivo aqui é compartilhar o pouco conhecimento adquirido nesses anos de trabalho com aqueles que precisem de uma ajuda para começar a trilhar os caminhos do tão diversificado universo do desenvolvimento para web (ficou bonito isso).

Gente o objetivo é simples! Ajudar, contribuir, compartilhar, trocar experiências e com isso aprender mais sobre esse mundinho chamado web.

Sejam muito bem vindos.
Marcello de Souza