No dia 21 de janeiro, Belo Horizonte foi palco de um evento bem legal sobre Javascript, o mesmo reuniu a comunidade mineira e grandes nomes da área, tais como Luciano Ramalho, Diego Fleury, Zeno Rocha, Irae, Eder Frances, Suissa, Milfont, Marcos Souza e Herberth Amaral, também palestrei por lá.

Tomei conhecimento sobre o evento em 22 de Dezembro, logo quando comecei a trocar umas ideias com o organizador (@eder_frances), e falei um pouco sobre o riojs, ele acabou curtindo a ideia e criando também o BeagaJS no facebook, que hoje já conta com 108 membros, é notavel a influencia do evento no rápido crescimento do grupo.

O evento teve a abertura com o Diego Fleury que apresentou os cases: Ego e Paparazzo, mostrando soluções para diversos problemas enfrentados. Logo apos, tivemos o Eder Frances apresentando sobre ExtJS, e fechando a manhã, o curitibano Zeno Rocha. Posteriormente, partimos para o almoço, onde rolou um belo papo, com os presentes na foto abaixo.

Voltando do almoço, acabei perdendo a palestra do Iraê, mas ainda tinhamos, uma longa tarde de palestras, sendo 6, no total. Começando pela apresentação do Milfont, que fez todos de levantarem, obviamente para despertar aqueles que gostam de uma soneca pós-almoço. =) Logo após, tivemos as apresentações do Herberth Amaral e a do Marcos Souza. Como penultima apresentação, tivemos a minha palestra sobre Performance em JQuery Apps. Fechando o evento com chave de ouro, tivemos o Luciano Ramalho (@luciano), passando um pouco de sua larga experiencia, para nós iniciantes na área de desenvolvimento.

Seguem links para algumas palestras do evento:

1) Como usar HTML5 sem uma máquina do tempo – Zeno Rocha
2) Performance em jQuery Apps – Davidson Fellipe
3) Combinando OO e funcional numa abordagem prática – Cristiano Milfont
4) Backbone e Knockout: comparativo entre frameworks MVC e MVVM - Herbert Amaral
5) Dicas para criar plugins e widgets com JQuery - Marcos Sousa
6) Automatizando testes de JavaScript no front-end – Iraê Lambert
7) JS Storage – Jean Nascimento (Suissa)
Ego & Paparazzo – Diego Fleury

BeagaJS 2013?

O evento tem tudo para ganhar uma nova edição, para fortalecer ainda mais a comunidade frontend mineira.

Aconteceu no ultimo, 5 de novembro, o PHP n’ Rio, evento que reuniu a comunidade de desenvolvedores php do rio de janeiro e contou com 13 palestras, 4 oficinas e uma desconferencia. Basicamente o evento, que foi realizado no CEFET/RJ Maracanã, se dividiu em 3 salas, e irei relatar as seguintes palestras que conferi:

1) PHP com Arduino

A palestra sobre PHP com arduino, apresentou o que podemos fazer com Arduino, uma plataforma aberta de hardware. O Marcos mostrou diversas aplicações usando PHP e Arduino, inclusive mostrando formas de você controlar via internet, equipamentos eletronicos que estao em sua casa ou empresa, por exemplo. Eu conhecia quase nãda sobre Arduino, mas a palestra me despertou muito interesse em voltar apra essa vida de “catucar” em hardware no tempo livre.

Ainda mostrou diversos lugares onde podemos adquirir o material de estudo. No final rolou uma demonstração de um braço robotico controlado via web.

2) PHP com MongoDb

A segunda palestra do dia foi com uma figura, conhecida como Suissa, que atualmente é um dos maiores evangelistas do NoSQL no Brasil.

3) Como usar HTML5 sem uma máquina do tempo

Nessa palestra realizada pelo Zeno Rocha, ele nos apresentou cases de HTML5 e como faze-los, além de explicar como você pode começar a utilizar o html5 hoje.

Em uma palestra recheada de links, ele tocou em vários assuntos, entre eles, local storage, novas tags, geo localização, canvas, web gl, css3, device orientation e etc.

4) PHP Maroto

Palestra comandada pelo Alexandre Gaigalas (@alganet), um dos nomes mais conhecidos da comunidade PHP no Brasil, que apresentou em quais paradigmas de programação podemos utilizar com a linguagem PHP. Fazendo um passei pelo imperativo, pelo dominante OOP com PHP e pelo ainda, pouco usado, PHP Funcional.

Desconferencia

Acabei optando por assistir uma desconferencia, com o Leo Balter, onde ele que fazia uma análise de performance de alguns sites, informados pela platéia de última hora.

PHP n’ Rio 2012

O evento tem tudo para ganhar uma nova edição no próximo ano e achei bem organizado, para uma primeira ediçao terceira edição.

Slides das palestras:

• http://www.slideshare.net/LeoCabral/seo-x-velocidade-de-carregamento-phpnrio-2011
• http://www.slideshare.net/maciel3000/robtica-e-php-com-arduino-phpn-rio-2011
• http://comousarhtml5semumamaquinadotempo.com/

Cufón

Cufon foi criado pelo Simo Kinnunen, apartir da necessidade de utilização de fontes personalizadas, apartir de arquivos TTF, OTF ou PFB, sem a necessidade de utilizar flash ou font-face. O engine de renderização do Cufón, foi desenvolvido em JavaScript e faz uso do VML (Vector Markup Language) quando renderizado no Internet Explorer, e faz o uso do elemento <canvas> em outros navegadores. É bem fácil de configurar e seu processo de configuração é feito na seguinte ordem:

