Olá, pessoal!!

Hoje vamos assistir mais um video-tutorial apresentando de forma simples e didática os conceitos básicos para a POO – Programação Orientada a Objetos. No vídeo anterior, aprendemos as diferentas da POO x Estruturação e vimos qual a principal vantagem de usar a POO. Nesse novo vídeo-tutorial, abordaremos os conceitos de classes, objetos, propriedades e funções/métodos, herança e polimorfismo.

Lembrando sempre que, qualquer explicação errada, ou qualquer dúvida ou sugestão, deixem nos comentários aqui do post que farei a correção logo abaixo do vídeo. Então vamos lá:

http://www.vimeo.com/10881536

Há tempos venho prometendo aos leitores que faria um post com toda a relação dos principais programas que utilizo diariamente em meu trabalho e que considero essenciais para qualquer profissional da área. Demorei a montar esse post exatamente porque quis fazer uma “filtragem” em todos os programas que tenho instalado no computador, separando os que são realmente necessários dos que não são tanto assim… .

Os critérios para considerá-los essenciais foram a frequência de utilização, a funcionalidade do software e a quantidade de similares que existe e a qualidade de todos os softwares de cada área. Para ficar mais fácil, vou separar por funcionalidades:

Desenvolvimento web (layouts):

Adobe Photoshop CS4

> Photoshop CS4: Quem trabalha com web com certeza utiliza ou já utilizou o bom e velho photoshop. Esta última versão trouxe grandes novidades na área de editoração de fotos e recursos de animações. Porém, para se montar um layout basta as funcionalidades básicas encontradas em todas as versões e, nesta versão, não houve muitas mudanças. O que posso destacar é a funcionalidade de abrir documentos por abas, a alteração de algumas teclas de atalho e a liberdade criada para navegar pela arte em qualquer modo de visualização.

> Fireworks: Este é um excelente software. Apesar de a Adobe ter feito a versão CS4, ele não será continuado e, provavelmente suas funcionalidades exclusivas serão adicionadas aos poucos nas novas versões do Photoshop. Tem muitos profissionais que preferem ele ao photoshop, mas eu particularmente nem o instalo em minhas estações de trabalho.

> Ilustrator: Esta é uma boa alternativa ao coreldraw para quem desenvolve logotipos, desenhos gráficos e artes impressas, principalmente pela sua ótima compatibilidade com os demais produtos Adobe.

Desenvolvimento web (estruturação/programação):

Adobe Dreamweaver CS4

> Dreamweaver CS4: Este é o mais famoso e mais utilizado software de estruturação de sites/sistemas e programação web. Sua principal vantagem em relação à grande maioria dos concorrentes é poder visualizar em tempo real a estrutura que se está montando (quando utilizando HTML, é claro). Esta última versão trouxe grandes novidades, principalmente para programadores.

> PHPDesigner: Este é um excelente software de edição de código que se assemelha muito ao Dreamweaver. Sua principal vantagem é um gerenciador de projetos/tarefas e também do destaque da linha atual (recursos não existentes no DW-CS4).

> Notepad++: Este é um editor de códigos essencial para quando queremos visualizar o código fonte de um arquivo de forma rápida, legível e fácil de enteder. Sinceramene, há até quem o utilize como editor padrão para programação, uma vez que ele tem suporte para dezenas de linguagens diferentes garantindo coloração e identação do código.

FTP:

> Filezilla: Este é disparado o melhor software para acesso direto via FTP ao servidor, muito útil para a transferência de grande quantidade de arquivos de uma única vez. O software tem atualizações constantes, o que garante segurança na transferência de arquivos e tem inúmeros recursos para serem configurados.

Banco de Dados:

> MySQL Query Browser: Se você precisa de um software para acessar seu banco de dados via acesso remoto, este é o mais indicado. Além de ser gratuito, é indicado pelo site oficial do mysql e tem inúmeros recursos importantes para a hora de criar e manipular seu banco de dados. É muito fácil de configurar e seu acesso remoto é aceito pela maioria dos servidores de banco de dados.

DBDesigner

> DBDesigner: Este é um dos mais utilizados e conceituados softwares para estruturação de banco de dados. Com ele você consegue criar todas as tabelas de sua base e todos os seus relacionamentos, criando uma visão perfeita de como será a estrutura inicial do banco de dados do seu projeto. Além disso, ele oferece recursos muito úteis como a exportação do código SQL e em forma de arquivo, além da possibilidade de sincronização com o banco de dados remoto.

Navegadores:

