Uma boa maneira de aprender o AngularJS é passar por este tutorial passo a passo, o que o levará a criar um aplicativo Web completo do AngularJS. O aplicativo da Web é uma lista de diretórios de dispositivos Android, você pode filtrar a lista para visualizar o dispositivo em que está interessado e, em seguida, visualizar os detalhes do dispositivo.
Este tutorial mostrará como o AngularJS torna os aplicativos da Web mais inteligentes e flexíveis, sem exigir várias extensões ou plug-ins. Através deste tutorial, você irá:
1. Leia o exemplo para aprender como usar os recursos de ligação de dados e injeção de dependência do AngularJS para criar uma visualização de dados dinâmicos que pode responder imediatamente às ações do usuário.
2. Aprenda a criar ouvintes de dados usando o AngularJS sem operações DOM.
3. Aprenda uma maneira melhor e mais fácil de testar seu aplicativo da Web.
4. Aprenda a usar o AngularJS para criar tarefas da Web comuns, como introduzir mais convenientemente dados em aplicativos.
E tudo isso pode ser implementado em qualquer navegador sem configurar o navegador!
Quando você concluir este tutorial, você aprenderá:
1. Crie um aplicativo dinâmico que funcione em qualquer navegador.
2. Entenda a diferença entre o AngularJS e outras estruturas JavaScript.
3. Entenda como o AngularJS implementa a ligação dos dados.
4. Use o projeto de sementes do AngularJS para criar rapidamente seu próprio projeto.
5. Crie e execute testes.
6. Saiba mais recursos de identificação do AngularJS (API).
Este tutorial o guiará através de um processo simples de criação de aplicativos, incluindo testes de unidade de gravação e execução e aplicativos continuamente testando. Cada etapa do tutorial fornece sugestões para saber mais sobre o AngularJS e os aplicativos da Web que você cria. Você pode ler este tutorial rapidamente em pouco tempo, ou pode precisar gastar muito tempo se aprofundando nele. Se você deseja ver um breve documento de introdução do AngularJS, verifique o documento [Iniciado Quick Start].
Construir um ambiente de aprendizado
Seja em um ambiente Mac, Linux ou Windows, você pode seguir este tutorial para aprender a programação. Você pode usar o sistema de controle de versão de gerenciamento de código -fonte GIT para obter os arquivos de código -fonte deste projeto tutorial ou fazer o download do pacote de compactação do Mirror Archive dos arquivos de código -fonte deste projeto tutorial diretamente da Internet.
1. Você precisa instalar o Node.js e o Testacular para executar este projeto. Faça o download e instale a versão mais recente no site oficial do Node.js e adicione o caminho do programa executável do Node ao caminho da variável do ambiente do sistema. Após a conclusão, execute o comando na linha de comando para ver se a instalação é bem -sucedida:
A cópia do código é a seguinte:
Nó -Version
Em seguida, instale o programa de teste de unidade Testacular, execute o seguinte comando:
A cópia do código é a seguinte:
npm install -g testacular
2. Instale a ferramenta Git e use o seguinte comando para copiar o arquivo de código -fonte deste projeto tutorial do GitHub:
A cópia do código é a seguinte:
git clone git: //github.com/angular/angular-phonecat.git
Você também pode baixar o pacote de compactação do Mirror Archive do código -fonte deste projeto tutorial diretamente da Internet. Este comando cria uma nova pasta angular-phonecat na sua pasta atual.
3. A última coisa a fazer é garantir que seu computador tenha um navegador da Web e um editor de texto instalado.
4. Digite o pacote de arquivos do código-fonte do tutorial Angular-Phonecat, execute o programa de fundo do servidor e comece a aprender o AngularJS!
A cópia do código é a seguinte:
CD Angular-Phonecat
scripts de nó/web-server.js