1. Acesse http://cufon.shoqolate.com/ e faça o upload dos arquivos da fonte que deseja utilizar, ou se preferir baixe o código fonte no github do projeto.
2. Esse script gerado, por padrão virá algo como nomedafonte.font.js e será necessário para renderizar a fonte escolhida;
3. Ao inserir o script na sua página em basta associa-lo a algum elemento, class ou ID, tal como Cufon.replace(‘h1, h2′) ou Cufon.replace(‘.classX’);.

Linha da engine do cufon

<script src="/js/cufon-yui.js" type="text/javascript"></script>

JS geradora da fonte

<script src="/js/nomedafonte.font.js" type="text/javascript"></script>

Chamadas no javascript para renderização do Cufón

<script type="text/javascript">
//Chamada da renderização do Cufón para elementos
Cufon.replace('h1, h2');
//Chamada da renderização do Cufón para classes
Cufon.replace('.classX');
</script>

Para trabalhar com mais de uma fonte, utilize da seguinte forma:
<script type="text/javascript">
Cufon.replace('h2', { fontFamily: 'Helvetica' });
Cufon.replace('h3', { fontFamily: 'Myriad Pro' });
</script>

Para mais detalhes sobre como implementar o Cufón, veja a sua Documentação e o FAQ. Neste link você pode conhecer 40 exemplos do uso dessa técnica.

Direitos autorais

Apos gerar arquivos Cufón, você deve restringir o uso apenas para o domínio do projeto. Na própria página geradora da fonte você pode fazer isso, caso não faça isso, qualquer um poderá obter o seu javascript renderizador de fontes e utiliza-lo em outros sites. Há fontes que possuem em sua licença, proibições de uso via scripts, ou seja, nunca utilize Cufón para essas fontes.

Seleção de Texto com Cufón?

Muito se discute sobre o suporte a seleção do conteúdo com o Cufón. Foi desenvolvida, pelo Steven Noble, uma forma, onde é possivel permitir a seleção de textos com o Cufón, confira nesse link.

Conclusão

Hoje, o Cufón, NÃO é minha técnica preferida para renderização de fontes, caso queira utilizar a mesma, seja moderado em grandes partes de texto. Pois irá comprometer bastante o tempos de renderização da página. É de grande importancia, a preocupação de não utilizar fontes que possuam alguma proibição dessa técnica. Caso queira sabe quais são as fontes mais comuns em todos os sistemas operacionais, acesse esse link. Desde já fico devendo um post falando sobre o font-face.

No último sábado, 18, conforme já citado por esse blog, aconteceu o FrontInRio 2011. Esse evento foi o primeiro com foco em desenvolvimento client-side em terras fluminenses. O evento que reuniu cerca de 170 inscritos, aconteceu na UniRio, no bairro da Urca e contou com 12 palestras de grandes nomes do cenário local. As palestras foram divididas em duas salas, cobrindo assuntos de nível básico ao avançando.

O evento começou com as apresentações de Maujor e André Fonseca. A palestra do primeiro apresentou o tema @font-face e a do segundo foi sobre Testes unitários com javascript, usando o Jasmine.

Em certos momentos ficou difícil de escolher em qual sala ficar,
além desse fato, tiveram palestras que não assistir devido a grande lotação da sala, como foi o caso da palestra sobre WTF
Javascript com Leo Balter. As palestras que assisti foram:
Desbravando o HTML5 Boilerplate com Zeno Rocha, Android UI Design Patterns & melhores Práticas com Oscar Marques, Seletores com Fábio Costa, Animações e Jogos além do canvas com Andrews Medina.

Android UI Design Patterns & melhores Práticas com Oscar Marques

Oscar apresentou boas praticas sobre desenvolvimento com Android, trazendo várias formas de como utilizar elementos gráficos do sistema operacional Android.

Desbravando o HTML5 Boilerplate com Zeno Rocha

Zeno apresentou conceitos sobre técnicas do html5, apresentando um hands on para mostrar a estrutura do html5. Falou sobre o build script, uma ferramenta bacana
para compressão de arquivos. Apresentou também o Mobile boilerplate. Além da utilização do boilerplate com wordpress, rails, drupal e django.

Seletores com Fábio Costa

Fábio várias formas de otimização de seletores, com uma palestra que interagiu bastante com o público presente. Foi uma palestra com um bom nível técnico, apresentando abordagens de seleção top-down e bottom-up, além é claro de boas praticas de otimização. Falando ainda sobre as engines Slick (usado pelo mootools) e a Sizzle (usado pelo JQuery).

Animações e Jogos além do canvas com Andrews Medina

Andrews Medina trouxe vários pontos legais sobre como usar CSS transforms, transitions, animations para o desenvolvimento de jogos usando as CSS3, além de fazer um comparativo com o desenvolvimento de jogos usando Canvas. Os códigos de sua palestra podem ser conferidos no github dele.

Canvas vs SVG, comigo

Apos minha palestra no BrazilJS, percebi que poderia fazer uma especifica sobre um dos slides da mesma. Sendo assim apos o convite do Leo Balter,
para eu apresentar uma palestra no FrontInRio, escolhi esse tema. Comecei apresentando sobre alguns conceitos que seriam relevantes para o entendimento,
mostrei também as principais diferenças entre as duas técnicas, o suporte aos browsers, libraries tanto para SVG quanto para Canvas, um hands on cujo código pode ser encontrado em meu repositório no github para palestras.

