Dijeron que JavaScript no podía hacer arte hermoso – Estaban equivocados

Bookmark
Rate this content

Descubre cómo JavaScript y canvas sketch transforman el código mundano en arte visual fascinante en esta reveladora sesión. Esta charla revela técnicas prácticas para generar obras maestras algorítmicas utilizando principios matemáticos simples, demuestra ejemplos de codificación en vivo que difuminan la línea entre el desarrollo y el arte, y comparte cómo este enfoque de codificación creativa revolucionó mi propio trabajo. Ya seas un desarrollador experimentado o un codificador creativo, te irás con las habilidades para expresar tu visión artística a través del código y unirte a la creciente comunidad de artistas computacionales que están empujando los límites de la creación digital.

This talk has been presented at JSNation US 2025, check out the latest edition of this JavaScript Conference.

Raihan Nismara
Raihan Nismara
31 min
20 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
La charla profundiza en la creación de obras de arte con JavaScript, desmintiendo conceptos erróneos y explorando su evolución desde la animación básica hasta las innovaciones avanzadas en el desarrollo web. Discute el desarrollo de tecnologías de animación en JavaScript, comparando Canvas y WebGL, y enfatiza la diversidad de herramientas disponibles. La sesión se centra en el uso de Canvas Sketch para crear diseños personalizados y abstractos, detallando la renderización, guardado de puntos, trabajo con coordenadas y estilos, y utilización de la animación para la interactividad. También cubre la especificación de parámetros de animación y la exploración de opciones de conectividad.
Video transcription and chapters available for users with access.

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

Menos desorden, más poder: Aprovecha el poder de la plataforma web
C3 Dev Festival 2024C3 Dev Festival 2024
30 min
Menos desorden, más poder: Aprovecha el poder de la plataforma web
This talk focuses on the powerful features of CSS and HTML that can level up developer skills and enhance web UI. Scroll-driven animations, popover API, and anchor positioning are explored as ways to create dynamic effects, improve performance, and increase accessibility. The talk also emphasizes the benefits of building presentations with CSS and HTML, separating logic from styling, and leveraging core platform features. Wishlist features for the web platform and the challenges of pushing updates across browsers are discussed.
Desarrollo Frontend Potenciado por IA: Construyendo Mejores UIs Más Rápido
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
19 min
Desarrollo Frontend Potenciado por IA: Construyendo Mejores UIs Más Rápido
Today's Talk introduces the use of large language models (LLMs) to enhance front-end development. LLMs can act like our brains by maximizing the good parts and minimizing the bad parts. A demo in Cursor, an IDE, showcases how LLMs can be used with the builder.io Figma plugin. The Talk emphasizes the automation of tasks, such as adding a settings button and resolving errors, with the AI agent. Feedback and manual verification are crucial to ensure desired results. Tests and continuous iteration are recommended for stronger guarantees of correctness. Monitoring and guiding the AI agents is important to stay on track. Connecting to other tools like Figma and using AI prompting can further enhance code generation. The CLI enables code base integration and parallel development. Visual prototyping and seamless updates are possible with the Builder tool. Overall, the Talk highlights how LLMs can revolutionize front-end development by automating tasks, improving efficiency, and facilitating collaboration.
JavaScript en la Gran Pantalla: Creando Apps de TV
JSNation 2024JSNation 2024
22 min
JavaScript en la Gran Pantalla: Creando Apps de TV
JavaScript is widely used in web, mobile, and backend development, and now it is also being used to create TV apps. TVs with web-based operating systems can be targeted with JavaScript applications, and React is commonly used for TV app development. React Native allows for cross-platform TV app development, except for Roku. User interactions and focus management are important considerations in TV app development. Performance optimization is crucial for TV apps, as TVs have lower device scores and limited RAM. Spatial virtualization can significantly improve TV app performance.
Elementos Interactivos Anidados: Una Pesadilla en Accesibilidad
React Summit 2024React Summit 2024
9 min
Elementos Interactivos Anidados: Una Pesadilla en Accesibilidad
Nested Interactive Elements in Nightmare Accessibility can cause issues with screen readers and other assistive tools, making it difficult for users to interact with websites. Mitigation strategies include unnesting elements, using CSS overlay, and being cautious when modifying roles. It is recommended to involve users of assistive tools in focus groups and share solutions online.
Kit de UI de la App de Canva: Empoderando a los Desarrolladores con Tecnologías Web Modernas
React Summit US 2023React Summit US 2023
8 min
Kit de UI de la App de Canva: Empoderando a los Desarrolladores con Tecnologías Web Modernas
Welcome to the Canva Tech talk where the Canva tech stack, React component structure, and UI kit for developers are discussed. Canva uses Java, Go, Bash, TypeScript, and React for development. TypeScript, MobX, and React were chosen to enable hundreds of developers to work on the code base productively. Canva's internal component library was explored and released under a semi-open source license, allowing for quick delivery and sharing of improvements with the community. The developer community has added numerous app integrations accessible to Canva's 150 million monthly active users.
Envía tu interfaz de usuario más rápido con Turborepo
DevOps.js Conf 2024DevOps.js Conf 2024
21 min
Envía tu interfaz de usuario más rápido con Turborepo
The Turboverse focuses on making the development process faster and more efficient. TurboPak is an incremental bundler with function-level caching, and TurboRepo is a high-performance build system with features like incremental building, remote caching, and parallel execution. TurboRepo can optimize task runners, set up monorepos, and speed up development time. vclink-repo enables seamless integration with the Vercel remote cache, and Conformance and Codoners provide static analysis and automated code reviews. TurboPak and TurboRepo offer faster CI processes and exciting advancements in web bundling.