Tecnologías web para diseñadores - Pagar deudas

Tengo el deber de Habr. Hace dos años escribí el artículo " Tecnologías web para diseñadores: por qué y cómo " , y no publiqué la continuación del artículo.

Y finalmente, puedo devolver parte de esta deuda. Todo noviembre, por las mañanas y fines de semana, grabé videos de capacitación sobre JS para diseñadores. Durante el proyecto, experimentó con diferentes formatos, equipos y postprocesamiento. En esta publicación, resumiré el mes de trabajo en el curso y hablaré sobre lo que aprendí mientras lo escribía.

El curso enfrentó dos tareas:

1. ayudar a los diseñadores a ver cómo el conocimiento de la tecnología puede ser útil en el trabajo diario;
2. Para aquellos diseñadores que quieran estudiar tecnología, den un lugar fácil para comenzar.

Para resolver el primer problema, grabé varios videos cortos diseñados para ayudar a los diseñadores a ver nuevos enfoques de trabajo:

1. Lucha contra la rutina de croquis con Kraft y JSON
2. Cómo tomar datos de un sitio, convertirlos en JSON y alimentar Sketch
3. Una manera fácil de crear un prototipo de una nueva versión de un producto con Stylish
4. Cómo crear una extensión de navegador

Las personas vieron y les gustaron estos videos. Todo se veía para que pueda comenzar a desmontar el tema con más detalle. Por lo tanto, creé un ejemplo con la plantilla de datos y grabé un video introductorio al respecto, " Lección # -1: Por qué los diseñadores no pueden aprender tecnologías web ". Vieron el video 1296 veces, 83 veces les gusta y no les gusta 7 veces.

Quería que el ejemplo pareciera real. Pero para la mayoría de los espectadores, parecía demasiado complicado. Para explicar los principios de su funcionamiento, grabé un ejemplo simplificado: "Un ejemplo simplificado de plantilla de datos ".

Además, el plan era este: desarmar sobre la base de este ejemplo diferentes temas sobre JS, de modo que con cada lección el ejemplo se vuelva más claro. Y luego, cuando las personas entiendan los conceptos básicos, reescriba el ejemplo de JS puro para Reaccionar y comience el curso al respecto.

Y comencé a grabar los primeros videos:

1. Sintaxis JS
2. Variables
3. Las funciones
4. Los objetos
5. Matrices
6. Json

Los videos fueron largos, 15-20 minutos cada uno, y pocos pudieron verlos hasta el final. Por lo tanto, comencé a dividir los temas en otros más pequeños. Por ejemplo, las declaraciones condicionales de análisis se veían así:

1. Operadores condicionales: conceptos básicos
2. Valores booleanos y operadores de comparación
3. Fundición booleana
4. Operaciones lógicas
5. Operador ternario
6. Asignación Condicional
7. Análisis de tarea

Grabé el mismo conjunto de videos sobre los conceptos básicos de trabajar con DOM:

1. DOM: Conceptos básicos
2. Buscar nodos en una página
3. Leer las propiedades del sitio y sus contenidos
4. Edición de nodos
5. Recorrido del árbol de nodos
6. Análisis de tarea

A pesar de que el video se ha vuelto más corto y ligero, la cantidad de vistas ha disminuido. Los videos siguen siendo demasiado complejos para verlos entre los casos. Y para aquellas personas que están listas para dedicar tiempo a mirar, es más fácil ver un video en su conjunto que un conjunto de videos cortos. Además, los videos se volvieron más aburridos.

Qué hacer a continuación con el curso aún no está del todo claro. Por un lado, docenas de puntos de vista indican que el interés en el tema está disminuyendo. Por otro lado, no estoy satisfecho con la calidad de los materiales que se obtienen y la cantidad de tiempo que lleva crearlos.

En cualquier caso, crear un curso fue una experiencia interesante para mí, que me enseñó varias cosas:

1. Encontré un sandbox genial para trabajar con el código: codesandbox.io . En él puede crear no solo piezas individuales como en codepen.io , sino también proyectos completos con una estructura de archivos.
2. Aprendí a trabajar con ScreenFlow , que resultó ser muy conveniente para editar screencasts.
3. Escribir sonido en un entorno doméstico es mejor en un bucle que en un micrófono grande. Lograr una calidad razonable es mucho más fácil, ya que no tiene que lidiar con los ecos de las paredes.
4. Puedes escribir videos en el teléfono, pero necesitas un poco de habilidad. Por ejemplo, en los últimos videos, tengo una calidad de grabación muy pobre, y la imagen está saltando constantemente. Parece que esta es una especie de característica de estabilización de video en la Nota 9.
5. Debes comprar inmediatamente la luz. Dos softboxes con AliExpress cuestan 3.000 rublos, y la calidad del video ha mejorado notablemente.
6. Aprendí que toda mi vida llamé incorrectamente al operador "ternan" "trinar".
7. Antes de grabar un video, es mejor verificar la pronunciación de todas las palabras extranjeras, de lo contrario será una pena. :)

Gracias por leer hasta el final. Si tiene alguna idea sobre cómo mejorar este curso, me complacerá cualquier comentario. El curso está diseñado para popularizar la tecnología entre diseñadores, no desarrolladores. Por lo tanto, omito problemas de rendimiento y, a veces, intencionalmente "enseño mal", ya que el rendimiento y la limpieza rara vez juegan un papel importante en los prototipos.


PD: responderé a los comentarios con actualizaciones posteriores para que los nuevos lectores no tengan que hacer las mismas preguntas.

PPS: Si está interesado en seguir el curso, es decir, el detepr del canal de telegramas. Para obstruir a Habr con artículos sobre los conceptos básicos del desarrollo, la mano no se levanta. Así que escribiré el próximo artículo sobre el curso en aproximadamente medio año.