E mais uma vez a Globo.com contou com um grande número de participantes no evento.

Agradecimentos

• Organizadores do evento, que estão de parabéns pela realização
• Leo Balter, pelo convite
• Globo.com, patrocinadora do evento
• Todos presentes no evento, sem vocês o evento não teria sido um sucesso!

Esse evento veio para mostrar como o interesse por javascript (JS) cresceu exponencialmente nos últimos anos. Antes o coitado do JS, era visto apenas como uma linguagem para validar formulários. Com o passar do tempo, foi crescendo o numero de frameworks, técnicas e design patterns que faziam o uso da linguagem, isso de certa forma acabou a tornando uma ferramenta mais produtiva e poderosa para criar interfaces ricas, games, e até usa-la no lado servidor.

O evento de fortaleza teve cerca de 550 inscritos, isso mesmo 550! Para um evento fora do eixo Rio-São Paulo, isso foi uma excelente marca. O evento mostrou 20 palestras, com bom conteúdo técnico, apresentando assuntos do nível básico ao avançado em Javascript. O evento contou com a excelente organização do @cmilfont, @jaydson, @felipenmoura, @fbarroso e @henriquegogo e atraiu olhares até de organizadores das conferencias de JS de fora do Brasil, pela sua dimensão.

Estava com grandes expectativas para palestras do Guilherme Chapiewski, Léo Balter, Pedro Pimentel, Mike Taylor, Richard Worth, Michal Budzynski e Emerson Leite. Tivemos boas apresentações, que mostraram um uso bem bacana do que fazer com a linguagem. Além dos palestrantes citados anteriormente, gostei muito das apresentações do Rafael Ferreira e do Bruno Fernandes, eles mandaram muito bem! Infelizmente perdi as palestras do Maujor, do David Herman e os Lightning Talks, da hora do almoço.

Bruno Porkaria mostrou para galera como investir em WebApps, tivemos também o Daniel Passos que veio mostrar que utilizar javascript no desenvolvimento para aplicativos de Android. O Douglas Campos mostrando um pouco do poder da JVM com Javascript. Leo Balter fez uma apresentação que consistia em mostrar anti-padrões de JS. Mike Taylor falou sobre Web Messaging. Guilherme Chapiewski sobre Titanium e YQL, Michal Budzynski falou sobre desenvolvimento de Jogos em Javascript.

Além disso o BrazilJS foi uma excelente oportunidade para conhecer pessoas que eu antes só as conhecia por listas de discussão/twitter/facebook. Conheci e revi uma parte da galera do frontend-br, e até fizemos nosso 1º encontro da lista FORA da Recife. A ocasião contou com a presença de Luiz Tiago Oliveira, Dennis Callazans, Gerson Thiago, Djalma Araújo, Bruna Brito, Felipe Rodrigues, Bruno Souza, Lucas, Eduardo Santos e o Hedcler Morais. O papo NERD e frontendilistico rolou até aproximadamente 1h da madrugada.

Encerrando o evento. tivemos esse pronunciamento do @maujor… Sinceramente o evento superou todas as minhas expectativas.

Voltando para o Rio, ainda troquei uma ideia com o David Herman e Mike Taylor no Aeroporto de fortaleza, como o Mike iria para São Paulo, acabou ficando pouco tempo na conversa. Após o embarque do Mike, fiquei conversando com Herman, logo após chegou o Alexandre Magno e, nós 3, trocamos uma ideia sobre JSConfs, BrazilJS, Mozilla, Firefox, Brasil e Califórnia. Uma boa oportunidade para praticar meu fraco inglês (sic), também. E ainda nosso voo para o Rio de Janeiro acabou atrasando cerca de 2 horas.

Para quem tá por ai no nordeste é bom ficar ligado no ENSOL 2011, em João Pessoa. Fui ano passado e também foi um evento muito bom.

Você pode usa-lo pressionando a tecla F9, ou a opção do menu de contexto do “Reload CSS” para recarregar os seus arquivos de CSS na página.

Para detalhes de seu uso basta acessar:
https://addons.mozilla.org/de/firefox/addon/46211/

Para o Chrome:
https://chrome.google.com/extensions/detail/dnfpcpfijpdhabaoieccoclghgplmpbd

No github:

https://github.com/auchenberg/css-reloader

Em breve teremos o Front in Rio 2011, que será o primeiro evento focado em desenvolvimento client-side em terras fluminenses. Trazendo temas como canvas, svg,  jogos, javascript, seleção de elementos DOM, @font-face, html5,  jasmine, entre outros.

palestras

O evento irá contar com um total de 12 palestras, trazendo nomes como:

• Maujor, Dinossauro das CSS =]
• Fábio Costa, MooTools Dev Team
• Andrews Medina, Desenvolvedor na Globo.com
• Leo Balter, Desenvolvedor da Personare
• Zeno Rocha, Desenvolvedor na Petrobras
• Andre Fonseca, Desenvolvedor na Globo.com
• entre outros.

Irei completar a grade de palestras da sala B, às 16h30, com o tema: Canvas vs. SVG. Apresentando as diferenças entre os dois formatos e uma visão do que se pode fazer com ambas as tecnologias.

por que você tem que ir/ou deveria ir?

Esse evento será uma ótima oportunidade para comunidade de desenvolvimento front-end carioca, assistir a palestras de bom nível técnico e trocar uma ideia para encontros futuros.

