Material de aprendizaje para visual personalizado.

Un usuario Pregunto ✅

BrentonC

Hola, he creado una imagen personalizada y funciona. Aunque solo he estado trabajando para que funcione, soy firmilular con python, java, un poco de C # y algunos otros lenguajes. No tengo experiencia con Typecript o javascript / node js. ¿Alguien podría decirme en qué debería centrarme para aprender a comprender los fundamentos de lo que está sucediendo, por ejemplo, los elementos svg y todo lo demás que lo acompaña? ¿Debería aprender javascript, d3, mecanografiado o cualquier otra cosa?

Gracias

Brenton Collins

dm-p

Hola @BrentonC,

¡Me alegra ver que estás teniendo éxito! El mayor desafío con las imágenes personalizadas (aparte de la gran paciencia en el desarrollo) es la cantidad de posibilidades que existen en términos de marcos y decisiones de diseño que puede tomar para lograr el mismo resultado, por lo que no hay una respuesta 100% correcta.

Vengo de un entorno mixto y tenía algo de experiencia con D3 antes de aprender imágenes personalizadas, por lo que naturalmente he tendido a eso. Algunas de las herramientas de Power BI proporcionadas por el equipo de elementos visuales personalizados también tienen una inclinación D3, pero en última instancia se reduce a lo que su elemento visual necesita hacer. Por ejemplo, estoy pensando en construir algo en este momento usando React y muy poca dependencia de D3.

De todos modos … para mí, el mayor desafío fue tomar código JS y aplicarlo a TS, ya que TS es (con razón) mucho más estricto con la escritura. TBH Estoy tratando de usar TS para la mayoría de los proyectos ahora donde habría usado JS anteriormente porque me gusta mucho.

En términos de aprendizaje visual personalizado específico, no hay mucho, por lo que para mí, mejorar las habilidades ha sido una cuestión de usar lo siguiente lo mejor que puedo:

  • Aquí mismo en la comunidad de Power BI, aunque no hay muchos de nosotros aquí respondiendo preguntas visuales personalizadas, hay bastantes publicaciones salpicadas, y una de las formas en que aprendo es tratar de encontrar soluciones a las preguntas de los demás.
  • El nuevo documento de MS para el desarrollo de imágenes (si no lo ha visto) es mejor que el material anterior, pero aún tiene pocos ejemplos. Sin embargo, he hecho que mucho de lo que hay allí funcione.
  • Esta lista de reproducción de YouTube usa una versión anterior del SDK de imágenes, por lo que es posible que se requiera algo de trabajo para portar el código, pero es un recurso increíble si desea que las cosas funcionen.
  • Muchos autores abren sus imágenes de código abierto y puedes usarlas para ver algunos de los conceptos desarrollados. Aquí hay una publicación con algunos de los de MS. También siéntase libre de echar un vistazo a mis repositorios de GitHub para cualquier cosa que pueda encontrar a mano.

Tengo un blog en el que trato de contribuir con contenido visual personalizado, pero la mayoría de las veces coloco la mayor parte del contenido en publicaciones de este foro. Actualmente también estoy trabajando en un curso de desarrollo de elementos visuales de Power BI para RADACAD, que se espera que salga … pronto. Probablemente el próximo mes si todo se alinea correctamente.

Para el desarrollo web general y las imágenes personalizadas, he encontrado lo siguiente esencial:

  • El manual de referencia de TypeScript, para comprender cómo se articula el ecosistema y cuándo usar las especificaciones de TS en lugar de JS.
  • W3Schools por reeducarme sobre casi cualquier cosa fundamental sobre el desarrollo web de WRT. También contiene algunas buenas guías para marcos comunes como Bootstrap y Angular (que absolutamente puede usar en imágenes personalizadas).
  • Observable (del cual Mike Bostock, creador de D3 tiene una gran participación) es ideal para muchos ejemplos en vivo utilizando marcos populares, y puede usarse como un punto de partida para la creación de prototipos y la búsqueda de un montón de excelentes ejemplos modernos de D3, incluidos tutoriales , si D3 es lo que está respaldando.
  • Qué es NPM y cómo debe administrar sus paquetes. Personalmente, cambié a hilo para mis proyectos más grandes, pero estuve usando NPM bastante felizmente durante mucho tiempo (y todavía lo hago en algunos lugares).
  • Si quieres meterte realmente en las cosas bajo el capó, puedes echar un vistazo a webpack, que es el sistema de agrupación utilizado para probar y empaquetar imágenes personalizadas. luego puede usar el complemento webpack para anular los valores predeterminados y hacer que aún más bibliotecas y marcos estén disponibles para su visual.
  • Google y Stack Overflow 😛 Puede encontrar respuestas de buena calidad a prácticamente cualquier pregunta basada en desarrolladores web que haya tenido.

Esto es todo lo que tengo en la cabeza y espero que le resulte útil. Me encantaría saber si alguien más tiene otros recursos de los que también ha aprendido 🙂

Salud,

Daniel

dm-p

Hola @BrentonC,

