Top ventas

Codificación creativa: crea piezas visuales con JavaScript

Un curso de Bruno Imbrizi
Codificador creativo. Londres, Reino Unido.
Se unió en marzo de 2021
, Codificador creativo

Aprende los fundamentos de la programación y descubre cómo desarrollar, dibujar y animar imágenes y texto con código

  • Top ventas Inglés con subtítulos en español
  • 98% valoraciones positivas (824)
  • 35709 estudiantes

Aprende los fundamentos de la programación y descubre cómo desarrollar, dibujar y animar imágenes y texto con código



Inglés con subtítulos en español
  • 98% valoraciones positivas (824)
  • 35709 estudiantes
  • 21 lecciones (2h 42m)
  • 39 recursos adicionales (5 archivos)
  • Online y a tu ritmo
  • Disponible en la app
  • Audio: Inglés
  • Inglés, Español, Portugués, Alemán, Francés, Italiano, Polaco, Neerlandés
  • Nivel: Iniciación
  • Acceso ilimitado para siempre

Descubre la codificación creativa y no tendrás tiempo para aburrirte: siempre hay algo con lo que experimentar, nuevas técnicas que aprender e imágenes que crear. Para el codificador creativo Bruno Imbrizi, es la oportunidad perfecta para combinar la programación con su interés por los motion graphics y los elementos visuales. Ha trabajado para pequeñas agencias y también para conocidas marcas como Dell, Adidas y Universal Music.

En este curso, Bruno compartirá contigo su experiencia para ayudarte a crear impactantes piezas visuales mediante código. Explora los fundamentos de la programación y aprende a dibujar con codificación creativa en JavaScript.

¿Quieres ir más allá y ampliar tus conocimientos de programación? Echa un vistazo al segundo curso de Bruno, Programación creativa 2.0 con JavaScript: animación, sonido y color, donde te enseñará técnicas más avanzadas para crear composiciones con códigos de color, movimiento y sonido.

¿Qué aprenderás en este curso online?

Tabla de contenidos del curso

  • U1
    U1. Introducción
  • U2
    U2. Fundamentos
  • U3
    U3. Transformación de croquis
  • U4
    U4. Agentes de croquis
  • U5
    U5. Ruido de boceto
  • U6
    U6. Tipo de boceto
  • PF
    PF Proyecto final
Ver detalle

Empezarás conociendo a Bruno Imbrizi, tu profesor en este curso, que te hablará de sus inicios en el diseño gráfico y de cómo combina esta disciplina con su interés por la programación. Luego, descubrirás qué plataformas le gusta usar y por qué, además de la gente que ha influido en su trabajo.

En la segunda unidad, explorarás los fundamentos de la codificación. Bruno te enseñará a configurar las herramientas principales antes de repasar conceptos de programación como variables, funciones, arrays y bucles. Más tarde, te indicará cómo mejorar tus ajustes antes de empezar una colección de dibujos.

A continuación, crearás un nuevo boceto digital usando varias transformaciones del lienzo. Después, aprenderás a usar trigonometría para distribuir formas alrededor de un círculo. Descubrirás cómo cambiar el tamaño de los bocetos y verás cómo usar funciones de utilidad que te ayudarán en tus siguientes diseños.

Entonces, para finalizar tu boceto, añadirás arcos y jugarás con diferentes valores en tus parámetros. También, diseñarás un boceto animado con agentes que se moverán sobre el lienzo y aprenderás a dibujar líneas entre ellos según su proximidad antes de pasar a exportar tu animación como un archivo de vídeo que podrás compartir online.

Llegado ese momento, volverás a revisar tu cuadrícula y descubrirás cómo hacerla más flexible y eficaz. Así pues, usarás generadores de ruido para mejorarla. Además, crearás un pequeño panel de control que te permitirá actualizar tus bocetos en tiempo real.

Por último, descubrirás cómo trabajar con texto en tus composiciones. Bruno te mostrará cómo dibujar, medir y establecer las propiedades de fuente antes de explicarte cómo actualizar tus letras usando solo el teclado. Para concluir el curso, aprenderás a leer valores cromáticos y le darás los últimos retoques a tu dibujo final.

¿Cuál es el proyecto del curso?

Diseñarás una serie de composiciones visuales creativas que se pueden ejecutar en un navegador web mediante código.

Proyectos de estudiantes del curso

¿A quién está dirigido este curso online?

Este curso está dirigido a cualquier persona interesada en la programación y en la creación de imágenes mediante código.

