Wishers é uma rede social para aqueles que desejam aprender e ensinar, lá é possível escolher entre diversos cursos para assistir, bem como pedir ou ministrar um. Se você desejar ministrar um curso, toda a parte burocrática (Pagamentos, tarifas, impostos) é de responsabilidade da Wishers, você só precisa ministrar o curso. Para maiores informações você pode acessar a página da Wishers explicando como funciona a plataforma.

Se você se interessou pelo curso de WordPress para programadores, acesse já e garanta sua vaga.

No dia 15/12 das 21h às 22h está marcado um Webinar em que apresentarei mais detalhes do curso e também falarei do potencial do wordpress e o que é possível de se fazer com ele. Para participar do Webinar, basta se cadastrar na Wishers e clicar em “Desejar Curso” na página do Curso de WordPress.

Fique ligado no I/O Tecnologia e na página do curso na Wishers para maiores informações.

Grade do curso:

0 – Revisão de PHP

1 – Introdução ao WordPress
1.1 – O que é um CMS.
1.2 – Os CMS’s mais populares.
1.3 – O diferencial do WordPress.
1.4 – O que posso fazer com o WordPress?
2 – O Básico do WordPress.
2.1 – Visão Geral do Painel Admin.
2.2 – Baixando e instalando temas.
2.3 – Baixando e instalando plugins.
2.4 – Montando seu próprio tema.
2.4.1 – Estrutura de um tema.
2.4.2 – Templates Tags.
2.4.3 – Funções diversas.
2.4.4 – Criando Modelos de Páginas.
2.4.5 – Custom Posts.
2.4.6 – Tirando o máximo dos Custom Posts.
2.4.7 – Estendendo a funcionalidade dos posts e páginas.
2.5 – Adicionando funcionalidades ao seu tema.
2.6 – Publicando seu site.
3 – Usando o recurso Multi-Site.
3.1 – Ativando o recurso do Multi-Site
3.2 – Configurando o Multi-Site.
3.3 – Criando uma área restrita.
4 – O Banco de Dados do WordPress
4.1 – Analisando o modelo de dados
4.2 – Otimizando o banco de dados do WordPress
4.3 – Ferramentas para a criação e manutenção de tabelas.
5 – Entendendo o núcleo do WordPress
5.1 – Analisando o Código
5.2 – Analisando as API’s que o WordPress oferece.
5.3 – Actions e Filter’s
5.4 – Shortcodes
5.4 – Internacionalização
6 – Trabalhando com a API do WordPress
6.1 – Alguns exemplos práticos
7 – Desenvolvendo Plugins para o WordPress
7.1 – Ativação e Desativação.
7.2 – Funções úteis.
7.3 – Trabalhando de forma orientada a objetos.
7.4 – Tirando o máximo proveito das Actions e Filters.
7.5 – Exemplo Pŕatico – Desenvolvendo um Plugin para gerenciar PlayLists

Related posts:

1. WordPress, a série: Instalando o WP De fato, as ferramentas modernas como WordPress, Joomla e Drupal...
2. Curso oficial VMWare 5.0 em Natal A Qualitek Tecnologia, empresa especializada em Segurança da Informação, trará...

Related posts brought to you by Yet Another Related Posts Plugin.

De alguma forma o atacante obteve acesso ao banco de dados por meio do utilitário PhpMyAdmin, ainda não se sabe exatamente como, mas por medida de precaução todo acesso externo ao banco de dados foi bloqueado.

A recomendação inicial é que se você possui uma conta lá e utiliza a mesma combinação login / senha em outros sites, que altere agora mesmo a sua senha nesses outros sites. No anúncio oficial também foi informado que todas as senhas foram resetadas e todos os usuários afetados foram avisados via e-mail do ocorrido.

Para quem não conheçe, WineHQ faz parte do projeto Wine, cujo objetivo é rodar aplicações Windows de forma nativa no Linux, o aplicativo é muito utilizado para rodar jogos da plataforma da Microsoft e possuía uma comunidade bem ativa que trocava informações sobre como rodar vários jogos e programas usando o aplicativo, além de reportar bugs.

Para saber mais sobre o Wine visite este post.

Fonte: http://www.winehq.org/pipermail/wine-users/2011-October/097753.html

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Para entendermos melhor a situação, precisamos primeiro analisar o que está sendo proposto e os impactos que isso vai gerar. A primeira grande mudança é quanto o processo de boot que todos estamos acostumados. Em primeiro lugar, não teremos mais a BIOS como conhecemos hoje. No seu lugar teremos um firmware baseado nas especificações UEFI.

As especificações do UEFI tem o propósito de aumentar a segurança e diminuir o tempo de boot. O problema é que essa segurança seria garantida através de chaves digitais, ou seja, para um executável ou driver rodar, ele precisará estar assinado digitalmente com uma chave que corresponda a uma das chaves gravadas no firmware do PC.

A imagem abaixo mostra uma comparação entre o processo de boot do Windows 7 e do Windows 8, onde o mais novo Sistema Operacional da Microsoft utiliza o protocolo UEFI.

Devo confessar que achei muito interessante um recurso chamado “Hiberfile”, uma espécia de cache que utilizará da tecnologia de hibernação para guardar informações do núcleo do sistema afim de agilizar o processo de inicialização do S.O.

Esse novo firmware será obrigatório para utilizar o Windows 8, ou seja, os computadores que receberão uma instalação do Windows 8 terão que vir com seu firmware assinado para permitir a instalação do mesmo.