¡Me alegra ver que estás teniendo éxito! El mayor desafío con las imágenes personalizadas (aparte de la gran paciencia en el desarrollo) es la cantidad de posibilidades que existen en términos de marcos y decisiones de diseño que puede tomar para lograr el mismo resultado, por lo que no hay una respuesta 100% correcta.

Vengo de una experiencia mixta y tenía algo de experiencia con D3 antes de aprender imágenes personalizadas, por lo que naturalmente he tendido a eso. Algunas de las herramientas de Power BI proporcionadas por el equipo de elementos visuales personalizados también tienen una inclinación D3, pero en última instancia se reduce a lo que su elemento visual necesita hacer. Por ejemplo, estoy pensando en construir algo en este momento usando React y muy poca dependencia de D3.

De todos modos … para mí, el mayor desafío fue tomar código JS y aplicarlo a TS, ya que TS es (con razón) mucho más estricto con la escritura. TBH Estoy tratando de usar TS para la mayoría de los proyectos ahora donde habría usado JS anteriormente porque me gusta mucho.

En términos de aprendizaje visual personalizado específico, no hay mucho, por lo que para mí, mejorar las habilidades ha sido una cuestión de usar lo siguiente lo mejor que puedo:

  • Aquí mismo en la comunidad de Power BI, aunque no hay muchos de nosotros aquí respondiendo preguntas visuales personalizadas, hay bastantes publicaciones salpicadas y una de las formas en que aprendo es intentar encontrar soluciones a las preguntas de los demás.
  • El nuevo documento de MS para el desarrollo de imágenes (si no lo ha visto) es mejor que el material anterior, pero aún tiene pocos ejemplos. Sin embargo, he hecho que mucho de lo que hay allí funcione.
  • Esta lista de reproducción de YouTube usa una versión anterior del SDK de elementos visuales, por lo que es posible que se requiera algo de trabajo para portar el código, pero es un recurso increíble si desea que las cosas funcionen.
  • Muchos autores abren sus imágenes de código abierto y puedes usarlas para ver algunos de los conceptos desarrollados. Aquí hay una publicación con algunos de los de MS. También siéntase libre de echar un vistazo a mis repositorios de GitHub para cualquier cosa que pueda encontrar a mano.

Tengo un blog en el que trato de contribuir con contenido visual personalizado, pero la mayoría de las veces coloco la mayor parte del contenido en publicaciones de este foro. Actualmente también estoy trabajando en un curso de desarrollo de elementos visuales de Power BI para RADACAD, que se espera que salga … pronto. Probablemente el próximo mes si todo se alinea correctamente.

Para el desarrollo web general y las imágenes personalizadas, he encontrado lo siguiente esencial:

  • El manual de referencia de TypeScript, para comprender cómo se articula el ecosistema y cuándo usar los detalles de TS en lugar de JS.
  • W3Schools por reeducarme sobre casi cualquier cosa fundamental sobre el desarrollo web de WRT. También contiene algunas buenas guías para marcos comunes como Bootstrap y Angular (que absolutamente puede usar en imágenes personalizadas).
  • Observable (del cual Mike Bostock, creador de D3 tiene una gran participación) es ideal para muchos ejemplos en vivo utilizando marcos populares, y puede usarse como un punto de partida para la creación de prototipos y la búsqueda de un montón de excelentes ejemplos modernos de D3, incluidos tutoriales , si D3 es lo que está respaldando.
  • Qué es NPM y cómo debe administrar sus paquetes. Personalmente, he cambiado a hilo para mis proyectos más grandes, pero estuve usando NPM bastante felizmente durante mucho tiempo (y todavía lo hago en algunos lugares).
  • Si quieres meterte realmente en las cosas bajo el capó, puedes echar un vistazo a webpack, que es el sistema de agrupación utilizado para probar y empaquetar imágenes personalizadas. luego puede usar el complemento webpack para anular los valores predeterminados y hacer que aún más bibliotecas y marcos estén disponibles para su visual.
  • Google y Stack Overflow 😛 Puede encontrar respuestas de buena calidad a prácticamente cualquier pregunta basada en desarrolladores web que haya tenido.

Esto es todo lo que tengo en la cabeza y espero que le resulte útil. Me encantaría saber si alguien más tiene otros recursos de los que también ha aprendido 🙂

Salud,

Daniel

BrentonC

En respuesta a dm-p

Gracias por la respuesta detallada, esta información definitivamente me da un lugar para comenzar. Sí, estoy de acuerdo en que he tenido problemas para encontrar algunas respuestas específicas para imágenes personalizadas, aunque esta comunidad definitivamente me ha ayudado a cruzar la línea cuando me quedo atascado.

Pasaré un tiempo repasando el contenido y seguir mejorando mi imagen actual, una vez que obtenga un poco más de conocimiento, podré devolver el favor respondiendo preguntas, el negocio para el que estoy trabajando en este momento tiene un gran impulso con Los informes de Power BI en este momento, creo que los próximos 6 meses al menos se centrarán en eso y en incluir un objeto visual personalizado de vez en cuando.

Gracias de nuevo, estoy seguro de que esta publicación ayudará a muchos otros en el mismo viaje que yo.

Brenton Collins

Deja un comentario

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