outras informações

O evento será realizado no dia 18 de junho de 2011, a partir das 8h e vai até o #horaextra no final do dia. As inscrições já foram encerradas, maiores informações no site do evento.

Pessoal, pela primeira vez teremos uma Conferência de Javascript no Brasil, que foi batizada de BrazilJS 2011, ela será realizada na bela cidade de Fortaleza, Ceará, nos dias 13 e 14 de maio de 2011, no teatro da Faculdade Sete de Setembro. O evento trará alguns bons nomes da área de desenvolvimento web, tais como:

• Maurício Samy Silva, o maujor (Escritor de livros de JQuery/CSS e maujor.com)
• Richard D. Worth (Membro do Jquery Core Development Team)
• Mike Taylor (Opera Software)
• Guilherme Chapiewski (Sr. Engineering Manager at Yahoo! Inc.)
• Loiane Groner (IBM)
• Emerson Leite e Bruno Mentges (Globo.com)
• entre outros nomes

Hoje (31/Mar/2011) é o último para obter o desconto

Inscrições

O valor promocional de R$60,00 reais será encerrado no dia 31/03/2011. A partir do dia 01/04/2011 o valor da inscrição custará R$120,00 reais e a partir do dia 15/04/2011 custará R$250,00 reais. As inscrições serão encerradas no dia 01/05/2011.

Eu também vou palestrar no BrazilJS, vou apresentar sobre o Canvas Element.

O JSLint analisa um dado trecho de código e informa problemas potenciais ou erros de sintaxe. Essa ferramenta segue recomendações criadas pelo Crockford e teve como inspiração as convenções da SUN para a linguagem JAVA.

O JSLint é uma ferramenta poderosa para ser usada no dia-a-dia do programador Javascript, pois ela exige do programador mais preciosismo para escrita de código nessa linguagem. Exigindo certos cuidados, tais como: indentação de código, tamanho da linha, declaração de variáveis, statements, declarações de funções, entre outros. Por exemplo, o erro comum em javascript que citei no artigo Uso correto da função do parseInt em Javascript, seria facilmente detectado e ele exibiria o erro “Missing radix parameter”.

Sendo assim, utilizando o JSLint você irá observar seus erros mais comuns e passará a adotar os hábitos essenciais para torná-lo um melhor programador na linguagem JavaScript.

Para usar o JSLint, basta acessar http://www.jslint.com e colar seu código e clicar no botão JSLint. A boa prática de sempre verificar seu código nessa ferramenta poderá evitar até problemas cross-browsers.

O site nettuts+ criou ano passado esse screencast mostrando o uso do JSLint, vale a pena dá uma conferida.

Referências:

http://www.jslint.com/lint.html
http://en.wikipedia.org/wiki/JSLint

Após observar os demos você perceberá que o CamanJS ainda exige muito processamento, acabei realizando um teste aplicando o efeito de Vintage no DEMOS PRESETS , um dos cores de minha maquina ficou em 100% por uns 10 segundos. Esse fato é porque a ferramenta percorre todos os pixels da imagem representada por um canvas, realiza alguma manipulação no pixel, caso seja necessário, e por fim atualiza o CANVAS.

Como utilizar?

O uso do CamanJS é simples, e não requer nenhuma outra dependência. Podemos acessar todas as funcionalidades pela função Caman( ). Mas, devido a restrições de segurança do navegador, o CamanJS só poderá modificar imagens que vêm do mesmo domínio que a página se encontra, caso queria utiliza-lo com imagens é necessário você especificar um proxy. O CamanJS já vem um proxy escrito em PHP, mas nada impede que você desenvolva um semelhante em outra linguagem, para maiores informações acesse a documentação do CamanJS.

Agora vamos a um exemplo de uso, irei aplicar efeitos que faça com que a imagem da esquerda fique com a aparência da imagem a direita:

Primeiramente vamos incluir os arquivos da biblioteca Caman.js, optei por inclui-la pvia CDN disponibilizada no site do projeto:

<script src="http://ajax.cdnjs.com/ajax/libs/camanjs/2.0/caman.full.min.js" type="text/javascript"><!--mce:0--></script>

Primeiramente vamos incluir os arquivos da biblioteca Caman.js, optei por inclui-la pelo link da CDN disponibilizada no site do projeto:

Caman("rio_usando_camanjs.jpg", "#example-canvas", function () {
 
	this.brightness(10)
		.contrast(100)
		.sepia(40)
		.saturation(5);
 
	this.render(function () {
		console.log("Finished!");
	});
});

Projetos como esse são de grande utilidade para aqueles que desejam incorporar manipulações rápidas em imagens em suas apps. O crescimento do HTML5, atrelado ao crescimento de ferramentas utilizando javascript esta se tornando cada vez mais prevalente. Veja resultado da demonstração.

saiba mais

O CamanJS ainda precisa melhorar sua performance, caso tenha interesse em contribuir para melhorar a ferramenta, fork o projeto no github.

Irei comentar sobre um dos erros mais comuns em códigos javascript, que é o uso correto da função parseInt. Essa função converte uma string em um inteiro e possui a seguinte sintaxe:

parseInt(string, base)

STRING

corresponde ao conjunto de caracteres que deseja converter para inteiro;

BASE

