https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh?hl=es
Primeros pasos
Qué es Angular y cómo aprenderlo
Instalación de Angular CLI
Comandos de Angular para correr tu proyecto
Estructura de un proyecto en Angular
Conceptos básicos de TypeScript para usar Angular
Comunicación de datos
String interpolation
Property Binding
Introducción al Event Binding de Angular
Otros eventos que puedes escuchar
Data binding con ngModel
Estructuras de control
Uso de *ngIf
Uso de *ngFor
*ngFor para arrays
Uso de *ngSwitch
Angular Devtools
Estilos
Estilos a la lista de productos
Class and style
NgClass y NgStyle
Crear un formulario
Despedida
Continúa con el Curso de Angular: Componentes y Servicios
Deploy
Despliegue con Firebase Hosting
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Angular DevTools es una herramienta complementaria para enriquecer tu experiencia de desarrollo en Angular permitiendo la depuración y el debugging de tu aplicación.
Solo tienes que instalar la extensión del navegador para Google Chrome.
Gracias a estas herramientas, podrás desarrollar y resolver bug más rápido, inspeccionar el valor de las propiedades de tu componente y detectar cuando el usuario realiza alguna acción y se lanza un evento.
También puedes explorar la extensión Augury, una alternativa tanto para Google Chrome como para Mozilla Firefox.
TIP: Solo puedes utilizar estas extensiones en un ambiente de desarrollo, no funcionan en producción.
Aporte creado por: Kevin Fiorentino.
Aportes 13
Preguntas 2
Que bonito es lo bonito!!! Angular DevTools
Encontre esta para Firefox, funciona muy bien.
https://addons.mozilla.org/en-GB/firefox/addon/angular-devtools/
Apenas se instala hay que recargar la página o abrir en otra pestaña el link (incluso este mismo proyecto del curso) para que se active el tab de Angular en el devTools.
Está buenísima, no la conocía.
Excelente heramienta
Excelente extensión para lo desarrolladores angular, muy recomendada
Excelente extension para lo desarrolladores angular, muy recomendada
Que bonito es lo bonito!!!
Muy linda extensión
Muy buena herramienta Angular DevTools para verificar el funcionamiento de nuestra App.
Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications. Angular DevTools supports Angular v9 and later, with Ivy enabled.
Esta geniaaal
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.