Angular 18, Angular Material y Firebase - Tutorial Paso a Paso CRUD Aplicación Completa

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..!!
   / @dominicode  

▶️ Curso de Angular 9 Udemy:
https://www.udemy.com/course/angular-...

▶️ Tutorial de Angular desde cero:
   • Angular desde cero 🅰 Curso de Angular...  

▶️ 28 días aprendiendo Angular:
   • ¿Qué es Angular? & Instalación Angula...  


📩 Contacto: [email protected]
👨🏻‍💻 Website: https://dominicode.com
📲 Instagram:   / domini_code  
📹 Twitter:   / domini_code  
💻 LinkedIn:   / dominicode  
📂 GitHub: https://github.com/domini-code
🎥 Twitch:   / dominicode_live