Agora vamos imaginar a seguinte situação: um fabricante de hardware lança seus computadores e assina o firmware do PC somente com uma chave que permita a instalação de um determinado S.O, ou seja, um computador desses não iria dar boot em qualquer outro sistema operacional que não fosse aquele que possui a autorização. Isso também iria acabar de vez com as versões modificadas do Windows (a não ser que se recorra a hack’s para quebrar a proteção).

A grande questão é como vamos instalar o Windows 8 e qualquer Unix-Like em um mesmo computador? Quem vai prover as assinaturas para os sistemas baseados em Unix? E se eu quiser modificar o kernel do Linux e utilizar ele no meu PC? Como procederei? São perguntas ainda sem respostas e que no mínimo nos deixam preocupados.

Recentemente a Microsoft disse que o Secure Boot não pretende “trancar o Linux pra fora”. Segundo a empresa para os entusiastas que queiram rodar sistemas operacionais antigos será possível desativar a função do Secure Boot.

 Sobre isso eu faço das minhas palavras, as palavras do Augusto Campos do BR-Linux.org:

Ainda que aceitemos que editar uma opção no sistema equivalente ao configurador do BIOS nos PCs clássicos é algo que o usuário vá fazer “facilmente”, incluir como requisito à instalação a desativação manual pelo usuário final de um modo de operação batizado de “Seguro” não é algo que vá facilitar a vida de quem busca popularizar sistemas operacionais alternativos, acredito. (BR-Linux.org)

É a continuação da “Guerra Fria”… E a Microsoft ainda faz vídeo para comemorar o aniversário do Linux..

Mas informações:

•  http://www.valente.adv.br/2011/09/aspectos-legais-do-uefi-secure-booting-e-sua-adocao-pelo-windows-8/
• http://mjg59.dreamwidth.org/5552.html
• http://www.h-online.com/open/news/item/Microsoft-responds-to-secure-boot-accusations-Update-1349170.html

Related posts:

1. Novo vírus para Windows obriga usuário a reinstalar o sistema No último dia 21 a Microsoft publicou no Microsoft Safety...
2. Seu Windows não inicia? Saiba o que fazer! Bom pessoal, depois de um tempo fora das postagens, estou...
3. Melhores práticas no Windows Server 2008 com o Best Practices Analyzer Todos nós que trabalhamos com o TI temos a obrigação...

Related posts brought to you by Yet Another Related Posts Plugin.

Nos últimos dias, foi deflagrado pelos finalistas da Olimpíada de Algoritmo Hostnet (OAH) do IFRN – Campus Mossoró, os mesmos que vos escrevem, o movimento #ifrnNaOAH, movimento este que tinha como único objetivo a concessão do apoio necessário por parte do IFRN a nós finalistas.

Desejamos esclarecer a toda comunidade do IFRN, bem como a todos aqueles que nos apoiaram durante os dias de “protesto”, que em nenhum momento tivemos o desejo de desmerecer a Instituição. Queremos crer que tudo não passou de um “mal entendido” e que o IFRN apoia e sempre apoiará seus alunos em qualquer evento que agregue conhecimento ou valores para nós alunos.

Ressaltamos nossa satisfação relativa à preocupação do IFRN quanto ao impasse em que estávamos e também às medidas tomadas pela Instituição para a resolução do mesmo. Hoje podemos afirmar que teremos todo o apoio necessário.

Pedimos desculpas se em algum momento causamos constrangimento para algumas pessoas; nossa luta era por poder representar Mossoró, o IFRN e toda a região Nordeste na fase final da OAH. Não podemos garantir a vitória, mas podemos garantir nosso esforço e dedicação para obtermos o melhor resultado possível, não só para nós, mas para toda a Instituição.

Não poderíamos finalizar esta nota sem antes agradecer a todos os que contribuíram com o movimento, a todos os que nos parabenizaram, a todos os que se mobilizaram para que o impasse fosse resolvido e ao IFRN – não só ao campus Mossoró, mas a toda a Instituição, pois não importa o campus, somos todos uma só Instituição.

Atenciosamente.

Bruno Azevedo, Fátima Dantas e Nícholas Oliveira

Related posts:

1. IFRN não custeia passagens aéreas e impede alunos finalistas de participarem da Olimpíada de Algoritmos Hostnet   Semana passada eu soube que 2 dos autores do...
2. Continua aberta Chamada de Trabalhos para o Fesmisol O Festival Mossoroense de Instalação de Software Livre (Fesmisol) é...

Related posts brought to you by Yet Another Related Posts Plugin.

No decorrer da série veremos como proceder desde a instalação até a criação de templates (temas) e, dependendo do andar da carruagem, abordaremos um pouco sobre desenvolvimento de plugins e widgets.

O objetivo principal dessa série não é explicar o funcionamento do WordPress no que diz respeito à interface de usuário, ou seja, não iremos focar na criação de posts, categorias, páginas e configurações que até os usurários de baixíssimo conhecimento na área computacional são capazes de fazer. Caso deseje um material mais básico, existem outras fontes na internet que lhe ajudarão.

Logo, como requisito básico para o bom entendimento desta série, é importante que o leitor esteja familiarizado com a administração do WordPress.

Antes de propriamente instalá-lo, vamos analisar um pouco o modelo de dados do WordPress, isto é, como funciona o banco de dados dele, algo de suma importância para aqueles que desejam trabalhar criando plugins para o aplicativo.

Entendendo o modelo de dados do WordPress

O WordPress por padrão possui 11 tabelas (Figura 1), sendo a mais importante delas a tabela wp_posts. Todos os posts e páginas que você criar pelo painel administrativo do WordPress ficarão salvos na tabela wp_posts. Não existe uma tabela separada para posts e páginas, a diferenciação entre elas é definida no campo post_type dessa tabela.

Figura 1: Modelo de dados do wordpress