Requisitos y materiales

Se recomienda tener conocimientos básicos de matemáticas.

También necesitarás un computador con Node.js, un navegador web y un editor de texto.

Sistemas operativos:

    ⦁Linux
    ⦁SmartOS
    ⦁macOS 10.7 o superior
    ⦁Windows 2008 o superior

Requisitos del sistema:

    ⦁4GB RAM
    ⦁10GB de espacio libre


Valoraciones

35709 Estudiantes
824 Valoraciones
98% Valoraciones positivas
  • Ver más valoraciones

Bruno Imbrizi

Un curso de Bruno Imbrizi

Profesor Plus
Codificador creativo

Bruno Imbrizi nació en Brasil y ahora trabaja como codificador creativo en Londres, Inglaterra. Estudió Diseño Gráfico y arrancó su carrera poniendo en práctica sus habilidades y conocimientos. Con el tiempo, llegó a combinar su talento para el diseño con otra de sus pasiones: la programación.

Bruno cuenta con más de 10 años de experiencia y ha trabajado en agencias, estudios de diseño, productoras y conocidas marcas como Dell, Adidas y Universal Music. Ha aparecido en publicaciones online como Wired y Londonist y ha recibido numerosos premios, como el Adobe Cutting Edge Award y el FITC a mejor instalación digital.


Contenidos

  • U1

    Introducción

    • Sobre mí
    • Influencias
  • U2

    Fundamentos

    • Un entorno para dibujar
    • Matrices y bucles
    • Variables y funciones
    • Configuración
  • U3

    Transformación de croquis

    • Arcos
    • Funciones de utilidad
    • Anglos
    • Transformar
  • U4

    Agentes de croquis

    • Objetos y clases
    • Salida de video
    • Líneas
    • Animación
  • U5

    Ruido de boceto

    • GUI
    • Ruido
    • Red
  • U6

    Tipo de boceto

    • Glifos
    • Mapa de bits
    • Async
    • Texto
  • PF

    Proyecto final

    • Introducción a la codificación para diseñadores visuales

Qué esperar de un curso de Domestika

  • Aprende a tu ritmo

    Disfruta aprendiendo desde casa, sin horarios y a tu ritmo. Tú decides cuándo seguir con cada unidad.

  • Aprende de los mejores profesionales

    Aprende los métodos y técnicas más útiles con los mejores profesionales del sector creativo.

  • Conoce a profesores expertos

    Cada profesor te transmitirá sus conocimientos con pasión, ofreciéndote explicaciones claras y una perspectiva profesional en cada lección.

  • Certificados
    Plus

    Si eres Plus o PRO, obtén un certificado personalizado y firmado por tu profesor. Compártelo en tu porfolio, en las redes sociales o donde quieras.

  • Ponte en primera fila

    La alta calidad de los vídeos permitirá que no te pierdas ni un solo detalle. Gracias al acceso ilimitado, podrás ver las lecciones todas las veces que necesites para perfeccionar tus habilidades.

  • Comparte conocimientos e ideas

    Pregunta, pide opinión y ofrece soluciones. Comparte tu experiencia de aprendizaje con otros estudiantes de la comunidad tan apasionados por la creatividad como tú.

  • Conecta con una comunidad creativa global

    Esta comunidad cuenta con millones de usuarios de todo el mundo, personas curiosas y con ganas de explorar y expresar su creatividad.

  • Realiza cursos profesionalmente producidos

    Domestika selecciona cuidadosamente los profesores y produce cada curso internamente para garantizar una experiencia de aprendizaje online excelente.


Preguntas frecuentes

Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros estudiantes y con el profesor, creando así una comunidad en torno al curso.

La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.

Los cursos se dividen en diferentes unidades, cada una de ellas incluye lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un foro exclusivo donde puedes interactuar con todos los estudiantes del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.

Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.

Si eres Plus o PRO, cuando completes el curso recibirás tu certificado personalizado al instante. Puedes ver todos tus certificados yendo a la sección Certificados de tu perfil. Podrás descargar los certificados en PDF y compartir el enlace online. Saber más sobre los certificados
Codificación creativa: crea piezas visuales con JavaScript. Un curso de Diseño Web, App, 3D y Animación de Bruno Imbrizi Top ventas

Codificación creativa: crea piezas visuales con JavaScript

Un curso de Bruno Imbrizi
Codificador creativo. Londres, Reino Unido.
Se unió en marzo de 2021
  • 98% valoraciones positivas (824)
  • 35709 estudiantes