usada para especificar qual o sistema de numeração que deseja converter a string. Podendo receber valores de 2 a 36, dentre os mais utilizados podemos destacar 10 (decimal), 2 (binário), 16 (hexadecimal) e 8 (octal). É opcional ! É justamente no fato do paramento base ser opcional é que mora o perigo. Pois, caso o mesmo não seja informado, o interpretador javascript irá se comportar das seguintes formas:

1. Quando um string começa com “0x” é analisada implicitamente com base 16 (hexadecimal)
2. Quando uma string começa com “0″, é analisada implicitamente com base 8  (octal)
3. Quando uma string começa com qualquer outro valor, é base 10 (decimal)
4. Começando com caractere que não pode ser convertido para um número, retorna NaN (not a number)

Exemplos

parseInt("01"); //retorna 1
parseInt("02"); //retorna 2
parseInt("03"); //retorna 3
parseInt("04"); //retorna 4
parseInt("05"); //retorna 5
parseInt("06"); //retorna 6
parseInt("07"); //retorna 7
parseInt("08"); //retorna 0
parseInt("09"); //retorna 0
parseInt("10"); //retorna 10
parseInt("-222"); //retorna -222
parseInt("+122"); //retorna 122
parseInt("fellipe1234"); //retorna NaN

Essa forma de interpretação tem causado muitos problemas, sendo assim a nova versão da linguagem padrão, ECMAScript 5, teve esse comportamento modificado e essa detecção implícita de octal foi removida do parseInt.

Solução

Quando necessitar fazer o uso da função parseInt, informe para qual sistema de numeração que a string deverá ser convertida.

parseInt ("08", 10); //retorna 8
parseInt ('09 ', 10); //retorna 9

Comecei a usar git em setembro de 2010. Hoje, acho o GIT uma ferramenta robusta para o controle de versão. No meu primeiro projeto que utilizava o GIT, tive um pouco de dificuldade para entender, mas com o tempo fui procurando soluções como se resolvia alguns problemas comuns de conflitos e já estou bem adaptado a seu uso.

Enfim, irei apenas apresentar algumas definições que me ajuda a trabalhar no dia-a-dia com o GIT via terminal do MacOS.  Com o GIT instalado localize o arquivo .gitconfig, que normalmente fica no diretório home de seu usuário, ex: /Users/fellipe/.gitconfig.

Você pode editar esse arquivo utilizando um editor de texto ou utilizar o comando “git config –global” via Terminal. Primeiramente apresentarei via Terminal e no final do post tem o resultado de como o arquivo .gitconfig ficará, esse resultado apresentado no final pode ser usado para quem deseja editar via editor de texto.

Definições de Usuário

Para definir as configurações básicas de seu usuário e email, basta executar os seguintes comandos, claro que substituindo os valores “davidson” e “email@fellipe.com” por suas informações:

git config --global user.name "davidson"
git config --global user.email "email@fellipe.com"

Definições do editor de texto padrão

Agora configure o editor de texto padrão utilizado pelo git, utilizando o seguinte comando:

git config --global core.editor "mate -w"

Definições de Alias

É de grande utilidade definir alguns aliases, para evitar digitar o nome completo do comando. Ou seja, ao invés de digitar “git checkout nomedoarquivo.extensao”, você pode digitar “git co nomedoarquivo.extensao”. Essas definições irão facilitam bastante, o uso do GIT no seu dia-a-dia de trabalho. Seguem as algumas definições de uso:

git config --global alias.st status
git config --global alias.co checkout
git config --global alias.br branch
git config --global alias.df diff
git config --global alias.dfs "diff --stat"
git config --global alias.ci commit
git config --global alias.pom "pull origin master"
git config --global alias.pl pull
git config --global alias.ps push

Color

Especificar as cores das respostas do GIT, facilita bastante no uso da ferramenta em seu dia-a-dia, pois deixa mais fácil lidar com algumas situações como: O quê foi adicionado ao commit, branch atual ou até arquivos que foram alterados, vamos aos comandos:

git config --global color.branch auto
git config --global color.diff auto
git config --global color.grep auto
git config --global color.interactive auto
git config --global color.status auto

Merge

Situação bem comum que lidamos no desenvolvimento de software é a questão da resolução de conflitos, para casos que o GIT não pode resolver automaticamente você pode definir a ferramenta que você tem mais familiaridade para fazer uso do merge. Para defini-la basta utilizar o comando abaixo:

git config --global merge.tool "SUA_FERRAMENTA_DE_MERGE"

Resultado final do arquivo:

[user]
name = davidson
email = email@fellipe.com
 
[color]
diff = auto
grep = auto
interactive = auto
status = auto
branch = auto
status = auto
 
[core]
editor = mate -w
 
[alias]
st = status
ci = commit
br = branch
df = diff
lg = log -pgit ps
co = checkout
pom = push origin master
ps = push
pl = pull

Para quem não conhece, o Firebug é um plugin desenvolvido originalmente para o  navegador Firefox. Foi criado com o intuito de auxiliar o desenvolvimento de aplicações web.  Dentre suas principais funcionalidades se pode destacar: depurar Javascript,  analisar requisições feitas pela página, manipulação de DOM. Ele possui várias extensões importantes, tais como: YSlow, Page Speed e Pixel Perfect.

Nesta última segunda-feira, 26 de novembro, o Firebug Working Group disponibilizou a versão 1.6.0 do Firebug. Essa ferramenta que já se tornou essencial no dia-a-dia dos desenvolvedores web, ganhou as seguintes funcionalidades…

