Como crear tu propia biblioteca de componentes con angular

Curso de angular para la creación de tu propia biblioteca de componentes.

Estate atento a mi twitter y a nuestra app de cupones, informare de los cupones que ponga para el curso.

[ufwp id=»2167310″]

Muchos desarrolladores de Angular utilizamos bibliotecas de terceros como Angular material, primeng, etc. pero, ¿y si pudiéramos crear nuestra propia biblioteca y compartirla con el resto del mundo? Pues esto lo vamos a ver en este curso.

Veremos como hacerlo desde 0 con angular, crearemos algunos componentes, pipes, servicios y directivas para que veas todo el potencial que se puede sacar.

Veremos como se puede subir a github y a npmjs y como se puede hacer documentación automáticamente con ComposeDoc. También nos crearemos una documentación personalizada como la de primeng.

Estos son los elementos que realizaremos:

  • Join: Pipe para unir varios elementos por el separador que nosotros le indiquemos.
  • Spinner: Componente para esperar la carga de datos de la aplicación.
  • Dropdown: Componente que nos permitirá elegir una serie de opciones, teniendo integrado un buscador.
  • Toast: Componente que nos muestra mensajes de error, información, avisos o éxito. Como si fuera una notificación.
  • ClickOutSide: Directiva que nos permite realizar alguna acción cuando clicamos fuera de un elemento concreto.
  • LoadIframe: Directiva que nos permite indicar una acción al cargar un iframe con otra web.
  • Config Service: Servicio para gestionar la información de un fichero JSON. Viene muy bien para el tema de configuración.
  • Detail: Componente de un detalle base que podemos nosotros rellenar el contenido.
  • Block-List: Componente que nos permite mostrar elementos en bloques, le podemos añadir una serie de acciones.

En este curso, se realizara con Angular 8.

Aquí tienes el proyecto final: http://biblioteca-ddr-udemy.discoduroderoer.es/

¡Disfrutar del curso!

Compartir

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Warning: Trying to access array offset on value of type null in /home2/discodur/public_html/discoduroderoer/wp-content/themes/disto/single.php on line 539