Poniéndose cómodo con Angular y UI

Recording available for Multipass and Full ticket holders
Please login if you have one.
Rate this content
Bookmark

Un masterclass tanto para principiantes en UI como en Angular. Vamos a descargar la aplicación Tour of Heroes (escrita por John Papa y encontrada en la documentación de Angular) y darle una mejora en la interfaz de usuario. Todo lo que necesitarás es una computadora portátil y tu conjunto de datos favorito (el mío, por supuesto, serán ponis).

FAQ

El componente Skeleton de Kendo UI es un componente que sirve como un indicador de carga para ciertos elementos o componentes, mostrando un esqueleto del contenido que se está cargando. Ofrece formas como texto, círculo y rectángulo, y permite personalizar las animaciones entre pulso y onda.

Para personalizar la navegación inferior en Kendo UI, puedes modificar los estilos CSS predeterminados, como el color de fondo, el estado activo y el estado al pasar el mouse. Los cambios en los estilos se realizan a través de selectores CSS específicos dentro de los archivos de estilo del proyecto.

La navegación inferior en Kendo UI se puede integrar con el enrutador de Angular al pasar los elementos de navegación como rutas definidas en Angular. Se pueden especificar los iconos y textos para cada ruta y vincularlos directamente con la navegación inferior para una interacción efectiva.

El componente de tarjeta en Kendo UI se utiliza para mostrar información en una forma organizada y visualmente atractiva. Es útil para resumir información detallada en tarjetas que pueden incluir imágenes, listas, botones y otros elementos interactivos.

En una aplicación de Angular, el conjunto de datos puede ser modificado manipulando los servicios que gestionan los datos. Por ejemplo, en el Tour de Héroes, se puede cambiar la lista de héroes modificando el archivo que simula la base de datos dentro del servicio que maneja los datos de los héroes.

Alyssa Nicoll
Alyssa Nicoll
149 min
18 Jun, 2021

Comments

Sign in or register to post your comment.
Video transcription, chapters and summary available for users with access.

Watch more workshops on topic

Comienza con AG Grid Angular Data Grid
JSNation 2022JSNation 2022
116 min
Comienza con AG Grid Angular Data Grid
WorkshopFree
Stephen Cooper
Stephen Cooper
Comienza con AG Grid Angular Data Grid con un tutorial práctico del equipo principal que te guiará a través de los pasos para crear tu primera cuadrícula, incluyendo cómo configurar la cuadrícula con propiedades simples y componentes personalizados. La edición de la comunidad de AG Grid es completamente gratuita para usar en aplicaciones comerciales, por lo que aprenderás una herramienta poderosa que puedes agregar de inmediato a tus proyectos. También descubrirás cómo cargar datos en la cuadrícula y diferentes formas de agregar representación personalizada a la cuadrícula. Al final del masterclass, habrás creado y personalizado una cuadrícula de datos AG Grid Angular.
Contenido:- comenzando e instalando AG Grid- configurando ordenamiento, filtrado, paginación- cargando datos en la cuadrícula- la API de la cuadrícula- agregar tus propios componentes a la cuadrícula para representación y edición- capacidades de la edición de la comunidad gratuita de AG Grid
Microfrontends con Module Federation y Angular
JSNation Live 2021JSNation Live 2021
113 min
Microfrontends con Module Federation y Angular
Workshop
Manfred Steyer
Manfred Steyer
Cada vez más empresas eligen Microfrontends. Sin embargo, no son fáciles de implementar. Afortunadamente, Module Federation introducido con webpack 5 ha iniciado un cambio crucial de dirección.
En este masterclass interactivo, aprenderás de Manfred Steyer, Angular GDE y Colaborador de Confianza en el equipo de Angular, cómo planificar e implementar arquitecturas de Microfrontend con Angular y el nuevo Module Federation de webpack. Hablaremos sobre compartir bibliotecas y conceptos avanzados como manejar desajustes de versión, Module Federation dinámico e integración en monorepos.
Después de los ejercicios individuales, tendrás un estudio de caso que podrás utilizar como plantilla para tus proyectos. Este masterclass te ayuda a evaluar las opciones individuales para tus proyectos.
Prerrequisitos:Debes tener algo de experiencia con Angular.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

El Viento y las Olas: La formación de Olas de Framework desde el Epicentro
JSNation 2022JSNation 2022
20 min
El Viento y las Olas: La formación de Olas de Framework desde el Epicentro
Top Content
¿Qué haces cuando eres un framework que ha sobrevivido e innovado en dos Olas de Framework de JavaScript, y ves la nueva ola creciendo en la distancia? Innovas. En esta charla, exploramos el panorama del Framework de JavaScript, y algunas de las principales características competitivas que hemos visto. Exploraremos lo que Angular está introduciendo hoy y hacia dónde nos dirigimos en el futuro.
Momento Angular
JSNation 2023JSNation 2023
22 min
Momento Angular
En esta charla aprenderás todo sobre el renacimiento que Angular ha estado experimentando. Primero, analizaremos cómo el framework adoptó la reactividad detallada con señales para mejorar su rendimiento en tiempo de ejecución por órdenes de magnitud.
Luego nos sumergiremos en la aplicación de un enfoque similar de carga de código detallada para hacer que todo se cargue más rápido. Al final, aprenderás sobre las herramientas que puedes aprovechar para implementar todo esto en tus aplicaciones.
Pruebas unitarias en aplicaciones Angular
TestJS Summit 2022TestJS Summit 2022
24 min
Pruebas unitarias en aplicaciones Angular
Angular ofrece muchas cosas de serie, incluyendo diversas funcionalidades relacionadas con las pruebas. Esta presentación demostrará cómo podemos aprovechar los sólidos fundamentos de las pruebas unitarias de Angular y aplicar ciertos patrones que facilitan las pruebas. Los temas tratados incluyen: dobles de prueba, patrón de prueba de módulo, arneses, "recetas" sobre cómo probar algunos casos comunes y más.
Renacimiento de Angular
JSNation 2024JSNation 2024
29 min
Renacimiento de Angular
Durante los últimos 18 meses, Angular ha estado experimentando un gran impulso al que la comunidad se ha referido como el "Renacimiento de Angular".En esta charla veremos cómo se manifiesta en mejoras en la experiencia de desarrollo, rendimiento, documentación y una apariencia mejorada.
El estado de Angular
JSNation Live 2020JSNation Live 2020
36 min
El estado de Angular
En esta presentación, analizaremos el estado actual de Angular y su infraestructura de herramientas. Discutiremos qué características habilitaron la última versión de nuestro motor de renderizado Ivy y cómo puedes aprovecharlas hoy.
En el camino, veremos el trabajo que hicimos para garantizar un tamaño de paquete pequeño y una ejecución rápida. En la segunda parte de la charla, nos centraremos en las herramientas que Angular proporciona para ayudarte a entregar aplicaciones de manera rápida y eficiente.
¿Qué dice Angular? 🦊
JSNation Live 2020JSNation Live 2020
8 min
¿Qué dice Angular? 🦊
Estamos muy acostumbrados a generar resultados visuales con código, pero a menudo nos sorprende escuchar que también podemos crear música de la misma manera. ¿No lo sabías? No estás solo. Aunque la idea de programar música es más antigua que todos nosotros, este concepto aún es bastante desconocido para muchos desarrolladores. ¡Pero no por mucho tiempo! Vamos a arrojar algo de luz sobre la programación musical en nuestras aplicaciones web diarias utilizando Angular.