Para quem não conhece, o Firebug é um plugin desenvolvido originalmente para o  navegador Firefox. Foi criado com o intuito de auxiliar o desenvolvimento de aplicações web.  Dentre suas principais funcionalidades se pode destacar: depurar Javascript,  analisar requisições feitas pela página, manipulação de DOM. Ele possui várias extensões importantes, tais como: YSlow, Page Speed e Pixel Perfect.

Nesta última segunda-feira, 26 de novembro, o Firebug Working Group disponibilizou a versão 1.6.0 do Firebug. Essa ferramenta que já se tornou essencial no dia-a-dia dos desenvolvedores web, ganhou as seguintes funcionalidades…

• Console e Linha de Comando
  • Linha de comando disponibilizado em todos os painéis
  • Nova API para o objeto console: console.table()
  • Melhoria nos recursos de auto-complete
  • Log de eventos cortar, copiar e colar
  • Suporte a log do console de XPath
  • Cores de fundo descritivas para mensagens do console
• HTML
  • Suporte à expandir tudo através de um menu de contexto ou pressionando *
  • Agora quando o XPath é copiado, o namespace também é incluído
  • Melhorada exibição de iframes
  • DOCTYPE agora é exibido
  • Breadcrumbs possuem rolagem
• CSS
  • CSS autocomplete
  • Suporte para copiar declarações CSS
  • Agrupamento de estilos já computados
  • Autocomplete para “!important”
• Script
  • Possibilidade de desativar a opção de pará no próximo erro
  • Melhorado o painel lateral Watch
  • Possibilidade de salvar e restaurar sessões do FirefoxDOM
• Miscelânea
  • Quando o Firebug é instalado, uma página de Primeira Execução é mostrada
  • Página de problemas conhecidos
  • Novo ícone do Firebug
  • Melhorias nas configurações do editor

Agora vamos entender algumas dessas melhorias, destaquei as seguintes:

Linha de comando disponível em todos os painéis

Agora temos a possibilidade de utilizar a linha de comando em outros painéis, além do Console Panel. Conforme destacado na imagem abaixo:

Na imagem acima podemos visualizar o novo botão da linha de comando na aba Script. Após clicar nele veremos a linha de comando, conforme apontado pela seta.

Possibilidade de rolagem nos Breadcrumbs

Agora é possível visualizar a hierarquia completa do objeto selecionado no DOM. Conforme apresentado na figura abaixo:

Os caras trabalharam bem na usabilidade dessa funcionalidade. Agora para navegar basta clicar nas setas apontadas na imagem, ou usar a rolagem do mouse, ou ainda fazer uso das setas de seu teclado.

Navegação do histórico de troca de painéis

Agora temos de botões: um para avançar e outro para voltar. Eles são utilizados para navegar entre os painéis no histórico dos visitados. Você pode visualizar esses botões na imagem abaixo.

Na imagem apresentada, podemos visualizar 4 itens, logo abaixo do botão de avançar a navegação. Essa lista com todos os itens do histórico pode ser habilitada clicando com o botão direito do mouse em um dos dois botões. Na imagem podemos observar que a aba atual é Net , foi utilizada duas abas de Script anteriormente a essa, e logo após o uso da aba Net o usuário foi para aba Cookies.

Logs tabulares

Essa foi a funcionalidade que mais me agradou, agora temos um novo método o console.table, com ele  poderemos apresentar logs tabulares no console. Um simples exemplo de uso, pode ser dado da seguinte forma:

console.groupCollapsed(“This is my table”);

console.table(table1);

console.groupEnd();

Para mais detalhes sobre essa funcionalidade acesse: http://www.softwareishard.com/blog/firebug/tabular-logs-in-firebug/

Mais sobre…

Firebug 1.6.0 é para o Firefox 3.6 e no próximo anos será lançada versão 1.7 que esta sendo implementada para o Firefox 4.0. Não atualizou seu firebug ainda? Baixe-o agora: http://getfirebug.com/releases/firebug/1.6X/

Referências

http://www.softwareishard.com/blog/

https://addons.mozilla.org/pt-br/firefox/addon/1843/

Caros developers,

A globo.com está com vagas para Desenvolvedores Front-end. Se você é um desenvolvedor e procura grandes desafios na área de web, aproveite essa oportunidade.

A empresa oferece contratação por CLT, com salário compatível com o mercado e plano de benefícios. Estamos localizados na Barra da Tijuca, Rio de Janeiro. Além disso, oferecemos suporte a pessoas de outros estados que queiram mudar para o RJ.

Requisitos:

• Dominar xHTML/CSS/Webstandards (W3C Guidelines)
• Javascript core
• Frameworks (jQuery, mootools, YUI, DOJO, Prototype etc)
• DOM e Padrões
• XHR, XML/JSON
• Performance, Usabilidade e Acessibilidade
• SEO
• Conhecer orientação a objetos, design patterns e boas práticas de programação

Será um diferencial para o candidato:

