Comece com CoffeeScript

Muitos desenvolvedores no passado, quando foram informados sobre JavaScript sofreram mais do que o necessário, até porque não foi possível encontrar os verdadeiros benefícios desta linguagem que corre no navegador.
Depois de muitos anos de incerteza, as bibliotecas que fornecem funcionalidades resumidas como jQuery ou Mootools, fez com que a confiança na linguagem recuperasse, mas não foi até o surgimento de projetos como Node.js que não foi realmente levado em consideração. O único problema com JavaScript é que sua sintaxe está desatualizada com o que os desenvolvedores estão procurando agora, por exemplo, vemos como Rubi ou Pitão eles têm muito sucesso por causa da limpeza com que seus programas são exibidos.
CoffeeScriptComo no mundo da tecnologia nada é impossível, e sempre há uma equipe que quer mudar o mundo, surge CoffeeScript, um idioma baseado em JavaScript e isso nos ajuda a ter uma sintaxe mais limpa, depois de escrevermos nossos programas, eles são compilados e transformados em JavaScript Pure mantendo assim a compatibilidade com as plataformas onde roda.
Para poder desfrutar CoffeeScript Primeiro devemos cumprir alguns requisitos, desta forma podemos ter acesso ao seu compilador, mas não só isso, devemos também ter uma noção básica dos comandos iniciais para podermos começar a executar nossos programas.
A primeira coisa que vamos precisar é Node.js com esta ferramenta teremos disponível um gerenciador de pacotes chamado npm com o qual podemos instalar todo o ambiente CoffeScript de uma forma muito simples. A melhor maneira de instalar Node.js É através de seus instaladores oficiais em nodejs.org, como podemos ver na imagem a seguir, temos versões para quase todas as plataformas que desejamos:

PROLONGAR

No caso deste tutorial, vamos trabalhar com a versão para janelas. Assim que tivermos instalado Node.js podemos testar se a instalação foi bem-sucedida executando o seguinte comando:

 node -v

Isso deve nos retornar uma tela com a versão que temos em nosso sistema, caso isso não aconteça devemos validar nossa instalação já que não está correta, vamos ver como fica a execução dela:

Agora que temos Node.js agora é hora de instalar CoffeeScript, no passado tínhamos que instalar npm à parte, porém nas versões mais recentes já está incluso, portanto para cumprir nosso objetivo só temos que colocar o seguinte comando:

 npm install -g café-script

Vemos que colocamos um -g, isso indica que a instalação é global, para poder ter CoffeeScript em todo o nosso sistema, ao executar o comando demorará alguns segundos enquanto baixa tudo o que é necessário.
Finalmente, podemos executar o seguinte em nosso console de comando para verificar se a instalação foi realizada corretamente e sem problemas:

 café -v

Depois disso, devemos ter um resultado semelhante à seguinte imagem:

Com isso concluímos com sucesso a instalação do idioma CoffeeScript, mas não só isso, nós também temos Node.js que nos servirá para outras ferramentas e ambientes de desenvolvimento no futuro.
ImportanteEmbora o processo seja realizado em janelas É basicamente o mesmo para todas as plataformas, talvez o que mais mude é a forma de instalação Node.js, mas o uso de npm para instalar CoffeeScript é o mesmo.
Uma vez que instalamos nossos requisitos com sucesso, agora vamos criar nosso primeiro programa, para isso devemos iniciar o Concha ou console interativo CoffeeScript, para isso simplesmente em nosso console ou terminal do sistema operacional onde fizemos a instalação vamos colocar a palavra café e entraremos no shell mencionado.

Uma vez lá, vamos colocar o seguinte código que nada mais é do que um Olá mundo para começar nesta nova tecnologia. Começamos declarando uma variável, para isso colocaremos seu nome, um sinal de igualdade e depois seu conteúdo, no caso do exemplo seria o seguinte:

 saudação = "mundo"

Nós empurramos Digitar, agora vamos criar uma string de texto, dentro dela vamos incluir a variável, para isso só temos que colocar o sinal de libra # e entre chaves o nome da variável, por exemplo:

 "Olá! #{saudações}!"

Para terminar pressionamos Digitar de novo e vamos pegar nosso Olá! Mundo! resultado como vemos na imagem a seguir:

Depois de terminarmos o nosso primeiro programa, com certeza vamos querer comemorar um pouco, e por isso não queremos deixar o shell ativo, portanto, se quisermos sair dele, basta pressionar as teclas CTRL + D e com isso voltaremos ao nosso console do sistema operacional.
Como escrever tudo no console não é realmente algo que usaremos em nossos aplicativos com frequência, devemos aprender a compilar nossos arquivos; por compilar, queremos dizer a tradução que é feita do código CoffeeScript para JavaScript desta forma, o resultado pode ser executado em todas as plataformas que suportam o último.
A única coisa que precisamos além do que já temos é um bom editor de texto, um dos mais populares é Texto SublimeO bom disso é que existem milhares de extensões com as quais podemos obter funcionalidades adicionais para tornar nosso trabalho mais fácil. Por enquanto podemos usar o editor que quisermos, nos exemplos veremos como ele é usado Texto Sublime.
Extensão de arquivoTodos os nossos arquivos devem terminar em .café com isso saberemos que estes correspondem a CoffeeScript, vamos criar um pequeno exemplo que nos mostra um alerta com uma mensagem, então vamos compilá-lo e ver o resultado.
Vamos criar um arquivo chamado exemplo1.café e dentro dele vamos colocar o seguinte conteúdo:

 alerta "Bem-vindo !!"

Para compilar nosso arquivo, só precisamos executar a seguinte linha de comando:

 café -c example1.coffee

Esta ação irá gerar um arquivo .js chamado example1.js, como podemos visualizar na seguinte imagem:

PROLONGAR

Que terá o seguinte conteúdo:

 alerta ("Bem-vindo !!");

Agora certamente estamos nos perguntando qual é a utilidade de compilar os arquivos .café, a resposta é para que possamos usar nosso código em uma página sem nenhum problema, fazemos isso porque o arquivo .café Não poderá ser interpretado pelo navegador, portanto o resultado compilado que é o arquivo .js é o que fará nossa página funcionar.
Para visualizar o acima explicado no mesmo diretório ou pasta onde compilamos nosso exemplo1.café vamos criar um novo arquivo, este será um arquivo HTML normal vamos chamá-lo exemplo2.html e dentro dele vamos fazer um link para exemplo2.js, vamos ver o código necessário:

 Nosso aplicativo com CoffeeScript 

Quando executado em nosso navegador, deve ter a seguinte aparência:

Agora vamos criar um arquivo chamado exemplo2.café e colocaremos o seguinte código:

 language = {ourlanguage: {name: "Coffee"}} ourElement = document.getElementById ("language") ourElement.innerHTML = language.ourlanguage.name

Nós compilamos e atualizamos nosso HTML da etapa anterior:

Como notamos, a palavra final do título mudou, agora, se modificarmos o arquivo novamente exemplo2.café e nós colocamos CoffeScript, para que as alterações sejam refletidas sem a necessidade de compilar, basta executar o seguinte comando:

 café -c.

Com isso, o que fazemos é atualizar o .js que exigiram alterações com base nos arquivos.café modificado, vamos ver:

E, finalmente, ao atualizar nosso arquivo HTML Veremos como as alterações feitas em nosso código são refletidas:

Este processo de compilar cada vez que mudamos algo é um pouco pesado, especialmente se temos que mudar um grande número de arquivos em pastas diferentes, por isso podemos fazer o compilador "observar" e cada vez que ele vê ou detecta uma mudança em um arquivo recompila imediatamente para manter nosso aplicativo atualizado.
Para conseguir isso, simplesmente devemos colocar o comando:

 café -w -c.

Com isso estamos compilando todo o diretório e dizemos ao compilador que quando houver uma alteração em um arquivo, ele deverá ser compilado novamente. Vamos ver na imagem a seguir como o log de construção ao fazer alterações em arquivos, tudo isso acontece automaticamente:

Ao dominar essas partes básicas e fazê-las funcionar, ganharemos um conhecimento muito importante que nos ajudará a crescer como desenvolvedores. O importante é lidar bem com os conceitos de compilação e ver o arquivo resultante, com isso vamos aprender aos poucos os benefícios do JavaScript como uma linguagem de desenvolvimento moderna.
Com isso terminamos este tutorial, como vemos trabalhando com CoffeeScript É algo bastante simples no seu início, claro que como todas as linguagens de programação tem uma curva de aprendizado, porém não é tão alta e complexa quanto outras linguagens.