> Mozzila Firefox: Hoje o navegador da Mozilla está entre os melhores e mais seguros dos existentes. Ele se adapta à todos os padrões web ditados pela W3C, é rápido e tem um infinidade de complementos para serem adicionados à ele que traz ao nosso trabalho diário muito mais acessibilidade e facilidade.

> Google Chrome: Este é um navegador que está se destacando muito por suas características como leveza, rapidez, estabilidade e principalmente por inúmeros recursos em forma de complementos que aumentam ainda mais suas vantagens. Ele também se adapta muito bem aos padrões web e já tem suporte garantido aos caçulas HTML5 e CSS3.

Acessórios úteis:

Lightscreen: Este é um acessório indispensável para a hora de capturar toda ou parte de sua tela, com inúmeras configurações que deixam o programa suprindo todas as suas necessidades.

Edraw Mind Map

Edraw Mind Map: Este software tem uma função muito importante na hora de iniciar um projeto: a de estruturar visualmente todo o projeto de forma a exibir claramente todas as páginas que o site/sistema terá e dar uma base à toda a equipe de trabalho sobre o quê, quando e como fazer cada um dos recursos a serem desenvolvidos no projeto.

Google Picasa: Para quem tem uma infinidade de fotos ou imagens no pc esta é uma excelente alternativa como visualizador padrão de imagens. Ele é capaz de abrir dezenas de tipos de imagens, podendo gerar imagens de pré-visualização até mesmo de arquivos .psd, bastando configurá-lo para isso. Além disso, ele consegue fazer a sincronia perfeita com o picasa online, onde é possível criar dezenas de álbuns de fotos.

Free Download Manager: Esse é um gerenciador de download muito especial, que consegue rastrear os navegadores e a área de transferência do windows para, toda vez que você clicar em um link para baixar qualquer coisa da web, ele entrar em ação e fazer de forma rápida o download para você. Além disso, com ele é possível parar o download e continuar em outro momento, sem precisar reiniciá-lo do zero.

Esses são os prograrmas que uso diariamente e tenho instalado tanto no notebook como no meu pc do trabalho. Recomendo sua utilização, mas é claro que existem outros programas similares a eles que também podem ser utilizados.

E quem quiser, pode indicar outros programas nos comentários. Todas as dicas serão muito bem-vindas.

Estou iniciando hoje uma série de posts com dicas para quem trabalha com webdesign e/ou programação.

A primeira dica é a escolha e personalização do navegador. Escolher um navegador para se trabalhar com a web exige considerar alguns aspectos, como: a forma como meu site será exibido para o usuário final, a compatibilidade com as tecnologias utilizadas e a compatibilidade com as exigências da W3C (Consórcio que cria e gerencia as regras de desenvolvimento para web).

Essas exigências deveriam ser obedecidas a risca por todos os navegadores, mas na prática não é isso que acontece. O Internet Explorer, do nosso tio Bill Gates, é o mais rebelde de todos, pois tem suas próprias regras que entram em conflito com a W3C. Apesar de as versões mais atuais estarem mais adaptados, deve-se lembrar que a maior parte dos usuários ainda utilizam a versão 6.0 deste navegador, versão esta mais rebelde de todas.

Por isso, ao desenvolver para a web, não se esqueça de verificar como está seu site ou projeto em mais de um navegador. O recomendado pelos grandes mestres do webdesign é desenvolver um projeto em um navegador o mais compatível possível com as regras da W3C e corrigir os bugs que aparecem nos demais navegadores, principalmente no Internet Explorer 6.

Eu, particularmente, utilizo o Firefox, por ser o mais compatível com as tecnologias que utilizo (CSS, HTML, JavaScript, PHP, MySQL, AJAX, entre outras) e principalmente porque ele me oferece uma série de ferramentas de auxílio para o desenvolvimento e programação. Depois, sempre repasso o projeto corrigindo os bugs do IE e outros navegadores.

Sendo assim, vou iniciar essa série de posts falando sobre essas ferramentas que me auxiliam na produção. Começando pela versão do Firefox, sei que muitos preferem sempre utilizar a versão mais atual, porém prefiro a versão 3.0 do firefox, por ser compatível com a maioria dos complementos que vamos ver a seguir. As demais versões são muito boas, porém ao utilizá-las, sou obrigado a abrir mão da utilização de alguns desses complementos. Então, toda a lista apresentada abaixo foi testada e aprovada pela versão 3.0 do Firefox e logo abaixo da lisa está a galeria de imagens de todos os complementos, ok. Vamos lá:

