Comece a codificar o JavaScript agora mesmo com esses 5 ótimos recursos gratuitos

Propaganda

"Amor - o amor é um verbo, o amor é uma palavra que faz", ou assim a música vai. E, na verdade, o mesmo pode ser dito sobre o JavaScript: essa linguagem de programação escaldante é uma linguagem prática .

Se você acha que JavaScript é interessante, você precisa fazer JavaScript - não apenas ler sobre isso. Começar é muito mais fácil do que você imagina e não custa nada. Eu localizei três recursos de escolha para aprender JavaScript, que são tudo sobre fazer com que você faça algo com o idioma, em vez de apenas ler ou assistir a vídeos.

Para fazer uma visita guiada: a trilha JavaScript de Codeacademy

Supondo que você saiba muito pouco sobre JavaScript, fazer um tour guiado pela linguagem seria um bom primeiro passo. Algumas pessoas fazem isso com um livro ou dois, outras fazem isso com uma série de vídeos. A excelente Code School tem um caminho JavaScript que usa vídeos e exercícios bem trabalhados, mas gira em torno de tecnologias auxiliares como jQuery ou CoffeeScript CoffeeScript é JavaScript sem as dores de cabeça CoffeeScript é JavaScript sem as dores de cabeça Nunca gostei muito de escrever JavaScript muito. Desde o dia em que escrevi minha primeira linha, sempre me arrependi de que tudo o que eu escrevo sempre acaba parecendo um Jackson ... Leia Mais. Além disso, custa dinheiro.

Se você está procurando por um recurso que é gratuito e tem uma forte ênfase em fazer, você precisa do JavaScript Track do Codeacademy. Este curso orientado em JavaScript usa o mínimo absoluto de explicações textuais, todas abarrotadas na barra lateral. A maior parte da tela é ocupada por um editor de código elegante que é executado diretamente no seu navegador. Para progredir no curso, você precisa concluir as atribuições de codificação reais (simples):

O navegador verifica seu código - assim que você acertar, você passa para a próxima fase. O curso abrange muitos aspectos básicos do JavaScript, desde funções até loops, fluxo de controle, estruturas de dados e objetos. Essa é uma ótima maneira de se familiarizar com a linguagem principal, antes de mergulhar em bibliotecas como o jQuery. Se você já conhece algum JavaScript, não precisa começar do começo: você pode fazer qualquer seção que desejar ou até mesmo progredir em várias seções paralelamente.

Para Experimentação: Console e jsFiddle do Chrome

Uma vez que você tenha uma compreensão básica da sintaxe JavaScript simples, a próxima coisa importante a ter em mente sobre a linguagem é que ela é muito acessível: Você provavelmente está lendo essas palavras em uma janela do navegador agora mesmo. Isso significa que você já está executando um ambiente JavaScript completo, neste exato minuto. Nada para instalar ou configurar - basta clicar com o botão direito do mouse em qualquer coisa na página e selecionar Inspecionar Elemento . Você receberá o seguinte:

Ao clicar no ícone mostrado acima, você pode abrir um console JavaScript que é executado no contexto da página em que você está olhando atualmente. Em outras palavras, você pode manipular a página atual com código JavaScript arbitrário, usar quaisquer bibliotecas (como jQuery jQuery Tutorial - Introdução: Fundamentos e Seletores jQuery Tutorial - Introdução: Fundamentos e Seletores Na semana passada, falei sobre como o jQuery é importante para qualquer desenvolvedor web moderno e por que é incrível.Esta semana, acho que é hora de sujarmos as mãos com algum código e aprendemos como ... Leia Mais) carregado com a página, e fazer o que quiser.

Esta é uma maneira muito boa de aprender por tentativa e erro, porque é tão acessível e não há medo. Você não pode causar nenhum dano - nenhuma de suas alterações é salva em lugar algum, e basta um único toque na tecla F5 para reverter tudo o que você fez e começar tudo de novo. Outra coisa importante para entender sobre o console é que você não está limitado a one-liners: você pode escrever várias linhas de código. Para começar uma nova linha sem executar o código que você digitou até agora, pressione Shift + Enter.

