Guia gratuito para aprender JavaScript: Passo a passo completo

Esta é uma coleção estruturada de Recursos educacionais gratuitos de JavaScript Com o objetivo de dar aos alunos uma boa compreensão da linguagem de programação. Existem muitas maneiras de enfrentar a tarefa de ensinar a si mesmo como programar em JavaScript. Livros, cursos on -line, workshops, tutoriais e blogs sobre o assunto são abundantes.

Mas a quantidade de cisalhamento de materiais de aprendizagem – e seus graus variados de qualidade, precisão e confiabilidade – podem rapidamente sobrecarregar qualquer um que considere uma jornada para o JavaScript. Para facilitar um pouco, construí uma lista de oito recursos que o ajudarão a aprender o JavaScript sem nenhum custo financeiramente. O JavaScript é um idioma perdoador, pois não leva muito tempo e esforço para continuar.

O que leva uma quantidade considerável de tempo e esforço é aprender a usar o JavaScript de maneira eficaz e eficiente. A escolha de se educar usando os recursos que defendem as melhores práticas de desenvolvimento de JavaScript em todos os pontos da sua experiência de aprendizado o salvarão de muitas dores de cabeça e frustração. Analisei centenas de recursos que marquei ao longo dos anos e acabei incluindo apenas oito deles nesse esboço de aprendizado.

Em vez de criar uma longa lista de recursos JavaScript e, em seguida, dar o ônus de descobrir quais ler, fiz o trabalho pesado para você.

Algumas dicas

Antes de analisar os recursos de aprendizado, vamos falar sobre algumas coisas que o ajudarão a tirar o máximo proveito de sua jornada para o JavaScript.

Dê a si mesmo tempo suficiente para aprender

JavaScript é uma linguagem difícil de aprender apropriadamente. Você não poderá escrever um bom código JS durante a noite. E vamos tirar isso do caminho: o JavaScript é notoriamente conhecido como uma linguagem de programação menos do que perfeita.

Possui muitas idiossincrasias que tropeçam em programadores iniciantes e avançados. E por causa disso, é ainda mais crucial entender os conceitos fundamentais e as práticas de desenvolvimento fundamental da linguagem, para que, quando as coisas não estão dando certo, você terá um tempo fácil descobrir o porquê. Haverá momentos em sua experiência de aprendizado em que você ficará tão irritado com o JavaScript que você só deseja desistir.

Você começará a pensar “talvez isso não seja para mim” ou “eu vou ficar com HTML e CSS” ou “Não há como aprender tudo isso”. JS tem esse efeito em todos os desenvolvedores que já tiveram que usá -lo. A paciência é a chave para aprender a uma linguagem incrível, mas muitas vezes incompreendida e mal utilizada. Supondo que você tenha uma vida fora do JavaScript, pode levar você quatro a seis semanas para ler e entender completamente os seguintes materiais de aprendizagem.

Comprometa uma ou duas horas por dia passando pelos recursos sugeridos, sem distração, e faça-o em um ritmo não-esmagado, para que você esteja absorvendo completamente o conteúdo.

Aplique o que você aprende

O que eu mais amo no JavaScript é uma habilidade prática. Você pode usá -lo imediatamente, independentemente de onde está sob seu comando do idioma. E é fácil configurar um ambiente para experimentar o código: você só precisa de um editor de texto, um computador e um navegador, e está pronto para ir.

Enquanto você aprende o idioma, pense nos projetos em que você pode trabalhar que oferece a oportunidade de utilizar imediatamente o que aprendeu. Crie uma calculadora simples (como uma calculadora de diferenças de porcentagem, por exemplo), um gerador de números aleatórios e, posteriormente, um aplicativo de navegador do lado do cliente (como uma lista de tarefas que usa a API de armazenamento local). A prática leva à perfeição.

Roteiro para aprender JavaScript gratuitamente

Existem oito recursos gratuitos neste roteiro para aprender JavaScript.