Firebug: Esta é uma ferramenta nos exibe o código fonte das páginas web, debugando-as e localizando erros e bugs existentes durante a programação e estruturação dos projetos.

Web Developer: Considero este e o firebug os dois mais importantes dessa lista. O Web Developer é uma barra de ferramentas com uma enorme coleção de recursos muito úteis para a valição de nossos códigos HTML, CSS, JavaScript com a W3C, além de ajudar e muito com a estruturação de projetos, a exibição de diferentes resoluções de tela e muito mais. Com certeza essa é a ferramenta mais essencial para qualquer webdesigner ou programador, em conjunto com o Firebug, é claro!

ColorZilla: Este complemento ajuda na hora de verificar quais as cores utilizadas em um site, por exemplo. Ele fica escondidinho no canto inferior-esquedo do navegador, na barra de status. Nos dá apenas com 2 cliques os códigos RGB e hexadecimal da cor que clicamos. Daí basta clicar com o botão direito do mouse sobre seu ícone e mandar copiar para utilizar a cor no photoshop ou no CSS do projeto.

MeasureIt: Este complemento ajuda muitíssimo quando o trabalho é estruturação, seja de um site ou de um sistema on-line. Ele consegue nos dar a medida exata de qualquer elemento na tela, bastando para isso clicar em seu icone e clicar e arrastar sobre o elemento desejado.

ScreenGrab: Se você precisa capturar imagens ou telas para seu projeto ou se você gosta de manter seu portfólio atualizado sempre que termina um novo projeto, então essa é a ferramenta que você precisa. Sua função é capturar parte da tela do navegador ou a tela inteira ou ainda apenas a area que você selecionar. Meu portfólio neste blog foi feito por ela.

Chrome View: Abra a página que você está visualizando no GoogleChrome, sem precisar iniciar o navegador separadamente e dar ctrl+c e ctrl+v na barra de endereços. Claro que é necessário ter o Chrome instalado no pc.

IE View: Abra a página que você está visualizando no Internet Explorer, sem precisar iniciar o navegador separadamente e dar ctrl+c e ctrl+v na barra de endereços.

OperaView: Abra a página que você está visualizando no Opera, sem precisar iniciar o navegador separadamente e dar ctrl+c e ctrl+v na barra de endereços. Logicamente é necessário ter o Opera instalado para que funcione.

SpeedDial: Ótimo complemento para quem gosta de organização e controle sobre todos os seus links mais utilizados. Ele oferece uma pagina onde podemos guardar os sites mais utilizados em forma de miniaturas. Além disso, pode-se organizá-lo por grupo e aumentar/diminuir a quantidade de miniaturas de um grupo. Se você encontrar um site e quiser adicioná-lo, não é necessário copiar seu endereço, basta deixar na sua barra de ferramentas um botão onde estão listados todos os grupos existentes no SpeedDial. Navegue até o grupo desejado e clique em um dos itens chamados de “Anônimo”.

Google Notas: Já se sentiu totalmente perdido dentro das pastas e links que cria nos favoritos de seu navegador? Acha complicado organizar seus links preferidos? Esta é a solução!! O complemento GoogleNotas insere na barra de status do firefox um atalho para o aplicativo notebook do Google, onde você pode (e deve) criar ilimitados notebooks, subdivididos por seção, para guardar seus links com comentários próprios e úteis para localizá-los depois. Essa é a melhor parte: o complemento sempre abre os blocos de notas em uma pequena janela no canto inferior-esquerdo do navegador, mas quando precisar fazer uma busca por uma anotação, basta clicar no seu link no titulo do app que ele abrirá em nova guia/janela do navegador, permitindo fazer a busca por todos os blocos de notas existentes.

OBS: Infelizmente a única versão compatível do firefox com esse complemento é a 3.0 pois a Google parou de atualizá-lo para substituí-lo pelo Google Bookmarks, que também é uma boa opção. Se você não utiliza ainda o Google Notas, a dica é utilizar o GB, pois o GN pode deixar de existir a qualquer momento, uma vez que foi descontinuado. Inclusive eu tenho centenas de sites guardados no meu, os quais terei que migrar todos para o GB.

