Una buena manera de aprender AngularJS es pasar por este tutorial paso a paso, que lo guiará a través de la construcción de una aplicación web de AngularJS completa. La aplicación web es una lista de directorio de dispositivos Android, puede filtrar la lista para ver el dispositivo que le interesa y luego ver los detalles del dispositivo.
Este tutorial le mostrará cómo AngularJS hace que las aplicaciones web sean más inteligentes y flexibles, sin requerir varias extensiones o complementos. A través de este tutorial, lo harás:
1. Lea el ejemplo para aprender cómo usar las capacidades de enlace de datos y inyección de dependencia del cliente de AngularJS para crear una vista de datos dinámico que pueda responder inmediatamente a las acciones del usuario.
2. Aprenda a crear oyentes de datos utilizando AngularJS sin operaciones DOM.
3. Aprenda una forma mejor y más fácil de probar su aplicación web.
4. Aprenda a usar AngularJS para crear tareas web comunes, como la introducción más conveniente de datos en aplicaciones.
¡Y todo esto se puede implementar en cualquier navegador sin configurar el navegador!
Cuando complete este tutorial, aprenderá:
1. Cree una aplicación dinámica que funcione en cualquier navegador.
2. Comprenda la diferencia entre AngularJS y otros marcos de JavaScript.
3. Comprenda cómo AngularJS implementa la unión de datos.
4. Use el proyecto de semillas de AngularJS para crear rápidamente su propio proyecto.
5. Crear y ejecutar pruebas.
6. Aprenda más recursos de identificación de AngularJS (API).
Este tutorial lo guiará a través de un proceso simple de creación de aplicaciones, incluida la escritura y la ejecución de pruebas unitarias y pruebas continuas. Cada paso del tutorial le proporciona sugerencias para aprender más sobre AngularJS y las aplicaciones web que crea. Puede leer este tutorial rápidamente en poco tiempo, o es posible que deba pasar mucho tiempo profundizando en él. Si desea ver un breve documento de introducción de AngularJS, consulte el documento [iniciado rápido] [comenzando].
Construir un entorno de aprendizaje
Ya sea en un entorno Mac, Linux o Windows, puede seguir este tutorial para aprender la programación. Puede usar el sistema de control de versiones de la gestión del código fuente para obtener los archivos del código fuente de este proyecto tutorial, o descargar el paquete de compresión de archivo Mirror de los archivos del código fuente de este proyecto tutorial directamente desde Internet.
1. Necesita instalar Node.js y Testacular para ejecutar este proyecto. Descargue e instale la última versión en el sitio web oficial de Node.js y luego agregue la ruta del programa de ejecutable de nodo a la ruta de variable de entorno del sistema. Después de completar, ejecute el comando en la línea de comando para ver si la instalación es exitosa:
La copia del código es la siguiente:
nodo
Luego instale el programa Testacular Unit Test, ejecute el siguiente comando:
La copia del código es la siguiente:
NPM instalación -g testacular
2. Instale la herramienta GIT y luego use el siguiente comando para copiar el archivo del código fuente de este proyecto tutorial desde GitHub:
La copia del código es la siguiente:
Git clone git: //github.com/angular/angular-phonecat.git
También puede descargar el paquete de compresión del archivo Mirror del código fuente de este proyecto tutorial directamente desde Internet. Este comando crea una nueva carpeta Angular-Phonecat en su carpeta actual.
3. Lo último que debe hacer es asegurarse de que su computadora tenga un navegador web y un editor de texto instalado.
4. Ingrese el paquete de archivo de código fuente del tutorial Angular-Phonecat, ejecute el programa de antecedentes del servidor y comience a aprender AngularJS!
La copia del código es la siguiente:
CD Angular-Phonecat
Scripts de nodo/web-server.js