inicio / programación / {{page.title}}

propósito

• notas sobre angularJS un framework de JavaScript de código abierto, mantenido por Google.

• libro de Pedro Gascón Campos

• Sobre un curso de coursera y reutilizando parte del curso de juanda en CFGS-DAW

• ejemplo en plunker

• No es necesario un servidor para lanzar el programa (confirmarlo.!!!)

• se usa bower como gestor de paquetes ?

  • creo que se usa npm

• recursos

  • web de angular 1
  • web de angular 2

• se arranca con npm run lite pues la instrucción que da el libro da un error

• el ejemplo que funciona

C:\Angular2\libro_angular2\angular2-book-chapter03\app03-01>npm run lite

> app03-01@1.0.0 lite C:\Angular2\libro_angular2\angular2-book-chapter03\app03-01
> lite-server

CFGS-DAW-DWEC

• del ciclo formativo con juanda
• C:\nube\MEGA\CicloFormativoGradoSuperior\DAW_DWEC\tema_6_AngularJs
• interesantes apuntes
• un paquete completo de desarrollo

angularjs

• para descargar angularjs

de coursera

• C:\nube\MEGA\cursos\coursera\SimplePageAngularJS

notas de David Clemente

Te mando las notas que me he hecho sobre Visual Studio y Angular

El IDE, sin instalar ninguna extensión, ya reconoce la sintaxis empleada en los proyectos angular (y tienen función autocompletar -->IntelliSense).

Para abrir un terminal (CTRL + Ñ), si queremos abrir más terminales (CTRL + Shift + Ñ)

Como anteriormente ya instalamos ANGULAR CLI  (npm install -g @angular/cli),

podemos utilizarlo desde terminal

-->ng new my-app    crear una nueva aplicación
-->ng serve -open   inicializar el servidor web y abrir la aplicación en el navegador
http://localhost:4200

Para abrir un proyecto ya creado:
-Archivo - Abrir carpeta


----DEBUG ANGULAR
Instalar la extensión Debugger for Chrome
En la izquierda de Visual Studio el último icono es el de las extensiones, la instalamos y recargamos 'Reload'
Prueba de debug:
-Ponemos puntos de ruptura en app.component.ts
-Desde terminal inicializamos el servidor:  ng serve
-En Visual Studio vamos al icono de debug (parte izquierda icono de Debug)
-En la parte de arriba vemos el icono de una tuerca y seleccionamos chrome
-Se genera un fichero 'launch.json'  --> cambiamos el puerto de debug a 4200
-Ejecutamos el icono verde del play 'Launch chrome against local host'
-Se abre un navegador chrome y podemos hacer debug Desde el propio navegador o con los iconos del Visual Studio
https://code.visualstudio.com/docs/nodejs/angular-tutorial


--------EXTENSIONES INTERESANTES:
https://medium.com/frontend-coach/7-must-have-visual-studio-code-extensions-for-angular-af9c476147fd