Eu organizei os seguintes materiais educacionais de maneira lógica para fornecer uma estrutura de aprendizagem ideal que progride em dificuldade. Existem livros on-line, um curso interativo e guias de uma página incluídos aqui.

Novato

Se o JavaScript for completamente novo para você, você definitivamente precisa começar aqui. E mesmo se você já é um profissional, nunca é demais revisar o básico.

1. Javascript Road Trip Part 1

Este curso on -line da escola de código é uma introdução suave ao JavaScript: abrange os aspectos fundamentais do idioma, como variáveis, expressões e como fazer referência a arquivos JS no HTML. Demora cerca de duas horas para concluir este curso de acordo com a descrição do curso, mas leve -o no seu próprio ritmo. A parte 1 desta série de cursos é gratuita, as peças subsequentes não são.

2. JavaScript eloquente

Este livro on -line gratuito é uma explicação detalhada do JavaScript e serve duplamente como uma introdução aos conceitos básicos de programação. Se você é novo no mundo da programação, há muito conteúdo para digerir neste livro, então, leve seu tempo e fique com ele, porque os resultados valerão a pena.

3. Guia do MDN JavaScript

Este guia da rede de desenvolvedores Mozilla cobre tudo o que você precisa saber para escrever o código JavaScript. É para programadores que estão apenas aprendendo o idioma. Ele passa por cima do básico, bem como tópicos de nível intermediário, como fechamentos e herança.

Intermediário

Os seguintes recursos de aprendizado são mais adequados para pessoas que já têm uma boa compreensão do JavaScript.

4. Você não conhece JS [Book Series]

Esta série de livros publicada pela O’Reilly Media tem seus rascunhos hospedados no Github para que qualquer pessoa acesse. A série abrange assuntos como o comportamento de elevação do JavaScript, delegação de eventos/comportamento, padrões de código e muito mais. Esta é uma série de livros de 5 partes, com cada livro em diferentes estágios de conclusão (outros já foram publicados, enquanto outros ainda estão em draft):

1. Escopo e fechamento
2. este e protótipos de objeto
3. Tipos e gramática
4. Assíncrono e performance
5. ES6 & Beyond (ainda na fase de planejamento no momento da redação)

Com 450 pessoas assistindo ao projeto no Github e 35 colaboradores, o conteúdo desta série de livros JavaScript tem o benefício de ser revisado minuciosamente e publicamente por muitos desenvolvedores.

5. Uma reintrodução para JavaScript

Este guia de uma página é uma boa visão geral dos principais conceitos de JavaScript. Esta é uma leitura perfeita para os desenvolvedores de JavaScript que precisam revisar os recursos importantes do idioma.

6. Javascript Garden

O Javascript Garden Project documenta as “peças peculiares” de JS: fornece dicas para evitar erros de programação de javascript comuns e práticas ruins de codificação.

Avançado

Os seguintes recursos o ajudarão a ajustar suas habilidades de JavaScript, além de expô-lo a práticas de desenvolvimento em nível profissional.

7. Padrões de JavaScript

Esta é uma coleção de padrões populares de código JavaScript para tarefas comuns, como declarar variáveis ​​usando uma única instrução VAR e escrever eficiente for loops. Ele também possui padrões de jQuery.

8. A trilogia JavaScript [Videos]

Se você deseja uma discussão profunda e detalhada do JavaScript, assista a esta série de três pratos de Douglas Crockford, um líder-chave e educador da comunidade JavaScript. A primeira parte abrange a história de JavaScript (os primeiros anos do design e desenvolvimento do idioma) e o último vídeo é uma olhada atentamente em alguns padrões de código JavaScript, como o padrão Singleton-Constructor. Parte 1: A linguagem de programação JavaScript

https://youtube.com/watch?v=v2ifwcnqs6m%3Frel%3D0

Parte 2: Uma API inconveniente – a teoria do DOM

https://youtube.com/watch?v=y2y0u-2qjms%3Frel%3D0

Parte 3: JavaScript avançado

https://youtube.com/watch?v=dwypg6vrejg%3Frel%3D0

Conteúdo relacionado