Saltar al contenido

Fundamentos de codificación web: HTML, CSS y Javascript

Este curso es una introducción al uso de la Web para la creación artística. Es un curso de “alfabetización” diseñado para presentarle los diversos componentes centrales que hacen de la web una plataforma tan poderosa para el arte: arte que no solo es visual, sino también sonoro, físico, interactivo y social. Le dará los conceptos básicos (en términos de conocimiento y plantillas de código) para hacer cosas que se ejecutan en los navegadores usando:

• Animación con gráficos y sonido,

• Interacción con gráficos y sonido,

Así como no necesita ser mecánico para conducir un automóvil, no necesita esperar hasta ser un programador experto antes de crear un trabajo para la web.

Existe una amplia gama de herramientas para crear cosas para la web. Hacer cosas para la web es un proceso de constante aprendizaje y descubrimiento, no uno de saberlo todo primero y luego hacer. También es un proceso de copiar y triturar en lugar de escribir todo desde cero. Sentirse cómodo con este proceso es el primer paso, y es el enfoque que tomamos en este curso introductorio.

Al final de este curso, estará haciendo cosas con los componentes centrales del mundo real que le dan a la web su potencial para el arte, pero solo habrá comenzado. Más importante aún, comprenderá sobre qué debe aprender más para lograr sus objetivos artísticos, podrá reconocer las cosas y evaluar su valor para usted, y dominará la terminología que necesita para buscar y discutir sus necesidades. e intereses con la enorme comunidad de personas en la red con experiencia (y fragmentos de código) para compartir.

¿Por qué JavaScript y la Web?

Existen algunas excelentes plataformas de codificación de propósito especial para artistas como Processing para gráficos interactivos, Chuck o supercollider para síntesis, lenguajes gráficos como Max / MSP o PD para gráficos y sonido interactivos. Estas plataformas tienen amplias comunidades de personas con las que compartir experiencias y código. Sin embargo, estas plataformas de propósito especial no son herramientas estándar de construcción y diseño web.

Lo que ofrecen es un camino directo para lograr un objetivo artístico específico, pero es a expensas de una aplicabilidad más general del lenguaje, herramientas y habilidades que le permitirían interactuar con personas en las industrias creativas basadas en la web. Hacen un gran trabajo al “ocultar” cosas de las que quizás no quieras preocuparte como artista, pero lidiar con un poco del andamiaje es necesario si la web es el espacio que has elegido para embarcarte para desarrollar tu trabajo.

Este curso lo llevará a través de los conceptos básicos que necesita para desarrollar contenido artístico para la web utilizando herramientas web estándar: JavaScript, html y varias bibliotecas fundamentales. Le indicará exactamente lo que más preocupa a un artista: crear contenido creativo. Lo guiará y le enseñará lo que puede ignorar por ahora para enfocarse en el contenido artístico, pero no le impedirá integrarse con el vasto mundo de la web y aprender y usar algunos de los andamios si y cuando lo necesite. más tarde.

Nuestro enfoque básico para lograr este objetivo es “lanzarlo al extremo profundo” con un conjunto de plantillas de código para alcanzar objetivos artísticos: aplicaciones móviles gráficas interactivas que utilizan sensores físicos, por ejemplo, y que explican cosas simples que puede hacer de inmediato para explorar. e implemente sus propias ideas.

Las ventajas de JavaScript:

• Es el idioma integrado en todos los navegadores en la actualidad.

• Es de propósito general y no hace suposiciones que limiten sus objetivos artísticos.

• Puede implementar todo su trabajo en la web para que otros lo experimenten.

• Solo necesita aprender un idioma para escribir código de cliente y servidor.

• Muchas otras personas lo usan con las que puedes compartir y comunicarte.

• Es una habilidad comercializable.

Por lo tanto, no lo estamos restringiendo a herramientas de propósito especial que no se generalizan bien en la web, pero eso no significa que tenga que escribir un montón de código que no esté relacionado con su visión artística. La técnica de la “plantilla” utilizada en este curso es una “vía intermedia” que le permite ponerse en marcha rápidamente, pero proporciona un camino para el crecimiento futuro y la conexión con el mundo real.

Aprenderá a reconocer patrones de código que no necesita saber escribir. Esto le proporcionará una comprensión básica de cómo funcionan las cosas en el mundo real (llamémoslo alfabetización). Esto le ayudará a encontrar, reconocer y utilizar fragmentos de código que otros comparten, y le permitirá centrarse en el código directamente relevante para el contenido artístico.

Esto le dará las bases que necesita para seguir aprendiendo por su cuenta explorando la riqueza no estructurada de material disponible en la web para saquear y modificar para su propio trabajo. ¡Así es como los programadores web reales trabajan todo el tiempo, de todos modos!

Programa de estudios

Sesión 1:  Introducción al panorama web 
Esta sesión cubrirá la configuración, HTML y CSS, cómo estructurar un documento, así como recursos de ayuda y soporte.
 Sesión 2:  Conceptos básicos de JavaScript 
Esta sesión presentará operadores, variables, cadenas, objetos y funciones; directorio de la plantilla del curso y estructuras de archivos, cómo usar console.log, cómo comunicarse con el DOM e interacción.
Sesión 3:  Gráficos 
Esta sesión cubrirá cómo usar bibliotecas, formas y colores, animación, temporizadores y devoluciones de llamada, interacción y audio.
Sesión 4:  Servidores y clientes (Node.Js) 
En esta sesión discutiremos servidores, clientes, redes, servicio de una página web usando node.js, más interacción y conceptos básicos de JavaScript II.
Sesión 5:  Comunicación con el cliente 
Esta sesión cubrirá clientes y servidores, puertos y sockets, código sin bloqueo y devoluciones de llamada, sala de chat.
Sesión 6:  Sensores 
Esta sesión cubrirá el cabeceo, balanceo, guiñada y cómo ponerlo todo junto.