09 Feb 2015
SHUHARI
Shuhari é a caminhada de quem pratica artes marciais, no nosso caso de quem pratica código.
O Shu que é a primeira etapa seria, voce esta apreendendo, voce tem que estudar as tecnicas disponiveis que existem, e repetir elas, até a exaustao, repetir aquilo ate que se torne automatico.
Depois de dominar o SHU entao vem a proxima tecnica o…
HA, eu ja sei fazer aquilo de modo automático então posso fazer de modo diferente, podendo avaliar outras técnicas e decidindo qual é a melhor.
No final no final da caminhada teríamos o RI, onde todos nos queremos chegar, eu já sei repetir, eu sei todas as técnicas, agora eu posso criar minhas próprias técnicas.
Com repetiçao az abordagens tornasse mais claras, como opção em aberto
-Robert Genn
Robert Genn era um pintor canadense que ficou famoso pela sua técnica diferente, ele só apreendeu a repetir exaustivamente aquilo que os outros faziam
O Shuhari é uma técnica que exige muita paciência, não desista, o objetivo e mesmo é repetir, ate que se torne automático, assim executando o código de coraçao.
Programar é uma atividade que exige pratica, o único jeito de se aprender a programar bem é apreendendo a programar mal, repetindo e repetindo até a exaustão.
27 Jan 2015
Descupe Dr. Emmett Brown, mas não é do senhor que vamos falar…
Bora falar sobre o Emmet, uma ferramenta que é, indispensável, e utilizado por muitos desenvolvedores que já tenha boa experiência.
Não é um pré-processador como o LESS, porém ele abrevia o modo como você escreve o HTML e CSS, pra que você se torne mais rápido ao codificar.
Escrito em Javascript puro (SIM JAVASCRIPT <3) e podendo funcionar em diferentes plataformas, a ferramenta foi desenvolvida para os editores de códigos mais utilizados do mercado, como o Sublime Text, Notepad++, Atom, Eclipse, Coda, Komodo Edit, NetBeans, Dreamweaver(Por favor não use esse) e o meu xodó o Brackets, mais para frente farei um post sobre…
Mas o que exatamente o Emmet faz?
Então chega de blá, blá, blá e vamos para o que interessa.
O site do Emmet.io diz;
Abbreviations are the heart of the Emmet toolkit
ou seja cerveja
O que o Emmet faz de melhor é abreviar
Os snippets são totalmente dinâmicos. A medida que você escreve e aperta a tecla tab, a abreviação em Emmet é transformado na hora. Veja um exemplo bem simples:
Para um criar um documento HTML5 utilizando a abreviação Emmet, digite apenas html:5, e tecle tab e a magica acontecerá! Não é magia é tecnologia! OPS clichê de propaganda não!
Para criar uma um menu com itens numerados, digite no editor .menu>.item*5>a[href="#"].
Percebendo que é muito fácil entender como o emmet funciona e como ele escreve o HTML.
Para nomear um elemento com classe, basta utilizar um ponto antes do nome, como no CSS. O mesmo vale para criar o elemento com ID, basta digitar o # antes do nome e teclar tab sempre.
O sinal de >, serve para aninhar elementos, assim como o sinal de ^ serve para sair do aninhamento anterior. Exemplo: digite .menu>.item>a^.item2>h2:
O sinal de * serve para multiplicar a quantidade de um determinado elemento. O sinal de + serve para quebrar adicionar mais elementos e quebrar as linhas. Por exemplo, ao digitar #menu+.sidebar+.footer:
Parece complicado, mas com o passar do tempo e com prática, acaba ficando mais simples.
CSS
No CSS, a ferramenta ajuda bastante na hora de escrever as propriedades. Pra quem já sabe decorado quase todas as propriedades do CSS, fica mais fácil até de deduzir qual abreviação utilizará para escrever o código.
#elemento {
w200+h100+pos-a+t0+l0 //tecle tab depois de escrever isso
}
Resultará nisso:
#elemento {
width: 200px;
height: 100px;
position: absolute;
top: 0;
left: 0;
}
São uma porrada de abreviações que o Emmet possui e ainda permite que você mesmo crie suas próprias abreviações. Na Documentação você pode ler todas as abreviações disponíveis.
Então vai lá e de uma olhada.
26 Nov 2014
Lendo um artigo do John Resig, o criador da biblioteca JavaScript jQuery, onde o mesmo propôs um desafio no mínimo interessante: Escrever código aberto(open-source) todos os dias. O que já é um pouco complicado, pode se tornar ainda mais difícil, pois ele lhe impôs algumas regras:
Devo escrever um código todos os dias. Eu posso escrever docs, artigos, ou outras coisas, mas deve ser um completamentar ao código diário.O código deve ser útil. Não vale ser um ajuste na formatação, apenas modificar a indentação e se possível, não deve ser uma refatoração. Todas essas alterações são válidas, mas não como o trabalho exclusivo do dia.O código deve ser open-source e deve estar no site Github.
#####Confesso que pra mim será um grande desafio, pois não tenho muito tempo sobrando. Apesar do sacrifício no início, acredito que irei melhorar muito como profissional.
Artigo do John.
