Brigando com o front-end

Quem me conhece sabe que não sou lá essas coisas no front-end. Mesmo assim, resolvi fazer uma compilação de links com coisas que andei lendo e ouvindo nos últimos dias. Vou focar no Frontend WEB. Afinal iOS e Android já estão em um outro patamar e ficam para um próximo post. Basicamente minhas referências foram: Grok podcast e o Tableless.

HTML 

• Existe essa ferramenta bastante interessante mas que muitos odeiam, o Haml um tipo de gerador HTML mais utilizado no ASP, PHP, RUBY.

CSS 

• Temos o SASS. A ideia dele é tornar a escrita de CSS mais simples e limpa. Na verdade é um primo do HAML.

Javascript 

• Uma lista muito boa da Smashing Magazine.
• Para BDD com Javascript vejam o Jasmine. Fiquei impressionado, muito legal. Testar Javascript parece até divertido com o Jasmine. :D
• O script Retina.js é bem interessante. Ele analisa se o dispositivo no cliente possui tela Retina e procura uma imagem com o final do nome como @2x.png para exibir. Deem uma olhada no link.

Setup Inicial

Um Tweet do Tableless citou o setup inicial com os seguintes itens:

• jQuery,
• Chosen (plugin para select boxes, deixa-os muito mais bonitos e user-friendly),
• Modernizr(Facilita a verificação de compatibilidade do browser com HTML5, CSS3),
• IcoMoon(ícones + ícones),
• font-face(Fontes! Quanto as fontes, eu sou uma negação, precisa-se de um conjunto de soft skills que ainda não possuo e olhe lá se vou possuir um dia! :D ),
• 1140 grid (Dizem que não é só pra alinhar né? :D Brincadeira desiners! Não me arriscarei a explicar o lado psicológico de Grid, já falei enquanto eu não precisar de verdade essa não é a minha, mas é legal.) ,
• Normalize(HTML5 alternativa para CSS resets, é usado em vários projetos grandes.)

Adiciono mais um que é bastante indicado em vários sites

• Twitter bootstrap.

Desempenho

• Melhorando a velocidade do site, já postei sobre isso, mas é sempre legal abordar o assunto, segue mais um link muito interessante.

Deixe seus links nos comentários e seja feliz.

HATEOAS, REST e Microsoft

Algumas definições antes de começar o texto:

HATEOAS - Hypermedia As The Engine Of Application State

REST - Representational state transfer

Vamos aos comentários, não basta criar uma URI bonitinha e utilizar os verbos do HTTP para ter REST. Também não estou falando que se você está utilizando URI bonitinha e os verbos do HTTP mas não está usando REST está fazendo tudo errado. Não mesmo. Só não está utilizando o estilo arquitetural REST.

Diga-se de passagem já existe um movimento para interrompermos o uso da sigla REST você pode ler mais sobre isso no blog do Steve Klabnik mais especificamente neste link REST is over. Ainda no blog do Steve Klabnik recomendo o post A Hypermedia API Reading List Ele faz uma lista dos livros que ele recomenda sobre o assunto e os que ele não recomenda, passsa por links que ele recomenda e eu indicarei um deles muitíssimo interessante, velho mas ainda não perdeu o seu valor How I Explained REST to My Wife e uma versão em português aqui.

Ainda nesse caminho, um post que me chamou a atenção foi a Microsoft tornando mais simples a construção de WEB APIs com o MVC 4. No post do Scott Guthrie ASP.NET Web API(Part 1) podemos ver isso, ainda não tenho certeza se está sendo feito da maneira "correta", mas a tendência é que num futuro não muito distante as Hypermedia APIs consigam ser o carro chefe da integração entre sistemas. Só não me falem por favor que substituirão os WEB Services com SOAP, meu amigo, os arquivos texto existem aos quilos por aí. E por AQUI então? (Arquivo é mato!) Nem comento.

No site ASP.NET Web API:

“ASP.NET Web API is an ideal platform for building RESTful applications on the .NET Framework.”

Melhor fazer uma observação para evitar tochas e pichações desnecessárias, quando na citação extraída do site temos a palavra “ideal” o site está fazendo referência ao mundo Microsoft .Net.

WEB APIs não são novidade, Twitter e Facebook por exemplo usam isso o tempo todo. É um mundo gigante a ser explorado, pensado e pesquisado.

Seja Feliz

Cleydson