Outro ponto importante que devemos destacar é que o banco de dados do WordPress não possui nenhuma chave estrangeira, ou seja, a integridade dos dados é de total responsabilidade da aplicação. Por isso, caso deseje desenvolver plugins, você deve garantir essa integridade no próprio plugin.

O banco de dados também necessita de uma otimização caso você esteja utilizando-o para grandes projetos. Alguns campos possuem tipos de dados muito grandes. As chaves primárias, por exemplo, são nada mais nada menos que um BIGINT(20), variando de 0 até mais de 18 quintilhões (18.446.744.073.709.551.615).

Muitos blogs e sites morrem antes de atingir 1/4 desse valor. Se seu projeto possui uma grande visitação e movimenta muitos dados você deve levar em consideração a realização de uma otimização no banco de dados do WordPress.

Poderíamos falar muito mais que isso em um único post, mas o nosso objetivo não é discutir teoria de banco de dados e sim colocar a mão na massa no desenvolvimento para WordPress.

Para maiores informações sobre este assunto, visite este artigo e a página do Codex que explica detalhadamente como funciona o banco de dados do WordPress.

Instalando o WordPress

O processo de instalação do WordPress não é nada complicado. Primeiro temos que baixar a última versão do aplicativo, descompactá-lo no servidor web e configurar o arquivo wp-config.php.

É claro que precisamos ter um servidor web já instalado e configurado, bem como um servidor MySQL rodando na máquina. Caso não saiba como realizar tais procedimentos, uma rápida pesquisa no google resolve seu problema.

Até o momento em que escrevo a última versão é a 3.1.1 e a sua versão em português pode ser baixada no site br.wordpress.org.

Após a conclusão do download, descompacte o arquivo em seu servidor web. No caso do Linux geralmente a pasta raiz do servidor web é /var/www.

Ao descompactar o arquivo será criada uma pasta chamada wordpress, você pode renomeá-la para o nome que desejar. Ao entrar na pasta você verá vários arquivos como mostra a figura 2.

Figura 2: arquivos e pasta que compõem a instalação do wordpress

Quando você extrair os arquivos notará que não existe um arquivo chamado wp-config.php. O que existe é o wp-config-sample.php que é justamente o arquivo base para você configurar a sua instalação. Sendo assim, abra o arquivo wp-config-sample.php e você verá uma seção em que você definirá a sua conexão com o MySQL como mostra a figura 3.

Figura 3: arquivo de configuração do banco de dados

Figura 4: Página de configuração do WordPress

Esta tela indica que o WordPress conseguiu se conectar ao banco de dados. Nesta tela é necessário incluir algumas informações sobre o site ou blog, como o título do site e uma conta para administração. Após esta etapa ser concluída, você terá acesso ao painel administrativo.

Na próxima parte, veremos a estrutura básica dos temas do WordPress, analisando temas já criados e modificando temas prontos e aos poucos iremos criar nossos próprios temas.

Um abraço e até a próxima!

Related posts:

1. Instalando o Gnome 3 Após cinco anos de intenso trabalho, finalmente o Gnome 3...

Related posts brought to you by Yet Another Related Posts Plugin.

Todos devem concordar que para aparender a programar de fato, precisamos praticar, praticar, praticar e praticar mais 70 vezes 7. Se você é programador ou está estudando programação, já deve ter resolvido alguns problemas simples com matrizes, loops e talvez até algumas estruturas de dados. Que tal dar um passo a mais?

Se sua resposta foi negativa, então pode parar de ler por aqui. Este post não é para você. Volte amanhã!

Se você está lendo este parágrafo, então provavelmente é porque você tem no mínimo uma das características citadas no começo do post. Parabéns, você é louco e não deve ter vida social.

Deixando essas coisas de lado, vamos ao que realmente interessa: Project Euler. Só pelo nome, já parece ser coisa de louco. O Project Euler reune centenas de problemas de lógica e de matemática para serem resolvidos via programação, um ótimo lugar para testar sua lógica e desenvolver sua habilidade em desenvolvimento.

Existem diversos níveis de dificuldade e para rankear isto, existe no site do projeto um contador indicando quantas pessoas resolveram aquele determinado problema. Logicamente, os mais fáceis são aqueles que foram respondidos pela maior quantidade de pessoas.

Então não perca tempo! Acesse já o site e começe a queimar alguns miolos. Não vale buscar as respostas no Google, não seja covarde!

"Project Euler exists to encourage, challenge, and develop the skills and enjoyment of anyone with an interest in the fascinating world of mathematics."

Que a força esteja com vocês!

Abraços

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

O desenvolvimento para web com ferramentas opensource é um mercado que sem dúvida está em alta . Entretanto, muitas pessoas ainda têm aversão à utilização de software livre para o desenvolvimento web, seja na área de programação, montagem (HTML/CSS) ou design, sendo esta última, a área em que isso ocorre com maior frequência.

O objetivo deste post é mostrar que o Software Livre está mais presente do que você imagina no desenvolvimento web.

Onde o software livre está presente?

Esta é uma das perguntas mais fáceis de ser respondida. Quando você desenvolve para web com certeza você está usando software livre. Seja porque você testa em diversos navegadores como Firefox e Chromium, que são softwares livres, ou então quando configura seu servidor web que usa o Apache e que na maioria das vezes é Linux.

Eu nem precisava citar todos esses softwares para comprovar o quão eles estão presentes no desenvolvimento web. Bastaria citar que a grande maioria das linguagens que são usadas na web hoje são linguagens open-source, como por exemplo, PHP, Ruby On Rails, Python etc.

Também não poderia esquecer de citar frameworks e CMSs. WordPress, Joomla, Drupal, CakePHP e por aí vai. São só alguns exemplos de projetos que são muito utilizados e que mais uma vez, são software livres.