• Flash (AS 3)
• Algum conhecimento em metodologia Ágil
• Experiência em alguma linguagem Server side (Python, Ruby, Java, PHP…
• Banco de Dados (MySql, Oracle), SQL e Modelagem de Dados
• Implementar testes de unidade, aceitação, integração
• Controle de versão (CVS, SVN, Git)

Se você se interessou, encaminhe um e-mail com a pretensão salarial e o link de seu perfil no LinkedIn atualizado, currículo em PDF, endereço de seu site, perfil do github ou blog para esportes.jobs@corp.globo.com.

Você pode consultar sobre novas vagas disponíveis através do Github da globo.com.

Mudança de emprego

Normalmente o simples fato de mudar de emprego já é uma situação complicada. Imagina fazer isso morando em outra cidade, sem conhecer ninguém e sem parentes por perto? É um desafio bem complicado, mas motivador. Ainda tive um pouco de sorte, pois conheci algumas pessoas do Rio de Janeiro, via twitter, linkedin, facebook, que ajudaram muito, antes de desembarcar por aqui.

Decida entre VIVER ou MORAR no Rio de Janeiro

Mas que diferença isso tem? Procure conhecer os lugares interessantes para se divertir, procure olhar o lado bom da cidade. Antes eu tinha em mente que o RJ era só favelas, pobreza, tráfico, prostituição, trânsito… Tem tudo isso é verdade, mas descobri, e venho descobrindo, coisas muito legais por aqui. É bem interessante o maior contato com a natureza que se tem por aqui, já vi capivara, sagui, préa, gambá e timbu, simplesmente passeando pela rua. Ir a lugares como Leblon, Ipanema e a Lagoa Rodrigo de Freitas é curtir a vida naquilo que ela tem para oferecer de melhor. Você também pode pedalar pela zona sul da cidade, basta alugar bicicletas através do site mobilicidade. Busque viver o Rio e não apenas morar por aqui.

Procure ter uma boa localização geográfica da cidade

O Rio de Janeiro é uma cidade gigante, porém achei bem fácil conseguir chegar aos principais pontos da cidade. Procurei desde inicio, ter um bom referencial de onde ficam os principais bairros da cidade, como chegar ao metrô, principais shoppings, supermercado e hospitais. Em pouco tempo, já sabia até explicar onde era um determinado lugar, no meu bairro, quando alguém me perguntava na rua. Hoje está bem mais fácil pois o Google Street View já funciona em muitos bairros da cidade.

Local para morar

Esse foi um problema mais difícil de resolver. No conteúdo e nos comentários do artigo Proposta de emprego no Rio de Janeiro, aceitar ou não? acabei falando um pouco sobre esse assunto. É bom definir o que é um lugar bom, na sua visão, para morar, cada pessoa tem uma referência para isso. A partir de R$ 1000 reais você pode achar um apartamento em Jacarepaguá. Veja no site Casa em casa para você ter uma ideia melhor sobre os valores.

Cultura Nacional

Essa cidade possibilita uma interação muito bacana com pessoas de todos cantos do país. Frequentemente isso pode lhe trazer situações inusitadas, mas são importantes para sua experiência de vida. Acho que isso traz pontos positivos e negativos. Um ponto negativo é quase sempre ir ao supermercado e você não ganhar um “obrigado” ao final das compras, por exemplo. Muitos brincam, chamando isso de padrão rio de atendimento ao cliente, é bem comum ser mal atendido por aqui. Por outro lado, em termos de diversão, é bem legal, a galera é bem festeira, já fui até em festas no meio da semana em casas de colega de trabalho, coisa que nunca tinha feito em Recife.

Lazer

Comparar as opções de lazer do Rio de Janeiro com relação ao Recife é humilhação, e nem conheço tantos lugares ainda. Acabei ainda deixando de lado visitar pontos como o Cristo Redentor e o Pão de açúcar, tenho até interesse de ir no segundo, já o primeiro pode esperar um pouco.

Sobre alguns bairros/lugares que conheci

Copacabana: bem voltado ao turistas. Achei muitas semelhanças com o bairro de Boa viagem, no Recife, inclusive o fato que não se pode vacilar com a câmera fotográfica.

Feira de São Cristóvão: é uma feira de tradições nordestinas, conhecida pelos cariocas por feira dos paraíbas. Há muito coisa do nordeste:  rapadura, artesanato, forró, carne de sol, guaraná jesus e até bolacha maragogi \o/. É um espaço grande, como uma junção de um Mercado de São José com uma Feirinha de Boa Viagem (ambos exemplos são no Recife). Porém achei qualidade do artesanato fraco.

Quinta da Boa Vista: Lugar bem bonito, mas não me pareceu um lugar calmo para passear, achei que merecia mais atenção da prefeitura quanto a segurança. Acho que não conheci como deveria, voltarei lá em breve.

São Conrado: É um dos bairros mais chiques da cidade. Nele acredito que se tenha as maiores desigualdades sociais do RJ, isso é claramente visto quando se passa próximo a favela da rocinha. Não fará falta visita-lo, caso venha a passeio.

Lagoa Rodrigo de Freitas: Lugar perfeito para passear, para quem tem filhos uma opção melhor ainda. Lá possui uma vista fantástica da cidade, pista de cooper, quadras, restaurantes, parque dos patins. Alugue uma bicicleta e dê uma volta completa na lagoa.

Jacarepaguá: É um bairro bem grande e uma boa opção para quem trabalha na Zona Oeste e busca uma moradia mais barata que a Barra da Tijuca e o Recreio dos Bandeirantes. Apesar da proximidade com a Barra e o Recreio, o transito não é tão amigável nos horários de pico.

Leblon: O bairro mais legal que achei foi, sem dúvida, o Leblon. Bem tranquilo para passear, há opção de alugar bicicletas, restaurantes legais e o melhor pode se conhecer muitas coisas sem precisar de carro.

Barra da Tijuca: Lugar que moro, e logo o que conheço melhor, é um bairro gigante, feito para quem tem carro, há poucas ruas. Foi feita pelo mesmo urbanista idiota que projetou Brasília, dai você já pode concluir que é um bairro que privilegia somente os automóveis e esquece dos pedestres. Tem uma a infra estrutura de transporte deficiente, não há metrô. Há um grande endeusamento pelo american way of life. Apesar dos problemas é um bairro relativamente seguro, muito bom para quem curte baladas, restaurantes e praias. Também se tem um grande contato com a natureza.

Concluindo…

Enfim, se tiver disposto a se aventurar em uma cidade grande, ir ao Rio pode ser uma boa opção. Não tema o preconceito, chegue e aos poucos vá mostrando seu valor de mercado, ética, disposição para buscar melhorias, e também uma característica quem valorizo muito num profissional: A capacidade para desempenhar um trabalho colaborativo, em prol do compartilhamento de conhecimento, dessa forma você só tem a ganhar.

Os objetivos específicos do trabalho proposto foram:

1. Projetar um hardware que serviria como módulo para o desenvolvimento de aplicações que desejassem utilizar Bluetooth.

2. Desenvolver uma pequena API com funções básicas que permitiriam uma facilidade maior para se trabalhar com transmissão de dados via Bluetooth utilizando o microcontrolador PIC.

Slides da apresentação do trabalho

Baixe a minha monografia em PDF

Essa e outras apresentações irei compartilhar no meu Slideshare.

É comum muitos profissionais da área de TI migrarem para o eixo Rio-São Paulo, dentre os principais motivos que posso citar são: Falta de motivação com o trabalho atual, muitos reclamam dos salários oferecidos em suas regiões, falta de expectativa de crescimento profissional na empresa, falta de oportunidades na região que reside ou ainda aquela proposta de emprego tentadora. Enfim, esse post apresenta pontos importantes para aceitar ou recusar uma proposta de trabalho no Rio de Janeiro, considerando trabalhar e morar na Zona Oeste da cidade.

Procurar antes de tudo saber se os gastos de se morar na cidade maravilhosa são compatíveis com o salário oferecido.

Caso a vaga solicite uma proposta salarial, seja bastante criterioso na elaboração. Procure saber o bairro onde está localizada a empresa, para que você possa ter ideia dos preços de aluguéis em bairros próximos ao trabalho desde o início do processo. É difícil chegar a um equilíbrio entre qualidade de vida x baixo custo. Um site que pode ajudar bastante para se ter uma média de preço de um aluguel é o Casa em Casa. Para os freelancers ou profissionais que nunca trabalharam com carteira assinada é importante se atentar para qual será seu salário mensal após o desconto de impostos, entre outros, para isso recomendo aprender calcular seu salário liquido mensal.

Está preparado financeiramente para se mudar?

Esse é de fato um ponto bem importante, algumas empresas oferecem auxílio-deslocamento. Esse pode ser na forma de 1 mês de hotel pago ou dinheiro extra para ajuda-lo a bancar os custos iniciais da sua mudança. Porém tenha bastante cuidado, alugar um apartamento exige na maioria das vezes uma putaria chamada de um tal seguro de fiança locatícia, que em muitos casos consiste em pagar o valor de 3 vezes a despesa mensal do imóvel, considerando um apartamento de 1.500 reais, você terá que arcar de cara com 6.000 reais. Você poderá com muita sorte negociar diretamente com o proprietário do imóvel para se livrar de pagar o seguro, há casos que eles pedem pagamento antecipado dos 6 meses do contrato, considerando o mesmo valor citado anteriormente você teria que arcar com 9.000 reais de início.

Estudar sobre a empresa

Não basta apenas visitar o site da empresa, procure conhecer algum funcionário da empresa, pode não ser uma tarefa fácil, você pode talvez tentar procurar no Linkedin, faça um bom uso dessa rede social. Dessa forma você terá uma ideia melhor de como é o dia a dia na empresa.

Procure saber quais os desafios que a vaga oferece para sua carreira profissional

Novos desafios tais como: uma nova área de atuação, projetos com maior complexidade, melhor oportunidade para demonstrar sua capacidade de liderar, melhor oportunidade para focar no rumo que você quer atuar.

Desenvolvimento profissional

Procurar saber se a empresa oferece políticas de desenvolvimento profissional: incentivos a participação em eventos, especialização, mestrado ou cursos de capacitação?

Questões pessoais

Não há como deixar de lado esse quesito, por mais decidido que você esteja para encarar o desafio de mudar de estado. Estude se vale a pena largar sua família, namorada, gato, cachorro e papagaio e se aventurar em terras cariocas. Não é tarefa fácil mas isso poderá te trazer uma noção mais real do que é custo de vida e sem dúvida você terá um imensurável aprendizado para vida.

É claro que os valores vão depender do padrão de vida que você quer ter na cidade. Para quem vem solteiro e deseja dividir apartamento com outra pessoa, o que reduz bastante esses custos, recomendo conhece o site Easy Quarto. Caso queira mais informações deixe um comentário.

1. Perfil da empresa, profissional ou pessoa responsável pelo conteúdo.
2. Do que se trata o blog. Para que desta forma, o usuário saiba se os feeds realmente irão lhe interessar.

Então vamos ao que interessa… Sou o Davidson Fellipe, engenheiro da computação e atuo desde 2005 como desenvolvedor de software. Em julho de 2010, larguei minha terra e hoje moro no Rio de Janeiro. Os assuntos que tenho interesse de escrever são:

1. Desenvolvimento de software com foco em client-side
2. Carreira
3. Blogs