Aqui está um processo de cinco etapas para aprender Angular usando recursos online gratuitos. Usei esses recursos para obter uma compreensão de nível competente do Angular. Admito que ainda tenho um longo caminho a percorrer, mas esses recursos me ajudaram a começar no caminho certo. Se desejar, você pode começar com os recursos que pessoalmente achar interessantes.
No entanto, lembre-se de que estruturei este guia intencionalmente com o objetivo de ajudá-lo a seguir seu caminho com o Angular. Use o recurso errado na hora errada e você pode ficar desencorajado de continuar a explorar o Angular em seu site.
Etapa 1: moldando-se com o Angular.js
Objetivo: Obter uma introdução prática e suave ao mundo do Angular. Sempre que tento aprender alguma coisa, meu objetivo inicial é obter uma visão geral do que estou tentando aprender e colocar a mão na massa o mais rápido possível.
Quero evitar o máximo de instalação e configuração possível. Há duas razões para este objetivo. A primeira é para que eu possa decidir logo de cara se é algo que vejo como uma habilidade potencialmente valiosa para adquirir, sem gastar muito tempo nisso.
A segunda razão é que começar a trabalhar rapidamente muitas vezes torna a tarefa mais envolvente, divertida e motivadora. Moldar-se com o Angular.js, um curso em vídeo gratuito da Code School patrocinado pelo Google, o desenvolvedor e mantenedor do Angular, se encaixa no projeto. Este curso online é uma introdução bem estruturada e eficiente ao Angular.
Neste curso, você criará um aplicativo Angular simples. Há desafios de codificação intercalados ao longo do curso para ajudá-lo a revisar os principais conceitos discutidos. À medida que desenvolve o aplicativo, você aprenderá sobre alguns dos recursos poderosos do Angular, como Diretivas, vinculação de dados bidirecional, Serviços e assim por diante.
Etapa 2: noções básicas de Angular por ScriptyBooks
Objetivo: Conhecer os principais conceitos e funcionalidades do Angular. Os tutoriais e documentação oficiais do AngularJS (que discutiremos mais adiante) são extremamente detalhados e completos. Para mim, o problema com os documentos oficiais é que são incrivelmente secos e intimidantes. É especialmente pouco convidativo para pessoas como eu, que não têm formação acadêmica formal em ciência da computação.
Eu entendo a necessidade da equipe Angular de ser detalhada e minuciosa na documentação de seu projeto. Por serem abrangentes e técnicos com seus documentos, eles evitam problemas de ambiguidade e permitem que seus usuários encontrem todas as informações de que precisam. Mas para a maioria das pessoas, minha opinião é que aprender Angular deve começar com conteúdo de terceiros.
Existem outros recursos de aprendizado além dos documentos do AngularJS que são mais acessíveis para os recém-chegados. O livro online gratuito Angular Basics é um desses recursos de aprendizado. Chris Smith, o autor do livro, descreve perfeitamente minha experiência inicial tentando aprender Angular através dos documentos AngularJS:
“[A]pós pesquisar a API [Angular] e sua documentação, encontrei meu progresso bloqueado por um vocabulário desconhecido que incluía termos como transclusão, diretiva e escopo isolado.
À medida que lia a documentação oficial e o tutorial, a perspectiva de domínio fácil parecia se dissipar em uma névoa.” Angular Basics – Capítulo de introdução
Em Angular Basics , você aprenderá sobre os conceitos vitais do Angular: Controladores, Diretivas, Serviços, escopo, injeção de dependência e assim por diante. Este livro é interativo enquanto você lê o livro, você é solicitado a brincar com os exemplos de código o que o torna uma leitura divertida e envolvente. Este livro on-line não abordará todos os recursos do Angular.
O autor, em vez disso, capitula seu livro ao princípio de Pareto: “Para lhe dar acesso a uma grande parte do poder do Angular, enquanto o sobrecarrega com apenas [uma] pequena parte de sua complexidade”. As próximas três etapas tratarão da completude e das melhores práticas do Angular.
Etapa 3: aplicativo de tutorial do AngularJS PhoneCat
Objetivo: Aprender a construir aplicativos do jeito Angular.
Após os dois recursos de aprendizado Angular acima, você estará no caminho certo para desenvolver aplicativos Angular. Nada supera a documentação oficial do Angular em termos de completude.
Na minha opinião, você simplesmente não pode aprender Angular corretamente sem gastar tempo nos documentos oficiais. No aplicativo Tutorial PhoneCat , você criará um aplicativo de diretório para smartphone. Você aprenderá conceitos Angular de nível intermediário e avançado, como teste de unidade, testes E2E, como organizar seus arquivos e diretórios de aplicativos, modelos, práticas recomendadas para modularizar o código do seu aplicativo e muito mais.
Leve o seu tempo com este tutorial. Resista à tentação de avançar sempre que chegar a um bloqueio. (Encontrei muitos deles quando passei por este tutorial.) Perseverando nas partes difíceis deste tutorial, você garantirá a si mesmo um verdadeiro entendimento do Angular.
O(s) escritor(es) do aplicativo tutorial PhoneCat diz que você “pode passar por todo o tutorial em algumas horas ou pode querer passar um dia agradável realmente investigando”. Para mim, levei uma semana para terminar, dedicando duas horas de aprendizado focado todos os dias.