Usando ferramentas e projetos livres

Ao contrário do que a maioria pensa, é possível aumentar a produtividade (e o lucro) utilizando ferramentas livres. Primeiro porque você não precisará pagar a licença de um eventual software pago. Segundo porque muitas vezes as soluções livres superam as soluções pagas, como por exemplo o Apache que domina o mercado por oferecer um serviço muito superiorao IIS da Microsoft.

Um outro caso seria a utilização de um SGBD. Se você optar por uma solução paga você terá que desembolsar uma quantia significante (dependendo da solução) para obter a licença de uso. Além disso algumas soluções pagas exigem licença para cada uso, ou seja, se cada sistema que sua empresa desenvolver utilizar um servidor de banco de dados diferente, você teria que ter uma licença para cada instalação do SGBD.

Isso logicamente não acontece ao utilizar soluções livres. SGBDs como PostgreSQL, MySQL e Firebird são totalmente livres e não exigem o pagamento de licença para seu uso.

Desenvolvendo para web com software livre

Neste tópico irei reunir algumas dicas, frameworks e CMSs que nos ajudam e muito durante o desenvolvimento de projetos.

Existem muitos CMSs no mercado, mas falarei somente de dois:Wordpress e  Joomla. Esses dois CMSs estão entre os mais utilizados no mundo todo. A agilidade no desenvolvimento, o poder de customização e também a quantidade de plugins disponíveis estão entre as características desses dois CMSs.

É perfeitamente possível utilizar qualquer um desses dois como plataforma primária para desenvolvimento de sites. E não pense que você vai ficar limitado ao que o WordPress ou o Joomla por si só oferecem, pois você tem uma gama enorme de plugins e ainda tem a possibilidade de criar o seu próprio plugin ou modificar algum existente. As possibilidades são enormes!

Saindo um pouco dos CMSs temos também vários frameworks (open-source) disponíveis, seja para PHP, Ruby, Python etc. Nomes como Zend Framework, CakePHP, Django, Rails, são nomes que você como desenvolvedor web talvez já tenha ouvido falar.

Um dos principais objetivos dos frameworks é agilizar o desenvolvimento das aplicação ao passo que mantêm boas práticas de codificação, segurança e também um código legível e de fácil manutenção.

Não poderíamos deixar de citar algumas dicas bem úteis e que com o passar do tempo podem te ajudar bastante. A primeira delas já foi discutida aqui no I/O Tecnologia que é o ZenCoding. O objetivo do ZenCoding é agilizar o processo de formatação de um documento (X)HTML. Se achou interessante visite o post sobre o ZenConding para maiores detalhes.

Outra dica que pode ser bastante útil é o LessCSS. Esta ferramento é uma espécie de folha de estilos dinâmica. Usando esse framework, você consegue criar funções, variáveis e outras coisas mais no CSS. E isso pode ser muito útil ao criar e gerenciar folhas de estilos! Para maiores detalhes visite o site do projeto.

Eu ainda poderia me estender muito neste assunto, mas acredito que já deu para abrir os olhos de muita gente! Já se foi o tempo em que o desenvolvimento para web se resumia a usar o Dreamweaver e o Flash (Aliás, esse tempo nunca existiu).

Para o alto e avante!

Related posts:

1. Continua aberta Chamada de Trabalhos para o Fesmisol O Festival Mossoroense de Instalação de Software Livre (Fesmisol) é...
2. Um olhar rápido sobre os designs na Web móvel Recentemente comprei meu primeiro smartphone e ao acessar a internet,...
3. O fim do OpenOffice(?) Quem está antenado nas últimas novidades do mundo do software...

Related posts brought to you by Yet Another Related Posts Plugin.

Foi com imenso prazer que Eu (Nícholas André), dei uma entrevista ao nono episódio do BPACast, o podcast do Professor Abrahao. O podcast tinha como objetivo realizar um debate sobre 3 diferentes cursos de computação, Ciência da Computação, Sistema de Informação e Técnico em Informática.

“Neste episódio, alunos e professores das universidades, faculdades e escolas técnicas de Mossoró participam de um bate-papo muito informativo e dão suas opiniões e todas as informações sobre os cursos de computação de Mossoró.

Mesmo se você não é de Mossoró, ouça o episódio e saiba o que lhe espera nos cursos superior e técnicos de computação.

Ouça, divulguem para seus amigos e deixe o seu comentário!”

http://www.professor-abrahao.blogspot.com/

Apesar do foco do podcast ser os cursos de computação da cidade de Mossoró, ainda assim vale a pena escutar, pois durante todo o podcast é discutido o que cada tipo de curso oferece.

Link para o podcas: http://bpacast.podomatic.com/

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Quem está antenado nas últimas novidades do mundo do software livre, deve estar sabendo que o OpenOffice está em decadência. Isto se deve ao fato de a Oracle, a nova proprietária do OpenOffice (se é que eu posso afirmar isso) tomou certas decisões que não agradaram os usuários nem muito menos os desenvolvedores.

O resultado disso foi simplesmente a saída em massa dos desenvolvedores do OpenOffice para a criação de um fork (um projeto criado apartir de outro) chamado LibreOffice, que até o momento está praticamente a mesma coisa, mas que a tendência é ficar  superior ao OpenOffice, visto que a maioria dos desenvolvedores do OpenOffice agora estão trabalhando no LibreOffice.

No momento da saída em massa dos desenvolvedores, eles elaboraram uma carta aberta intitulada “Todo fim é um novo começo”. E nesta carta eles explicam todos os motivos que levaram eles a tomarem esta decisão. Você pode ver a carta completa aqui.

