Aplicación Completa con Angular 18, Angular Material y Firebase - Tutorial Paso a Paso CRUD
Soy un desarrollador experto en Angular con 15 años de experiencia en la industria. Ofrezco formación a través de YouTube, mentorías a empresas, formaciones presenciales y asesorías a particulares.
Mi objetivo es crear contenido relevante y atractivo para desarrolladores jóvenes, principalmente estudiantes universitarios en Colombia y México, que buscan aprender o mejorar sus habilidades en Angular.
En este tutorial, creamos una aplicación con Angular 18, utilizando Angular Material, Firebase y Signals de Angular para explorar sus nuevas características y funcionalidades.
Descripción del video con capítulos:
0:00 - Introducción
0:26 - Creamos proyecto de Angular 18
1:20 - ng g environments Angular
1:52 - Como crear Path aliases en TypeScript
4:30 - Instalar Angular Material en #Angular 18
6:38 - Instalar Angular/Fire en #Angular 18
10:45 - Creamos los componentes
15:42 - Creamos Rutas hijas en #Angular 18
21:25 - Toolbar Components
27:25 - Implementando Toolbar Component en el AppComponent
29:20 - Cambiamos el theme de Material
31:30 - Agregamos los Links al Toolbar
32:30 - EventEmiter del Button New del Toolbar - Nuevo Output #Angular 18
36:40 - DataTable de Material en Angular 18
41:06 - DataTable de Material personalizable en Angular 18
49:45 - Agregamos sort DataTable de Material
52:50 - Agregamos Pagination DataTable de Material
54:47 - Agregamos Filter DataTable de Material
58:33 - Encapsulamos nuestro Filter Componente
1:08:15 - Agreamos los botones de Edit y Delete a la Grid
1:11:45 - Sortable columns
1:14:25 - Creamos las interfaces
1:20:08 - Creamos Services
1:32:20 - Consumiendo ContactService
1:36:40 - Como de suscribirte de los observables con takeUntilDestroyed
1:38:00 - Dialog de Angular material
2:13:25 - Borrando un registro
2:13:25 - Editando un registro
2:23:00 - Snackbar Service
2:29:40 - Fix bug
2:39:09 - Add spinner
2:42:40 - Despedida
🤝🏻Sé parte de la comunidad Domini code..!!
https://www.youtube.com/@DominiCode
▶️ Curso de Angular 9 Udemy:
https://www.udemy.com/course/angular-9-para-principiantes/?referralCode=0CDDB30D64196C1C85DF
▶️ Tutorial de Angular desde cero:
https://youtu.be/i-oYrcNtc2s
▶️ 28 días aprendiendo Angular:
https://www.youtube.com/watch?v=8Fwwhjt3jjE&list=PL_9MDdjVuFjFBed4Eor5qj1T0LLahl4z0
📩 Contacto: [email protected]
👨🏻💻 Website: https://dominicode.com
📲 Instagram: https://instagram.com/domini_code
📹 Twitter: https://twitter.com/domini_code
💻 LinkedIn: https://www.linkedin.com/in/dominicode
📂 GitHub: https://github.com/domini-code
🎥 Twitch: https://www.twitch.tv/dominicode_live