Estamos de Volta

Fala meus queridos, estou de volta.

Finalmente consegui um tempo para meus projetos próprios, inclusive meu site e meu blog. Pretendo voltar a postar com uma boa frequência e poder trazer novidades, soluções e discussões úteis sobre desenvolvimento e tecnologia.

Comecei resolvendo um monte de problemas com as coisas que estavam desatualizadas no WP deste blog, na verdade tive que trocar o tema e desativar todos os plugins :(, pois muitos estavam desatualizados. Agora o foco é dar um upgrade no site e começar postar coisas aqui.

Estou estudando uma forma para tornar as postagens mais assíduas e úteis, e logo começarei a postar novamente, se vocês quiserem dar algumas sugestões, podem comentar ou mandar uma mensagem pelo contato do meu site.

Por enquanto é isso, um grande abraço!

Resolvendo erros: facebook social plugin: ‘root’ error

Como resolver o erro de ‘root’ causado por plugin do LikeBox do facebook adicionados via XFBML.

Faça a seguinte mudança no seu código, como no exemplo abaixo:

Obs.: Este erro só é causado para plugins adicionados com XFBML.

<div id="fb-root">
	<!-- o código do facebook abaixo -->
	<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
	<fb:like-box href="http://www.facebook.com/lucasmartins87" width="292" show_faces="true" stream="false" header="false"></fb:like-box>
</div>

Viram que a diferença é apenas adicionar a div com id=”fb-root”.

Se você tem alguma dúvida ou não conseguiu resolver o problema é só comentar que nós tentamos solucionar. Abraços!

(aula 3) AJAX para Iniciantes – Recuperando dados XML com AJAX

Veja como recuperar valores de um documento XML externo via AJAX, isso é muito útil para ler Feeds RSS, APIs e criar páginas HTML dinâmicas (DHTML).

Este é um exemplo bem básico, apenas mostrando o esqueleto de como funciona essa transferência XML para HTML.

Este é um exemplo bem básico, apenas mostrando o esqueleto de como funciona essa transferência XML para HTML.

Veja como recuperar valores de um documento XML externo via AJAX, isso é muito útil para ler Feeds RSS, APIs e criar páginas HTML dinâmicas (DHTML).

Este é um exemplo bem básico, apenas mostrando o esqueleto de como funciona essa transferência XML para HTML.

A explicação do script ajax.js está disponível no post da primeira aula AJAX para Iniciantes – Instanciando XMLHttpRequest.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ajax - Aula 3</title>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
function xmlBasicExample() {
	// instanciando o objeto XMLHttpRequest
	var ajax = new Ajax();
	var container = document.getElementById('container');
	
	ajax.open('GET', 'names.xml', true);
	ajax.onreadystatechange = function leituraRequisicao() {
		if (ajax.readyState < 4) {
			container.innerHTML = "Carregando...";
		} else {
			if (ajax.status == 200) {
				var xmldoc = ajax.responseXML;
   				var root = xmldoc.getElementsByTagName('file')&#91;0&#93;;
				
				var name = root.childNodes&#91;1&#93;.childNodes&#91;1&#93;.childNodes&#91;0&#93;.nodeValue;
				
				container.innerHTML = "O meu nome é " + name;
			} else {
				alert("Há um problema na requisição.");
			}
		}
	}
	ajax.send(null);
	return false;
}

window.onload = function() {
	xmlBasicExample();
}
</script>
</head>

<body>
<h1>Ajax - Aula 3</h1>
<div id="container"></div>
</body>
</html>

Veja este exemplo funcionando.

XML DOM: Uma Introdução

Todos sabem que hoje em dia as recomendações do consórcio W3C são quase que leis para nós desenvolvedores. Deixe de segui-la e você estará fazendo feio.

Todos sabem também que – pelo menos na internet – notícias, informações e dados tendem a ser compartilhados entre softwares e sites, blogs e blogs, redes sociais e redes sociais, portais e blogs, por ai vai, em forma de API ou não. Mas aqui, o mais importante é saber que existe um meio entre uma ponta e outra: o XML.

Saiba o que é o XML e o DOM.

Todos sabem que hoje em dia as recomendações do consórcio W3C são quase que leis para nós desenvolvedores. Deixe de segui-la e você estará fazendo feio.

Todos sabem também que – pelo menos na internet – notícias, informações e dados tendem a ser compartilhados entre softwares e sites, blogs e blogs, redes sociais e redes sociais, portais e blogs,  por ai vai, em forma de API ou não. Mas aqui, o mais importante é saber que existe um meio entre uma ponta e outra: o XML.

O que é  XML?

XMLO XML (eXtensible Markup Language) é algo bem simples, mas que pode ser utilizado em coisas simples à complexas. É uma recomendação da W3C para gerar linguagens de marcação para necessidades especiais. É um subtipo de SGML e seu propósito principal é a facilidade de compartilhamento de informações através da Internet.

Suas principais características são:

  • Separação do conteúdo da formatação
  • Simplicidade e Legibilidade, tanto para humanos quanto para computadores
  • Possibilidade de criação de tags sem limitação
  • Criação de arquivos para validação de estrutura (Chamados DTDs)
  • Interligação de bancos de dados distintos
  • Concentração na estrutura da informação, e não na sua aparência

O XML é um formato para a criação de documentos com dados organizados de forma hierárquica, como se vê, frequentemente, em documentos de texto formatados, imagens vetoriais ou banco de dados.

Pela sua portabilidade, já que é um formato que não depende das plataformas de hardware ou de software, um banco de dados pode, através de uma aplicação, escrever em um arquivo XML, e um outro banco distinto pode ler então estes mesmos dados.

Um documento XML é criado de uma forma que seja de fácil interpretação do computador e também de humanos.

Veja como uma receita de bolo pode ser escrita utilizado o XML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<receita nome="pão" tempo_de_preparo="5 minutos" tempo_de_cozimento="1 hora">
  <titulo>Pão simples</titulo>
  <ingredientes>
    <ingrediente quantidade="3" unidade="xícaras">Farinha</ingrediente>
    <ingrediente quantidade="7" unidade="gramas">Fermento</ingrediente>
    <ingrediente quantidade="1.5" unidade="xícaras" estado="morna">Água</ingrediente>
    <ingrediente quantidade="1" unidade="colheres de chá">Sal</ingrediente>
  </ingredientes>
  <instrucoes>
    <passo>Misture todos os ingredientes, e dissolva bem.</passo>
    <passo>Cubra com um pano e deixe por uma hora em um local morno.</passo>
    <passo>Misture novamente, coloque numa bandeja e asse num forno.</passo>
  </instrucoes>
</receita>

Para maiores informações: Wikipedia ou Google

O que é DOM ?

DOM (Document Object Model – Modelo de Objetos de Documentos) é uma especificação da W3C, independente de plataforma e linguagem, onde pode-se dinamicamente alterar e editar a estrutura, conteúdo e estilo de um documento eletrônico. Ou seja, permitindo que o documento seja mais tarde processado e os resultados desse processamento sejam incorporados de volta no próprio documento. A API DOM oferece uma maneira padrão de se acessar os elementos de um documento, além de se poder trabalhar com cada um desses elementos separadamente, e por esses motivos criar páginas altamente dinâmicas.

Para maiores informações: Wikipedia ou Google

O XML e o DOM

  • Um padrão de modelagem de objetos para XML
  • A interface de programação padrão para XML
  • Independente da linguagem e plataforma
  • Um padrão W3C

O XML DOM define o s objetos e propriedades de todos os elementos XML, e os métodos (interface) para acessá-los.

Em outras palavras: O XML DOM é um padrão para pegar, alterar, adicionar, ou deletar elementos XML.

Fonte: w3schools