O OpenOffice pode não ser extinto, mas com certeza o LibreOffice vai dominar, inclusive os desenvolvedores do LibreOffice estão batalhando na justiça para resgatar o nome OpenOffice e obrigar a Oracle a substituir o nome do Office deles.

Caso deseja realizar a troca desde já, acesse o site do LibreOffice e vá até a seção de Downloads e baixe o pacote mais adequado para você É somente uma questão de tempo para que as distribuições deixem o OpenOffice de lado e passem a utilizar o LibreOffice.

Na minha humilde opinião, isto demonstra a força que a comunidade de Software Livre tem, que quando se sentiu ameaçado por uma empresa, rapidamente se mobilizaram para manter o espírito de liberdade vivo. Isso também é uma lição: ninguém controla o Software Livre, só a própria comunidade.

E você, o que acha de tudo isso? Já experimentou o LibreOffice, conte-nos a sua experiência ou a sua opinião a respeito.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Quem trabalha com Web e constantemente tem que desenvolver um layout, provavelmente a parte mais chata é ficar escrevendo todo aquele (X)THML  chato. Foi para isso que surgiu o Zen Coding, uma maneira de codificar a estrutura (X)HTML de uma forma lógica, extremanente rápida e muito prática!

Você pode estar se perguntando: “Mas como isso funciona?”. Pois bem, vou explicar. Primeiramente tenha em mente que não estamos falando de um editor gráfico ou alguma ferramenta gráfica. É tudo código! O Zen Coding criou uma estrutura lógica que facilita a cosntrução dos elementos do (X)HTML. Por exemplo, imagine que você quer criar uma div com o id topo e dentro desta div você quer colocar um parágrafo. Utilizando o Zen Coding no seu editor preferido, você vai escrever a seguinte linha:

div#topo>p

Depois, você vai ativar o Zen Coding apertando o botão de atalho que ativa o Zen Coding(isso pode variar de IDE para IDE, uso o NetBeans e configurei para o atalho CTRL+W). Quando o Zen Coding for ativado ele vai retornar a seguinte estrutura:

<div id=”topo”>

<p></p>

</div>

Agora vamos entender aquela linha de código que criamos lá em cima. o div#topo está dizendo “Crie uma tag div com id ‘topo’”. Isso funciona para qualquer elemento.

ul#menu

O código acima vai criar uma tag ul com o id menu. O restante do código que criamos lá em cima é um sinal de maior seguido por p. Isso é o mesmo que dizer: “Crie um elemento p dentro da div com id topo”.

Muito fácil né? Caso se interessou em instalar o Zen Coding, visite a página do projeto aqui. E procure a extensão para a sua IDE (existem plugins para as IDE mais populares).

Para finalizar, vou explicar mais um exemplo para dar um pontapé inicial no aprendizado dos interessados.

Vamos criar algo extremamente comum: Uma lista não ordenada com 5 elementos li e cada elemento li contendo um link. Isso é chato de se fazer com (X)HTML, mas muito rápido e sem chatices com o Zen Conding. Vamos lá:

ul#menu>li*5>a

O que estamos fazendo é criando cinco elemento li (li*5) dentro do elemento ul com id menu. E dentro de cada elemento li (>a), criamos um elemento ‘a’. Muito simples!

Para finalizar deixo um vídeo que demonstra as diversas funcionalidades do Zen Coding:

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Quem usa dual-boot, pode sofrer com um pequeno incoveniente: a impossibilidade de ler partições do Linux apartir do Windows. O inverso é muito fácil, a maioria das distribuiçãos já possuem o suporte nativo ou facilitam bastante a ativação desde recurso. Já o querido Windows não oferece tal suporte, nem tanto facilita esse processo. Mas como a comunidade de Software Livre é muito grande, sempre surgem soluções. Neste post veremos uma dica de um programa para Windows que conseguirá ler partições ext2/ext3/ext4 (usado pela maioria dos usuários).

Se você é usuário novato do Linux e não sabe o que é partição ou não sabe o qual é seu sistema de arquivo, é 99,99999% de chance de ser ext4 ou da famílita ext (digo isso porque na maioria das distribuições o sistema de arquivos ext4 é padrão na instalação).

O uso do programa é muito simples, após instalado, ele nos mostrará todas as nossas partições com sistemas de arquivos da família ext e clicando duas vezes em cima do ícone referente a cada partição, nós visualizaremos os arquivos contidos na partição.

Antes de continuarmos, vamos instalar o programa, o nome dele é ext2explore e pode ser baixado aqui. Após instalado, podemos agora executar o programa. Sempre que você for executar o ext2explore, você precisa executar como administrador. Para fazer isso clique com o botão direito do mouse sobre o ícone do programa e clique na opção “Executar como administrador”.

Feito isso, o programa será aberto e em ambas as colunas será mostrado as partições identificadas. No meu caso possuo três partições ext4.

Basta clicar duas vezes em cima da partição desejada que os arquivos serão mostrados. Para salvar qualquer arquivo ou pasta, basta clicar com o botão direito do mouse em cima do arquivo ou pasta desejada e clicar em save (salvar) . Após isso será necessário escolher o local onde o arquivo será salvo.

Por enquanto não é possível copiar arquivos do Windows para a partição Linux, mas isto não é problema, visto que é possível abrir partições NTFS normalmente apartir do Linux.

Quem trabalha com dual-boot, esta dica é muito valiosa, pois as vezes é preciso reiniciar o sistema só para copiar algum arquivo de uma partição ext para a partição do Windows.

Espero que tenham gostado da dica e até a próxima.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