Às vezes, você pode querer criar seu próprio ambiente: Uma combinação personalizada de HTML, CSS, bibliotecas JavaScript e seu próprio código. Isso pode ajudar você a testar ideias mais abrangentes. Se você quiser criar algo assim sem precisar configurar nada localmente, o jsFiddle é o que você precisa. Esse é um ambiente de quatro painéis: HTML, CSS, JavaScript e a saída. Uma barra lateral permite que você escolha todos os tipos de extras, como a biblioteca JavaScript que você deseja confiar. Há também um monte de exemplos, alguns dos quais podem ser muito elaborados para iniciantes:

O uso judicioso do console do Chrome e do jsFiddle deve ajudá-lo a manter o JavaScript acessível, divertido e vivo em sua mente. Concentrar-se apenas em visitas guiadas pela linguagem sem fazer suas próprias experiências pode, na verdade, fazer com que o JavaScript pareça mais intimidador do que realmente é. Afinal, é o seu código - jogue por aí!

Para referência: Mozilla Developer Network e documentação da API jQuery

Já mencionamos a Mozilla Developer Network antes, como um dos vários recursos que podem ajudá-lo a aprender a codificar Learn To Code: 10 recursos on-line gratuitos e fantásticos para aprimorar suas habilidades Aprenda a codificar: 10 recursos on-line gratuitos e fantásticos para aprimorar suas habilidades Codificação. Um tópico que é evitado por muitos. Há uma abundância de recursos e ferramentas gratuitos, todos disponíveis online. Claro que você poderia fazer alguns cursos sobre o tema em uma próxima ... Leia Mais. Isso foi em um contexto mais geral, como o MDN contém informações sobre uma ampla variedade de assuntos. Para os nossos propósitos aqui, você deve saber que o MDN serve como um manual de referência muito sólido para todas as coisas JavaScript. O MDN oferece um Guia JavaScript estruturado que você pode seguir passo a passo (dependendo do seu nível de conhecimento prévio de programação), mas sua verdadeira força está na seção de referência do JavaScript. Esta é uma seção que você pode usar como um dicionário de tipos, apenas para descobrir a estrutura de instruções específicas.

Outro recurso de referência importante é a Documentação da API do jQuery. Assim como o MDN, essa documentação da API pode parecer assustadora, assustadora e completamente hostil no começo. E sim, nenhum desses recursos de referência o apoiará através de explicações gentis - mas eles compensam isso por serem abrangentes, muito confiáveis ​​e autoritativos.

Os codificadores não precisam necessariamente saber tudo - uma grande parte do trabalho é saber onde procurar quando você precisa descobrir alguma coisa. Aprender a ler e entender a documentação oficial é um passo importante no caminho para melhorar seu estilo de codificação e conhecimento. As referências são ferramentas poderosas na busca por aprender fazendo, porque cada tópico geralmente se destaca: você pode procurar rapidamente algo sobre o qual precisa de mais informações, obter o núcleo do que precisa e continuar com a codificação.

E finalmente, um livro opcional

Na verdade, há um livro que eu gostaria de recomendar. Não é sobre JavaScript, e você não encontrará nenhum exercício nele. Na verdade, quase não tem código algum. E, no entanto, é um livro muito bom para ler, se você está curioso sobre programação de qualquer tipo: é chamado Code Simplicity, e ensina como pensar sobre programação e como abordar o assunto como um todo. Você pode ler minha revisão completa do mesmo na página da Amazon (atualmente marcada como a revisão do cliente mais útil, awww), mas em poucas palavras, este é um grande livro sobre os fundamentos filosóficos da codificação. É como dar alguns passos para trás do teclado e apenas ponderar sobre o assunto como um todo.

Código Simplicidade não é necessária leitura por qualquer meio, mas se você sentir que seu conhecimento pode se beneficiar lendo um livro, este é ótimo para começar.

Você aprende fazendo?

E agora eu finalmente pergunto: como você aborda o aprendizado do código? Você aprende fazendo ou é mais leitor? Quais são os recursos que você usou em sua busca para se tornar um programador? Deixe-me saber nos comentários!