©2025 Escuela Tecnologías de la Información S.L. Todos los derechos reservados.
Curso de Stenciljs
Aprende a dominar Stenciljs y desarrolla Web Components ultrarrápidos basados en estándares que se ejecutan en cualquier navegador
Material disponible
Stenciljs es una herramienta para el desarrollo de Web Components que podremos usar en cualquier tipo de aplicación frontend. Con Stenciljs se producen componentes Javascript estándar y por lo tanto podemos usarlos con sitios y aplicaciones basadas en "VanillaJS" o en el framework de nuestra preferencia.
En realidad Stencil.js se cataloga como un "compilador" que genera "Custom Elements" y nos asegura no solo compatibilidad con otras plataformas, sino también un elevado rendimiento. Encima del estándar Javascript de Web Components, Stencil nos ofrece la capacidad de usar muchas de las ventajas de librerías como React: Virtual DOM, data binding, templates con JSX y mucho más.
Después del proceso de compilación, nos entrega componentes en Javascript nativos, capaces de funcionar en cualquier contexto. Por ello, Stenciljs es ideal para crear sistemas de diseño, con componentes transversales, que los profesionales y empresas podrán usar a lo largo de cualquier tipo de proyecto. Stenciljs ha sido creado por el equipo de Ionic y, de hecho, todos los componentes del framework están desarrollados usando Stencil, lo que les ha permitido desacoplarse de cualquier framework Javascript y dar libertad de elección a sus desarrolladores
En realidad Stencil.js se cataloga como un "compilador" que genera "Custom Elements" y nos asegura no solo compatibilidad con otras plataformas, sino también un elevado rendimiento. Encima del estándar Javascript de Web Components, Stencil nos ofrece la capacidad de usar muchas de las ventajas de librerías como React: Virtual DOM, data binding, templates con JSX y mucho más.
Después del proceso de compilación, nos entrega componentes en Javascript nativos, capaces de funcionar en cualquier contexto. Por ello, Stenciljs es ideal para crear sistemas de diseño, con componentes transversales, que los profesionales y empresas podrán usar a lo largo de cualquier tipo de proyecto. Stenciljs ha sido creado por el equipo de Ionic y, de hecho, todos los componentes del framework están desarrollados usando Stencil, lo que les ha permitido desacoplarse de cualquier framework Javascript y dar libertad de elección a sus desarrolladores
Qué aprenderé en el Curso de Stenciljs
Objetivos del curso
Por qué debes aprender Stenciljs
Qué tengo que saber
Para la realización del curso de Stenciljs se recomienda disponer de conocimientos medios de Javascript, nociones Typescript y CSS. Es ideal un conocimiento básico sobre las herramientas de desarrollo esenciales, como la consola de comandos o editores de código.
Clases y contenidos
Introducción a los web components y los estándares, primeros pasos en la configuración del entorno de trabajo con Prettier.
Herramientas para obtener y configurar un entorno de trabajo óptimo: trabajo con Prettier, Eslint, Husky, Lint-staged....
Primeros pasos con la herramienta y las aPIS que nos ofrece. ¿Qués es JSX (TSX)? CSS y Shadow DOM.
En esta sesión nos centramos en componer componentes más específicos a base de componentes más genéricos y la interacción entre ellos a base de eventos y propiedades.
Creación de un componente Icono que es consumido por un componente padre
Publicación e integración de los componentes creados en un framework, accesibilidad y opciones de testing que nos da la herramienta.
Valoraciones
Manu Álvarez
El ritmo es bastante lento y el contenido de momento al menos bastante básico
DOCAL ARTAJO / JAIME
Excelente curso como todos los de Rafa Bernal.
Francisco Torres
Maria García Huertas
He podido aprender muchas cosas. Como ya había usado React me gusta el enfoque de Stencil. Me falta ponerlo en práctica.
Albert Montagut Casero
javierarocena
Visualnacert
¿Conoces nuestra tarifa plana?
Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.