No último fim de semana eu passei por algo extremamente aborrecedor, ao instalar a nova versão do Ubuntu, na hora de especificar o particionamento manual (eu só queria formatar a partição raiz) acabei sem querer, formatando uma partição de arquivos de 309GB com pelo menos 200GB de arquivos úteis (eu só percebi quando iniciei o sistema e vi que a partição estava “vazia”, vazia entre aspas porquê na verdade os arquivos ainda estavam lá, só estavam escondidos).

Após todo o processo de recuperação, o qual tirou o meu fim de semana inteiro, resolvi escrever este post descrevendo todo o processo que realizei. E uma dica: Preste atenção quando for formatar sua máquina!

Quando formatamos um HD ou apagamos um arquivo do HD, na verdade o arquivo não é apagado, o que acontece é que a porção do HD que armazenava aquele arquivo é marcada como vazia, permitindo assim que outros arquivos ocupem aquele espaço, e quando isso acontece aí é que temos o perigo da perda definitiva do arquivo (as vezes ainda é possível recuperar mesmo após uma sobreescrita dessas). Para entender melhor porquê isto acontece leia nosso post Duro de apagar: entenda porque seus dados não vão embora.

Explicações teóricas a parte, vamos partir para a prática, se você leu o post mencionado, você já sabe que o primeiro passo para garantir o sucesso de uma perícia computacional é clonar a memória, depois o HD e etc. Neste caso, eu só precisei recuperar os arquivos da partição, por tanto, não tem nenhuma utilidade realizar a clonagem (dump) da memória. Sendo assim eu “só” fiz a clonagem da partição.

No post eu mencionei o comando dd para realizar a clonagem, só que ele tem um pequeno problema, ele não mostra o progresso da clonagem, por isso, eu decidi utilizar um outro programa o dcfldd, você precisa instalar ele primeiro. Caso esteja no Ubuntu ou Debian você pode instalar assim:

$sudo apt-get install dcfldd

Clonar significa como o próprio nome diz, clonar o HD ou partição (dãã). Resumindo em miúdos, nós iremos criar uma imagem (como uma imagem .iso) para podermos analisar a nossa partição ou HD posteriormente sem ter medo de sobrescrevermos os arquivos da partição. É interessante realizar essa clonagem diretamente para uma mídia externa ou para outra partição (desde que tenha espaço livre suficiente), no meu caso eu utilizei um HD externo de 1TB. Eis exatamente o comando que utilizei:

$sudo dcfldd if=/dev/sda6 of=‘/media/My Passport/Nícholas/Arquivos.raw’

Onde if é a partição origem, ou seja o que você quer clonar, e of é o onde a imagem será salva, veja que eu salvei com o nome Arquivos.raw (a extensão não faz diferença), a extensão raw é comumente utilizada em perícias computacionais.

Lembrando que não é obrigatório realizar a clonagem para recuperar os arquivos, no meu caso eu decidi fazer isso porquê realmente eu queria recuperar o maior número possível de arquivos. Então decidi por fazer as coisas da melhor maneira possível. Clonando a partição eu poderia analisar e tentar recuperar os arquivos várias vezes sem sobrescrever os arquivos.

A clonagem é um processo bem demorado também, no meu caso levou mais de 24h para realizar a clonagem dos 309GB. Como estamos clonando a partição, ele realiza a cópia exata de toda a partição e não  uma simples cópia dos arquivos que estão nela.

Com a imagem clonada em “mãos”, vamos partir agora para outro processo: a recuperação propriamente dita. Vamos utilizar um programa chamado foremost, muito utilizando em sistemas Linux para recuperação de arquivos. Novamente Precisamos instalar ele. Se você está no Ubuntu ou Debian você pode instalar da seguinte forma:

$sudo apt-get install foremost

Feito isso, já temos o que precisamos para realizar a recuperação dos arquivos. Existem diversas formas de utilizar o foremost, mas a que vamos utilizar neste caso é a seguinte:

$sudo  foremost -i arquivo_de_entrada -o diretorio_de_saída

Onde arquivo_de_entrada é a imagem que criamos, e o diretorio_de_saída é a pasta onde ele irá salvar os arquivo recuperados, o foremost irá cria uma pasta para cada tipo de extensão suportada por ele.

No nosso caso o comando ficará assim (considerando que estamos na mesma pasta da imagem):

$sudo foremost -i Arquivos.raw -o /media/HDEXTERNO/Arquivos_Recuperados

No comando acima estou pegando a imagem criada como fonte de análise e salvando os arquivos em um HD externo em um diretório chamado Arquivos_Recuperados. Como estamos executando o comando como sudo, você precisará ter privilégios de root para visualizar os arquivos recuperados, uma dica rápida para visualizar é executar o nautilus como root:

$sudo nautilus /diretorio_dos_arquivos

Caso você não queira criar uma imagem da partição, você ainda pode usar o foremost para recuperar os arquivos.

$sudo foremost -t tipo -i /dev/partição
$sudo foremost -t all -i /dev/sda6
$sudo foremost -t pdf -i /dev/sda6

Onde tipo, pode ser jpeg, jpg, pdf, gif e etc, ou pode ser simplesmente all, para todos os tipos de arquivos suportados. a opção -i especifica a partição a ser analisada. Com a opção -o você pode especificar também onde será salvo os arquivos.

Existem outros programas para recuperação de arquivos no Linux, outro que é muito usado é o scalpel.

Espero que tenham gostado e que seja útil para alguém, e lembre-se faça backups e preste bastante atenção ao formatar sua máquina!

Abraços e até a próxima.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

