Zen Coding – Vai mudar sua vida se você usa HTML

Imagine escrever uma linha com uns poucos comandos e obter um arquivo HTML todo formatado e já preparado para receber seu texto.

Isto é o Zen-Coding: http://code.google.com/p/zen-coding/

Bom, melhor que falar é mostrar a mágica:

 
html>(head>title+script+style)+body>div#jqt>(div#main>(div.toolbar>
h1+a.back)+span#tempo+span#tentativas+table>tr*4>td*4>img#id[onclick])+
(div#about>(div.toolbar>h1+a.back)+div.sobre>
a[href=http://wwww.netfilter.com.br])

E com um comando (Control-E) obter:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<html>
	<head>
		<title></title>
		<script type="text/javascript"></script>
		<style type="text/css"></style>
	</head>
	<body>
		<div id="jqt">
			<div id="main">
				<div class="toolbar">
					<h1></h1>
					<a href="" class="back"></a>
				</div>
				<span id="tempo"></span>
				<span id="tentativas"></span>
				<table>
					<tr>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
					</tr>
					<tr>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
					</tr>
					<tr>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
					</tr>
					<tr>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
						<td><img src="" alt="" id="id" onclick="" /></td>
					</tr>
				</table>
			</div>
			<div id="about">
				<div class="toolbar">
					<h1></h1>
					<a href="" class="back"></a>
				</div>
				<div class="sobre"><a href="http://wwww.netfilter.com.br"></a></div>
			</div>
		</div>
	</body>
</html>

Esta mágica é feita pelo Zen-Coding, um plugin genial. gratuito e disponível para a maior parte dos editores.

É o tipo da coisa que você só vai valorizar depois de testar. Se ainda está em dúvida veja o vídeo abaixo:


Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

O Zeletron já sugeriu algumas mudanças para fazer o Zen-Coding mais poderoso, você pode sugerir também: http://code.google.com/p/zen-coding/issues/detail?id=159

Desenvolvendo para IPhone sem Objective-C (Parte 3/3)

Terminamos hoje nosso tutorial de desenvolvimento para IPhone sem usar Objective-C. Não vou mais pedir que você compre a App de US$ 0,99. Já me convenci de que você não fa-lo-á (curtiu a mesóclise?).

Hoje vamos ver o processo com a loja da Apple e antes de começar tenho que dar uma má notícia. Para se inscrever no Programa da Apple você precisa pagar 99 Obamas. Se você vai fazer apps boas vale a pena porque isto se paga rapidamente. Para se inscrever no programa você deve entrar em http://developer.apple.com/membercenter/ e completar o cadastro. No momento de escolher como quer se inscrever no IPhone Developer Program há duas opções Pessoa Física ou Empresa, como Pessoa Física a liberação é imediata, como empresa há bastante burocracia (agradeça ao governo Lulla) e pode demorar até 10 dias.

Continuar lendo Desenvolvendo para IPhone sem Objective-C (Parte 3/3)

Desenvolvendo para IPhone sem Objective-C (Parte 2/3)

Ok, eu já percebi que você não comprou meu app na loja da Apple, mas tudo bem, você sabe que não escrevo isto por dinheiro e que “você não precisa me ajudar a lhe ajudar”. Feita esta lamentação, voltemos ao frango. Quer dizer ao software.

Espero que ontem durante a noite você tenha feito já sua web app para o IPhone e esteja craque no uso da biblioteca jQTouch. Como não houve perguntas nos comentários, ou ninguém leu, ou não há duvidas. Vamos em frente.

Hoje veremos como transformar uma web app num aplicativo que possa ser vendido na loja da Apple. Há algumas bibliotecas que prometem fazer isto, algumas delas não respeitam as condições da loja da Apple e fazem as aplicações serem rejeitadas e outras custam muito caro. A biblioteca Phonegap tem a vantagem de ser aceita pela Apple e de ser 0800, ou seja, não vamos perder tempo falando de outras. Phonegap na cabeça!

A Phonegap, além de permitir compilar web apps em aplicativos nativos, tem uma outra vantagem bacana: permite que você use o mesmo código para criar apps para Android, Blackberry, Symbian e Windows Mobile. Tudo bem que a parte do IPhone é a mais desenvolvida, mas é um trabalho de portabilidade muito promissor.

Também a phonegap dá acesso aos componentes do sistema operacional como a agenda de telefones, o gps, o acelerômetro, o magnetômetro, etc.

Agora a má notícia. Você precisará de um Mac, não porque a Phonegap exija, mas porque, para compilar apps para o IPhone, só usando Mac. Puxa vida, dirá você, macacos me mordam, um Mac custa muito caro e agora, quem poderá me defender? Eu não vou recomendar para você que monte um Hackintosh, viu? Não monte um Hackintosh, nem procure no Google sobre isto. Compre um Mac. Mais uma coisa: não procure no Google sobre Hackintosh nem OSX86, que pirataria é coisa feia.

Eu uso um Mac Mini com o Leopard 10.5.8 e dá conta do recado, o SDK do IPhone você pode baixar, juntamente com o compilador, em http://developer.apple.com O download é bem grandinho, coisa de 3.4GB, portanto, deixe baixando à noite…

Para criar seu ambiente de desenvolvimento IPhone você vai precisar apenas da ferramenta GIT que pode ser instalada do seguinte endereço: http://git-scm.com/

A seguir, execute a seguinte sequência de comandos no terminal do Mac OS, num diretório que você irá usar para desenvolvimento:

git clone git://github.com/phonegap/phonegap-iphone.git
cd phonegap-iphone
git submodule init
git submodule update
make

Pronto, agora você deve ter neste diretório um arquivo: PhoneGapLibInstaller.pkg

Com o XCode fechado, execute o PhoneGapLibInstaller.pkg e instale-o.

Abra o XCode e, ao criar um projeto novo, você verá na parte de User Templates a opção: Phonegap.
Selecione esta opção e voilà! Criado seu projeto.

Agora, basta mover a Web App que você criou para o diretório www do projeto que está aberto em sua tela. E compilar para o simulador de IPhone e começar a brincar.

Algumas funcionalidades interessantes do Phonegap (uso de câmera, acelerômetro, gps, etc) você encontra em: http://docs.phonegap.com/

Um guia introdutório do Phonegap para caso tenha alguma dúvida pode ser visto em: http://phonegap.pbworks.com/Getting-Started

Caso você tenha outras dúvidas deixe um comentário neste post. Aliás, você já passou do nível anta na App que você comprou?

Parte 1: http://www.zeletron.com.br/2010/04/desenvolvendo-para-iphone-sem-objective-c-parte-13.html

App de Demo : http://itunes.apple.com/app/zeroes/id368251065?mt=8

Desenvolvendo para IPhone sem Objective-C (Parte 1/3)

Aplicação usada como exemplo:
http://itunes.apple.com/app/zeroes/id368251065?mt=8

Havia prometido o tutorial e finalmente chegou o dia. Vamos ver se conseguimos fazer as 3 partes em 3 dias consecutivos. Talvez, você que esperou tanto tempo esteja se perguntando porque ele demorou tanto para fazer o tutorial? Demorei porque esperei o programa que vou usar como modelo ficar aprovado na loja da Apple, o tempo de revisão é de 5 a 7 dias e hoje pela manhã ele foi publicado. Este programa que vou usar como modelo chamado Zeroes é um jogo de raciocínio que custa US$ 0.99 (você gostará tanto do tutorial que vai comprar ele, não vai?)


O caminho convencional de desenvolvimento para o IPhone é usando o compilador XCode com a linguagem Objective-C (que de C aliás tem muito pouco), este caminho não é acessível a todos os desenvolvedores e tem uma curva de aprendizado bastante lenta. O outro caminho, aprovado pela Apple, é o do desenvolvimento Web com Javascript + HTML5 + CSS3. No entanto o desenvolvimento Web não permite que o aplicativo seja vendido na loja da Apple a menos que você compile ele em um executável e este é o objetivo do tutorial.

Continuar lendo Desenvolvendo para IPhone sem Objective-C (Parte 1/3)