En este tutorial de Angular 17, desde la instalación, exploraremos cada aspecto del desarrollo con este framework. Desde la configuración inicial con Node.js y Angular CLI hasta la creación de componentes, directivas, eventos y comunicación entre componentes. Además, abordaremos temas avanzados como rendimiento, suscripciones a eventos, y soluciones para problemas comunes.
▶ No te pierdas más directos en: https://www.twitch.tv/midudev
00:00:00 - Introducción
00:00:57 - ¿Qué vamos a ver/hacer?
00:01:57 - Instalar Node.js
00:03:00 - npm install Angular-cli
00:04:09 - Conozcamos Angular
00:04:54 - Cosas importantes de Angular
00:06:43 - Iniciando proyecto
00:09:01 - Revisando archivos de Angular
00:09:40 - package.json
00:10:28 - Angular.json
00:10:50 - EXTENSION IMPORTANTE
00:12:49 - main.ts
00:13:34 - app router
00:14:13 - Carpeta app
00:15:23 - Standalone, imports
00:16:36 - templateURL, StyleURL
00:16:53 - Decorador
00:18:38 - app.config.ts
00:19:50 - Inicializar proyecto
00:20:51 - Primer Hola angular
00:22:08 - Crear estilos y estructura (nivel de componente)
00:23:06 - recomendación
00:24:13 - Propiedades
00:27:02 - Estilos
00:29:01 - :root de CSS
00:30:02 - Nuestro primer componente
00:33:03 - exportar/importar componentes
00:36:14 - Directivas
00:37:15 - @if @else
00:41:42 - preguntas y comentarios de la comuindad
00:42:47 - Creando otro componente
00:43:14 - Componente Dry-Run
00:43:50 - Cómo omitir los test?
00:44:28 - más de Dry Run
00:45:08 - Componente Game
00:45:39 - @for
00:49:18 - El “Property Binding”
00:50:04 - Agregando imagenes + Hack para obtener el avatar de un usuario de GitHub
00:51:07 - Eventos (click y más)
00:52:24 - Cambiar un estado en Angular
00:55:51 - Props + Comunicación entre Componentes
00:59:54 - @Output Comunicación de Hijo a Padre
01:01:46 - Explicación de lo que hicimos
01:02:51 - La parte del Padre
01:03:44 - “subscribed” Suscribirse a un Evento
01:06:57 - @defer
01:08:51 - Creando un Componente de Comentarios
01:11:50 - Problema de Rendimiento
01:13:14 - pregunta de usuario
01:14:51 - Usando el @difer
01:16:41 - @placeholder
01:20:54 - @loading
01:22:19 - Fin