O Flash ainda é sem dúvida um plugin considerado essencial para todos os que usam e precisam da internet, mas o que poucos sabem e talvez até discordem, é que o Flash está com seus dias (ou melhor, anos) contados. E isso não é só porquê Steve Jobs está em pé de guerra com o Flash, mas sim porquê novas tecnologias estão surgindo e as tecnologias existentes estão sendo aprimoradas, veja comigo neste post porquê você não terá que instalar o adobe flash player daqui a alguns anos.

Quem costuma defender o Flash, sempre alega as grandes coisas que ele pode fazer, mas esquecem de levar em consideração as consequências que elas trazem. Sites mais pesados, menos acessíveis e por aí vai. Eu odeio quando entro em um site e vejo que ele é todo em flash,  ou então quando o mesmo se resume a um banner em flash, lastimável…

Na verdade eu não vim explicar o porquê o Flash vai acabar ou está acabando, mas sim mostrar o que irá substituí-lo. E uma das tecnologias será o JavaScript, ou melhor JavaScript com JQuery e seus milhares de plugins.

Para quem não conhece, o  JQuery é uma biblioteca que além de facilitar o desenvolvimento em JavaScript, adiciona muitos efeitos que não seriam muito fáceis de implementar utilizando só o JavaScript. Com JQuery é possível inclusive fazer animações para Web, claro que nada como uma animação em Flash, mas quem sabe no futuro.

Abaixo você verá uma lista de sites (clique nas imagens para acessar o site) que utilizam JQuery e alguns plugins, e pode acreditar: não é flash! (Se possível testem no Firefox, no IE pode ser que alguns sites não funcionem como o esperado)

Fly Out Menu

Super Galeria

Collapsing Site Navigation

Banner totalmente em Jquery

Portfólio Animado

Achou pouco? tem  mais exemplos! Veja a lista abaixo com diversos exemplos de efeitos criados sem o uso de Flash:

• http://demo.tutorialzine.com/2010/10/css3-animated-bubble-buttons/css3-buttons.html
• http://www.zurb.com/playground/jquery_image_slider_plugin
• http://www.sohtanaka.com/web-design/examples/element-tooltip/
• http://nivo.dev7studios.com/
• http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
• http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/

Gostou né? É… agora você está pronto para deixar de usar o Flash? E olhe que eu nem falei do HTML5…

Agradeço ao @TiagoOliveira86 por nos compartilhar os sites exemplos e ao @evanshossel por resgatá-los do histórico do Skype!

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Este post irá reunir alguns tópicos sobre o desenvolvimento Web em geral, abordando desde algumas dicas à alguns sermões para os profissionais da Web.

Use todos os seletores CSS avançados

Você realmente conhece a fundo o CSS? Nesta dica irei reunir algumas formas avançadas de selecionar elementos para definir os estilos.

• Attribute selectors

Nesse tipo de seletor ele irá pegar um elemento baseado em algum atributo definido no XHTML. No exemplo abaixo todos os elementos img com a propriedade alt definida serão afetados pelo estilo:

Um outro exemplo é aplicar o estilo dependendo do conteúdo dos atributos:

Neste caso, todos os parágrafos que tenham a classe title serão afetados pelo estilo.

• Child selectors

Um child selector atinge o filho “direto” de um elemento. Por exemplo, suponha que tenhamos a seguinte marcação:

Perceba que somente o primeiro link é que é um filho direto da div, os outros links são filhos diretos da lista e não da div.

O estilo acima só irá afetar o primeiro link, uma vez que ele é filho direto da div.

• Adjacent sibling selectors

Este tipo de seletor consiste em pegar o elemento que possui o mesmo pai e que esta imediatamente após outro seletor.

E com o seguinte CSS, somente o primeiro parágrafo será estilizado.

Existem muitas outros seletores, não poderei abordar todos para não deixar o post muito grande. Mas isso serve como um incentivo para vocês buscarem conhecer mais.

Use convenções de nomes

Quem aqui já desenvolveu um site e não se preocupou muito com a organização, sabe a grande dor de cabeça que isto dá, por isso, uma outra dica que eu dou é usar convenções de nomes para os seus elementos. E claro, nunca misture inglês com português, use somente um idioma.

Abaixo uma lista de convenções de nomes geralmente usadas (em inglês):

• #branding
• #content_sub
• #content_main
• #content_supp
• #nav_main
• #nav_sub
• #site_info

Instale as extensões Firebug e Web Developer

Eu acredito que a grande maioria dos desenvolvedores Web utilizam o Firefox para seu ambiente de produção. Caso você não use, recomendo fortemente que o faça agora. O Firefox possui duas extensões poderosas e que auxiliam e muito o desenvolvimento de páginas web: Firebug e Web Developer.

Você pode baixá-las aqui: http://getfirebug.com/ e https://addons.mozilla.org/en-US/firefox/addon/60/.

Quando você instala essas extensões, é criada uma barra na parte superior do navegador, com diversas opções do Web Developer. O Firebug fica no canto direito inferior da tela. Após instalar o Firebug irá aparecer um ícone de um inseto que ao ser clicado irá abrir o Firebug.

Com o Web Developer podemos editar o CSS enquanto estamos visualizando a página no navegador e obter o resultado na medida que fazemos as alterações. Podemos também ver diversas informações da página. Uma função que eu gosto muito é a de exibir a topografia. Vá em informações > Exibir topografia e veja o resultado.

Usando Firebug podemos facilmente descobrir onde está determinado elemento ou a que elemento pai um elemento filho pertence. Com o Firebug instalado e o Firefox aberto, clique no ícone do inseto para abrir o Firebug.

Clique agora no ícone da setinha azul, a segunda opção da esquerda para a direita. Após fazer isso passe o mouse por cima da página, você vai perceber que ele vai selecionando os elementos, quando você clicar em algum elemento ele irá mostrar o XHTML e o CSS daquele elemento.

