Crea tu propia biblioteca de componente con Angular

🚀 Crea tu propia biblioteca de componentes con Angular 12+ 📚

¿Listo para globalizar tus compañeros de código? En este curso, vamos a embarcarnos en una aventura para desarrollar tu propia biblioteca de componentes en Angular y compartirla con el mundo. 🌐

¿Qué Aprenderás?

• Desarrollo de Bibliotecas: Comenzaremos desde los fundamentos de cómo crear una biblioteca de componentes en Angular, incluyendo componentes, pipes, servicios y directivas.

• Subida a GitHub y npmjs: Aprenderás a subir tu biblioteca a GitHub y publicarla en npmjs para que otros desarrolladores puedan utilizar tus componentes.

• Documentación Automatizada: Descubre cómo crear documentación automática con ComposeDoc y personalizar la tuya al estilo de libraries como Primeng.

Componentes y Servicios a Crear:

• 🎯 Join Pipe: Uniona elementos con un separador personalizado.

  • Spinner Component: Indica cargas de datos con un spinner visualmente atractivo.

• 🔍 Dropdown Component: Permite elecciones con una funcionalidad de búsquedar integrada.

  • Toast Component: Muestra notificaciones en forma de mensajes eficientes y claros.

• 🛑 ClickOutSide Directiva: Activa acciones al hacer clic fuera de un elemento específico.

  • LoadIframe Directiva: Gestiona eventos cuando se carga un iframe con otra web.

• 📄 Config Service: Administrar información de un archivo JSON para configuraciones fáciles.

  • Detail Component: Un componente base que puedes rellenar con el contenido que desees.

• 🔍 Block-List Component: Muestra elementos en bloques y personaliza acciones según sea necesario.

  • Tabs Component: Organiza diferentes secciones en una única página.

• 🖼️ Resolution Service: Detecta el dispositivo desde móvil hasta tablet y web.

  • Accordion Component: Alterna la visualización de contenido con un clic.

• Translate Service: Traduce textos dinámicamente en tu aplicación.

  • Toggle Component: Activa o desactiva funciones con un solo clic.

• Modal Component: Muestra modales para informar, alertar o solicitar acciones del usuario.

Adicionales:

• Ng-Model-Base Class: Implementa un ngModel en tus componentes con esta clase base.
  • Toggle Component: Alterna entre dos estados (encendido/apagado).

Versionamiento y Mantenimiento:

• Aprenderás a manejar las versiones de tu biblioteca, manteniéndola actualizada con las últimas características y correcciones de Angular.
• Exploraremos cómo subir tu biblioteca a Github utilizando Visual Studio Code.
• Entenderemos cómo funciona Github Packages para distribuir tus componentes.

¿Listo Para Comenzar?

Este curso está diseñado para Angular 12, pero su conocimiento se extiende a versiones posteriores desde la versión 6. Así que, si ya tienes experiencia con Angular o estás listo para adentrarte en el desarrollo de bibliotecas, este es el lugar idóneo para empezar a compartir tu trabajo con el mundo. 🚀

¡No esperes más, inscríbete y comienza a construir tus componentes Angular desde cero! 🎓✨