Los elementos de Angular son una de las principales innovaciones a partir de Angular 6 en adelante, os recuerdo que Angular ya va por su versión 10. Los elementos permiten desarrollar componentes de Angular a través de la potente API de Angular, y luego compilarlos en elementos personalizados nativos para el navegador.
Con los elementos personalizados, podemos definir nuevos elementos HTML de una manera independiente del framework que se adhiera a los estándares web; y también podemos extender el HTML definiendo una etiqueta cuyo contenido es creado y controlado por código JavaScript.
Por lo tanto, el principal beneficio de los elementos de Angular es que puedes compartirlos como “Elementos personalizados” con otros proyectos a pesar de que no usen el framework de Angular.
Supongamos que tienes una aplicación React y te gustaría añadir un componente de flujos de pago que creaste con anterioridad sobre Angular, pues puedes envolver ese componente como un Elemento Angular, posteriormente compilarlo e importarlo a tu aplicación de React.
A continuación, unos vídeotutoriales en los que se trabaja con los elementos de Angular.
Creación de componentes con Angular Elements 2019
Angular Elements 2018
Fuente: Elementos de Angular
Relacionado
10 Frameworks que los Desarrolladores de Software deberían Aprender 2024 Bienvenidos desarrolladores web y de software, estamos en los inicios de 2023 y es posible que muchos se esten planteado sus objetivos para lo largo del año. Con anterioridad ya he compartidos las rutas de aprendizaje para un desarrollador front-end, un desarrollador full-stack o un desarrollador back-end entre otros muchos contenidos más. En este artículo, me gustaría compartir algunos de los mejores frameworks y bibliotecas para ¡SEGUIR LEYENDO!
25 Mejores cursos de Udemy 2020 [EN] Más de 20 expertos han compilado esta lista de los mejores cursos, certificados, tutoriales, capacitación y clases de Udemy disponibles en línea para 2020. Estos incluyen las mejores ofertas y descuentos para brindarte los mejores precios en oferta. Los cursos son adecuados para principiantes, estudiantes intermedios y expertos. Esta compilación ya ha ayudado a más de 72.000 estudiantes y se actualiza cada poco tiempo. Consulta nuestra ¡SEGUIR LEYENDO!
Angular 10: Conoce todas las novedades del framework desarrollado en Typescript por Google La actualización del framework Angular desarrollado por Google se centra más en las mejoras del ecosistema que en las nuevas características. Angular 10 está configurado para ser más pequeño que las versiones anteriores. Además, las configuraciones opcionales más estrictas ofrecen una configuración de proyecto más estricta al crear un nuevo espacio de trabajo con ng new, via ng new -- strict. Al habilitar este indicador, se ¡SEGUIR LEYENDO!
Angular 11: Conociendo las próximas novedades del framework Una nueva actualización de Angular, fue lanzada la primera quincena de este Noviembre 2020: Angular 11 llega con nuevos e interesantes cambios. Si bien, en Junio, hablamos del lanzamiento de Angular 10; en Noviembre, ya recibimos una nueva actualización del framework de Angular. Traducción: Esto es un contenido informativo extraído del blog Oficial de Angular en Medium, escrito por Mark Techson. La versión 11.0.0 llega con ¡SEGUIR LEYENDO!
Animaciones en Angular 12: Guía paso a paso para principiantes Las animaciones en Angular proporcionan la ilusión de movimiento: los elementos HTML cambian de estilo con el tiempo. Las animaciones bien diseñadas pueden hacer que su aplicación sea más divertida y fácil de usar, pero no son solo cosméticas. Las animaciones pueden mejorar su aplicación y la experiencia del usuario de varias maneras: Sin animaciones, las transiciones de la página web pueden parecer abruptas y discordantes. ¡SEGUIR LEYENDO!
Angular Recursos Recursos oficiales Sitio Blog Documentación Hoja de trucos Guía de inicio Repositorio de GitHub Representación del lado del servidor Repositorio universal angular (GitHub) SPA angular compatible con SEO: Tutorial de renderizado del lado del servidor universal ng-web-apis / universal: un conjunto de código abierto de resguardos y códigos auxiliares de API nativos Guide to Angular Universal: una guía completa sobre cómo perfeccionar sus habilidades universales Diseño ¡SEGUIR LEYENDO!
Angular 9: Nueva versión del Framework Javascript Se acaba de anunciar el lanzamiento de una nueva versión del framework multiplataforma Angular con importantes cambios e implementaciones; entre las que se incluye un compilador denominado: Ivy. La nueva versión trae reformas en toda la plataforma, dese el framework, la librería de Interfaz de Usuario paralelea "Angular Material" y la CLI o interfaz de línea de comandos de Angular. La nueva versión va a utilizar ¡SEGUIR LEYENDO!