KPICASA_GALLERY(ComplementosFirefox#Gv1sRgCJDz4KSaxK6tnwE)

Bom, até aqui os complementos indicados foram para os desenvolvedores web. Segue abaixo uma segunda lista de complementos úteis para a organização de projetos e conteúdos e para o recebimento de twittadas e emails, mas esses já são opcionais. Lembre-se de um detalhe muito importante: instalar muitos complementos no Firefox vai deixá-lo pesado, principalmente para iniciar o programa, então procure utilizar somente os mais importantes e que você usa com frequência.

Segue a lista dos opcionais:

Gmail Manager: Complemento de utilização bem simples, mas que faz uma boa diferença. Sua função é gerenciar contas do Gmail.  Após sua instalação, basta ir configurar quantas contas do gmail você quiser e, sempre que receber uma nova mensagem, você será avisado pelo firefox. O interessante é que você pode configurar de quanto em quanto tempo o app deve verificar se há novas mensagens e ainda quais as pastas ele deve monitorar: cx de entrada, spam ou marcadores. Além disso, existem configurações gerais e configurações específicas para cada conta de email que você adicionar.

Echofon (antigo TwitterFox): Se você gosta de se manter atualizado em relação ao que seus

amigos estão fazendo, além de também receber notícias atualizadas de sites e blogs preferidos, essa é uma ferramenta muitíssimo útil. Com o twitterfox você recebe as twitadas na hora sem precisar manter o site do Twitter aberto o tempo todo. Além disso, a ferramenta permite que você se conecte até a mais de um twitter. Essa é impressendível.

ShowIP: Exibe em qual endereço IP o site que você está visualizando está hospedado. Serve principalmente para verificarmos se o site está em servidores no Brasil ou nos EUA por exemplo.

Download StatusBar: Pequeno gerenciador de download que, na verdade apenas indica quais downloads estão sendo executados, qual a porcentagem, o tempo restante entre outras informações. Ideal para quem gosta de fazer vários downloads ao mesmo tempo. OBS: Ele não gerencia o download, apenas exibe os arquivos que estão sendo baixados junto à barra de status do navegador.

ReminderFox: Se você está precisando organizar suas tarefas, lembrar de compromissos e datas importantes e você passa o dia trabalhando/navegando no Firefox, esse complemento vai ajudá-lo muito! Seu principal objetivo é não nos deixar esquecer daquelas tarefas paralelas do dia-a-dia, como por exemplo: “ir ao banco”, “renovar emprestimo de livro”, “pagar boleto da mensalidade tal”. São tarefas simples que, na concentração de nosso trabalho, muitas vezes esquecemos de cumprir e no final do dia temos problemas com isso. Porém o ReminderFox oferece recursos suficientes para adicionarmos até mesmo tarefas corriqueiras do nosso trabalho, fazendo com que nossos horários sejam organizados e o dia bastante proveitoso. Esperimente, garanto que vai ajudar bastante a organizar seu dia.

FEBE: Este complemento é um que recomendo muitissimo, independente de você ser ou não um desenvolvedor web. Sua funcionalidade é fazer um backup de todos os plugins, complementos e temas instalados no seu firefox. É isso mesmo! Eu mesmo já tive que reinstalar várias vezes os mesmos complementos no firefox exclusivamente por ter tido problemas no computador e ter que formatá-lo. Daí vem a maratona de reinstalações. Este complemento vai fazer o backup e vai restaurá-lo sempre que preciso. Uma dica em relação a ele é fazer o backup e depois desativá-lo, pois você não o usará com muita frequência, apenas quando adicionar novos complementos importantes, não é mesmo?

Lembrando que todos os complementos citados são de responsabilidade de seus respectivos desenvolvedores e podem ser encontrados devidamente atualizados no site oficial do firefox. Para acessá-lo, entre no menu ferramentas e em complementos. Lá existe um link para acessar o site com centenas de apps. Basta utilizar a ajuda para encontrar os apps desejados.

Bom, os complementos estão aí. Estes são os que mais utilizo diariamente. Claro que, ao encontrar alternativas melhores, procuro migrar, pois muitos complementos e extensões podem deixar seu Firefox muitíssimo pesado.

A dica é: pensar bem na utilidade de cada complemento antes de instalá-los e analisar se realmente vai utilizá-lo ou não. E caso perceba problemas com o navegador após a instalação, não deixe de comunicar ao desenvolvedor, pois só assim este poderá fazer as correções necessárias e disponibilizar apps realmente úteis e seguros.

Caso utilizem algum app interessante e muito útil, por favor, deixe no comentário. Poderei acrescentá-lo aqui com os devidos créditos, ok.

Nos próximos posts, vou escrever sobre os principais programas utilizados no mundo web e nas principais linguagens de programação que fazem os milagres da Internet. Conteúdo importante para você que está iniciando como webdesigner e programador.

Não deixem de visitar.