Separe o estilo do conteúdo

Já se foi a época em que usávamos o HTML para definir o visual das páginas Web, hoje em dia devemos utilizar o CSS para este fim. O XHTML é onde definimos a marcação e colocamos o conteúdo, somente isso! Todo a estilização é feita via CSS. Uma forma interessante de ver se você está fazendo a coisa certa é verificar como sua página fica sem o CSS. Se ela ainda possuir fontes customizadas, fontes coloridas, backgrounds e etc, isso é um mal sinal, pois você está usando o XHTML para estilizar sua página. Com o Web Developer é possível verificar como a página fica sem o CSS.

Para fazer isso vá em “Nenhum erro de CSS > Desativar estilos > Todos os estilos”, após fazer isso o CSS será desativado e o navegador só ira renderizar o XHTML.

Teste em todos os navegadores

Um outro ponto de suma importância: teste o site em todos os navegadores, não há nada mais desagradável do que ver um site funcionar perfeitamente em um navegador mas em outro navegador ele está com erros. Um exemplo é o site da Wizard . Até o presente momento ele está com o layout quebrado no Google Chrome.

Preze pela acessibilidade

Você sabe o que é acessibilidade? Você sabe as técnicas utilizadas para prover uma acessibilidade? Se você não sabe responder essas perguntas, provavelmente seus sites são bastantes inacessíveis.

Propriedades como alt e title são essenciais para uma boa acessibilidade. Imagine que você tem uma imagem como um link, um internauta cego, logicamente não vai conseguir ver a sua página, então ele usa um leitor de tela.

Quando o leitor de tela vê uma imagem, ele procura por propriedades como alt e title, que descrevem o que é aquilo. Dessa forma um internauta cego conseguiria saber do que se trata aquele link. Se não houver um atributo deste tipo, provavelmente o leitor de tela irá ler o destino do link. O que não seria nada esclarecedor para o internauta.

Agora vamos mudar de situação, imagine um internauta que não consiga usar o mouse, ou que tenhas dificuldades de usar o mouse, então ele usa na maior parte do tempo o teclado para trabalhar no computador. Imagine aqueles famosos menus que quando passamos o mouse em cima aparece o submenu, como o deficiente iria conseguir imaginar que ali tem submenus?

Outra dificuldade seria navegar pela página, navegar pelos links utilizando apenas o teclado. Para problemas desse tipo existe o tabindex, uma propriedade que define a “prioridade” de cada elemento. Ou seja quando pressionarmos a tecla TAB os elementos serão selecionados de acordo com a prioridade definida pela propriedade tabindex.

Você pode estar sentindo falta de um apelo anti-flash, mas isso é assunto para um post inteiro, então para finalizar deixo esses vídeos que falam  muito sobre acessibilidade, é um pouco grande mas vale muito a pena assistir. Espero que após verem esses vídeos, seus sites sejam mais acessíveis.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Quem já é acostumado a formatar computadores sabe que um particionamento adequado é essencial para que um sistema continue “operante” mesmo após uma outra formatação, ainda mais quando se trata de servidores. O LVM ou Logical Volume Management é um padrão para gerenciamento de discos e sistemas de arquivos, criado inicialmente pela IBM, recebendo apoio de empresas como HP e Open Group.

O LVM oferece algumas vantagens. Diferente do particionamento tradicional, ele não vê HD’s nem partições, ele cria os chamados volumes lógicos. Cada volume se comporta como se fosse uma partição, que pode ser formatada e montada normalmente. Esse volumes ficam agrupados em um grupo de volumes lógicos (Logical Volume Group), este por sua vez, se comporta como um HD.

Como é possível ver na figura acima, no LVM primeiramente temos os dispositivos físicos (Physical Volume), logo após temos o VG (volume groups) que podem englobar mais de uma partição e/ou HD, como mostra a figura. Finalmente na última “camada” temos os volumes lógicos que seriam as nossas partições. No caso da figura acima temos 3 volumes lógicos cada um se refere ao diretório /home, /var e /data respectivamente.

A diferença do LVM para o particionamento comum é que ao invés de armazenar as informações sobre as partições na tabela de partições (espaço que mantém as informações do particionamento do computador), o LVM escreve suas próprias informações de forma separada e mantém o controle sobre a localização das partições, quais dispositivos são partes delas e o tamanho de cada uma.

A principal vantagem é que o grupo de volumes lógicos pode combinar o espaço de diversos HD’s, que poderá ser modificado conforme necessário. E tudo isto será visto como um único volume, ou seja, é como se uma única partição englobasse mais de um HD. Uma outra vantagem é que você pode facilmente aumentar ou reduzir o tamanho dos volumes lógicos, procedimento que se assemelha ao redimensionamento.

Se você deseja aumentar o tamanho do volume X, você pode diminuir o volume Y e alocar esse espaço livre na partição X. Ainda existe a possibilidade de adicionar novos HD’s ao computador e posteriormente adicionar esse HD a um volume lógico existente. Se um servidor tiver suporte ao hot-swap é possível inclusive realizar essa operação sem reiniciar a máquina.

Se você deseja mais informações sobre LVM e procedimentos, você pode ler algum desses artigos:

• Entendendo e configurando o LVM
• LVM completo e sem mistérios
• Introdução ao LVM

É fácil perceber que o LVM é bem mais complexo e complicado se comparado ao sistema tradicional baseado em partições. Ele é útil para casos em que é necessário uma certa flexibilidade no gerenciamento dos discos. A menos que você seja um usuário avançado e queira realmente testar e usar o LVM, você pode ficar com o sistema tradicional.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.