Original article: How to Create a Great Technical Course

¡Hola! En este artículo aprenderás a crear un buen curso técnico.

Artículo original escrito por Beau Carnes.
Traducido y adaptado por Estefania Cassingena Navone.

Beau Carnes está encargado de manejar el canal de YouTube de freeCodeCamp en inglés donde publicamos cursos técnicos de una gran variedad de colaboradores. Los cursos que siguen las recomendaciones de este artículo escrito por Beau a menudo son buenos candidatos para ser publicados en el canal de freeCodeCamp.

Cómo Planificar un Curso Técnico para YouTube

Escoge un Tema

Escoger el tema adecuado para tu curso es muy importante. Escoge un tema que creas que puedes enseñar correctamente.

Puede ser útil tener experiencia previa con el tema que vas a enseñar aunque esto no es estrictamente necesario. Si no sabes mucho sobre el tema tendrás que investigarlo en detalle para enseñarlo adecuadamente.

Un curso sobre un tema popular casi siempre tendrá más vistas que un curso sobre un tema menos popular, aún si el curso sobre el tema menos popular es mejor.

Identificar los temas más populares no es la única forma de escoger un tema, pero puede ser útil. Algunas formas de encontrar temas populares son usar Google Trends y buscar en YouTube para analizar qué temas tienen más vistas en otros canales.

En el canal de freeCodeCamp publicamos una amplia variedad de temas, incluso aquellos que son menos populares. Publicamos cursos detallados que pueden variar en duración desde 90 minutos hasta 24 horas. Un tema que puede ser explicado en un video corto podría no ser adecuado para nuestro canal.

En el canal de freeCodeCamp publicamos dos tipos principales de cursos y algunos cursos incluso combinan ambos estilos:

  1. Cursos detallados sobre una tecnología específica, un lenguaje de programación, o un framework.

Ejemplo en español:
- Introducción a Programación en Python
- Aprende JavaScript - Curso Completo Desde Cero

Ejemplos en inglés:
-  Learn Python - Full Course for Beginners
- Postman Beginner's Course - API Testing
- Flask Course - Python Web Application Development

2. Cursos prácticos que explican cómo crear uno o varios proyectos.

Ejemplo en español:
- 6 Proyectos de Python Básicos - Curso Completo Paso a Paso

Ejemplos en inglés:
- Create an Instagram Clone with React, Tailwind CSS, Firebase
- Code a Discord Bot with JavaScript
- E-commerce Website With Django and Vue Tutorial

Crea el Título y la Imagen de tu Curso

El título y la imagen del curso son muy importantes.

Si propones tu curso para ser publicado en el canal de freeCodeCamp, nosotros crearemos el título y la imagen del curso pero también estamos abiertos a considerar tus ideas y sugerencias.

Puede ser útil escoger un título antes de crear el curso. Esto te ayudará a enfocar el tema del curso. Para los estudiantes es más fácil ver un curso enfocado en un tema específico.

Los cursos con títulos concisos que comunican claramente lo que los estudiantes van a aprender casi siempre tienen mejor desempeño en el canal que los cursos con títulos largos o ambiguos.

Los títulos deben incluir términos claves de búsqueda lo antes posible. Si un curso explica cómo crear un proyecto específico, es mejor escribir el lenguaje de programación al principio del título ya que es más frecuente que los estudiantes reconozcan y busquen el lenguaje de programación.

Puede ser útil incluir palabras como "Tutorial" o "Curso" en el título ya que las personas frecuentemente incluyen estos términos en sus búsquedas.

Ejemplos de títulos exitosos:

En español:
- "Introducción a Programación en Python"
- "Aprende JavaScript - Curso Completo Desde Cero"
- "6 Proyectos de Python Básicos - Curso Completo Paso a Paso"

En inglés:
- "HTML Full Course - Build a Website Tutorial"
- "Native Android App Tutorial: WhatsApp Clone"
- "OpenGL Course - Create 3D and 2D Graphics With C++"

Ejemplos de títulos no tan exitosos:

En inglés:
- "How to build a social media app with Python (Django) - Setting up the project"
- "Creating a Flappy bird game for an Android phone"
- "Number Systems"

Identifica a tu Audiencia

Asegúrate de siempre tener en cuenta a tu audiencia. Analiza si tu curso es de nivel básico, intermedio o avanzado y el tipo de audiencia que estará interesada en verlo en base a su dificultad.

Tu audiencia seleccionada debería ser claramente identificable en el título y en el contenido de tu curso.

Diseño General del Curso

El curso debería comenzar con una introducción que comunique de forma clara y concisa por qué el curso es importante para el estudiante.

Es importante decirle a los estudiantes rápidamente por qué deberían ver tu curso y lo que van a aprender.

También es importante que la introducción sea corta para comenzar a presentar el contenido del curso lo más rápido posible. Si dedicas mucho tiempo a la introducción antes de llegar al contenido, corres el riesgo de que el estudiante escoja ver otro curso.

No hay una regla explícita y única sobre qué tan larga o corta debe ser una introducción, pero el curso debería tener un resumen del contenido en los primeros diez segundos.

Cuando diseñas un curso, deberías incorporar ejemplos memorables y creativos e incluir diagramas cuando sea necesario. Asegúrate de que el curso comunique por qué haces lo que haces y no solo cómo lo haces.

Finalmente, asegúrate de incluir un resumen al final de curso con los datos importantes que el estudiante aprendió durante el curso.

Diseño de Diapositivas

Cuando diseñes diapositivas o texto para mostrar en la pantalla durante el curso, lo más importante que debes recordar es que el texto debe ser lo más grande posible. Asegúrate de usar un contraste apropiado entre el texto y el color de fondo. Si el contraste o los colores son muy similares, el texto puede ser más difícil de leer, especialmente para las personas con problemas de visión.

Si lo deseas, puedes considerar usar colores y fuentes de la guía de estilo de freeCodeCamp.

Cualquier diagrama, imagen, o color debe complementar y reforzar lo que estás diciendo.

Para mantener el interés del espectador, asegúrate de que hayan cambios frecuentes en la pantalla. Como regla general, no deberías estar más de 15 segundos en la misma diapositiva o toma. Esta regla no aplica cuando escribes código en la pantalla.

Prepara tu Código

Deberías preparar con anticipación cualquier código que vas a necesitar durante el curso. Esto es muy importante cuando creas un curso que enseña a construir un proyecto específico.

Asegúrate de que el código sea limpio y fácil de leer. A menos que tengas una buena razón, usa código que sea lo más sencillo posible para que sea fácil entender la explicación durante el curso.

Si aplica a tu curso, crea un código inicial para que los usuarios lo descarguen antes de comenzar.

Definitivamente publica el código final para los estudiantes. Lo más sencillo para la mayoría de los usuarios es descargar el código de GitHub.

Para el canal de YouTube de freeCodeCamp en Español: escribe el código en español en la medida de lo posible. Por ejemplo, nombres de variables, nombres de funciones definidas en los ejemplos y cadenas de caracteres.

Cómo Grabar un Curso Técnico para YouTube

Las tres cosas más importantes para grabar el curso son:

  1. Usar un buen micrófono.
  2. Si muestras código en la pantalla, intenta que sea lo más grande posible.
  3. Asegúrate de que la resolución del video sea 1080p (720 como mínimo).

Si tu curso tiene audio de mala calidad o código muy pequeño, los espectadores dejarán de ver el curso inmediatamente—incluso antes de ver el contenido real de tu video.

Hay tres aspectos importantes a considerar cuando grabas un curso: audio, video y captura de pantalla.

Audio del Curso

Prácticamente cualquier micrófono USB será mejor que el micrófono que viene incorporado en tu computadora. Si tienes la posibilidad, considera uno de estos micrófonos:

Si no tienes la posibilidad de comprar un micrófono, haz algunas pruebas grabando audio con un celular. Dependiendo del teléfono y de la computadora, hay posibilidades de que la grabación de tu celular tenga mejor calidad que la grabación de tu computadora.

image-65
Micrófonos

Cuando grabes audio, debería ser alto y claro. No debería tener cortes inesperados, distorsión ni ruido de fondo que pueda distraer durante el curso. Si es necesario, edita el audio o vuelve a grabar el video si el ruido de fondo es muy evidente.

Cuando hables, intenta sonar animado(a) y confiado(a). Habla con un ritmo natural y con un tono de conversación. Evita pausas incómodas y palabras como "um" y "ah" que actúan como muletillas.

Video del Curso

Si bien no es obligatorio, puede ser bueno que aparezcas en cámara durante el curso, al menos al principio y al final del video.  

Los estudiantes pueden conectarse mejor con el curso cuando pueden ver quién les está enseñando.

A algunas personas les gusta mostrarse en la pantalla durante todo el curso. ¡Eso es genial!

Beau comparte un dato personal en su artículo:

Solo entre tú y yo, te diré por qué no me muestro en cámara mientras escribo código: cometo muchos errores. Edito mucho los videos para que parezca que sé lo que estoy haciendo. Si apareciera en cámara, habría muchos cortes abruptos y la gente se daría cuenta de que tuve que editar frecuentemente y lo malo que en realidad soy programando. ?

Si te vas a mostrar en cámara, la forma más económica es usar la cámara de tu computadora o de tu celular. Muchos celulares tienen una buena calidad de video.

Si deseas llevar la calidad del video al siguiente nivel, considera una de estas cámaras:

image-66
Cámaras

Antes de grabar el video, analiza cuidadosamente lo que estará en el fondo de la toma. Asegúrate de que no haya nada que pueda distraer al estudiante.

Piensa sobre el arreglo de la toma. Si te muestras en la cámara durante la explicación, deberías dejar un espacio pequeño sobre tu cabeza, pero no demasiado.

image-97

Grabar la Pantalla

Si usas Windows, puedes usar un atajo del teclado para comenzar a grabar tu pantalla. Solo debes presionar la tecla Windows + Alt + R.

En macOS, puedes grabar tu pantalla usando Quicktime, el cual ya está instalado en tu computadora.

Si quieres mostrarte en la cámara junto con el video de la pantalla, puedes usar el software gratis OBS.

Beau menciona que él recomienda usar OBS solo para transmisiones en vivo y que es mejor grabar la pantalla y el video de tu cámara de forma separada. Luego puedes combinar los videos en tu software de edición de video. Esto te dará más flexibilidad.

Mientras grabas tu pantalla, asegúrate de que el contenido principal tome el mayor espacio posible en la pantalla. Puede ser difícil de creer pero casi   de los estudiantes que ven un tutorial de programación lo hacen desde un teléfono móvil. Todo el texto que aparezca en la pantalla debe ser lo más grande posible. Necesitas una muy buena razón para mostrar una ventana que no esté en pantalla completa.

No hay una regla fija para el tamaño de la letra, pero siempre considera si el estudiante podrá leer el texto en la pantalla de un teléfono.

Cuando grabas un tutorial puede ser útil usar dos pantallas. Puedes usar una de las pantallas para grabar el video y la otra para leer tu guion y para ver la versión final del código.

Este es un secreto que algunos creadores usan para que sus tutoriales de programación sean de mejor calidad. Primero, graba el tutorial de programación. Luego, transcribe todo tu diálogo y haz ediciones menores a la transcripción para mejorar su fluidez.

Finalmente, vuelve a grabar el diálogo e inclúyelo en la grabación original de la pantalla. Puede ser más fácil ser expresivo(a) y entretenido(a) si no estás pensando en lo que viene después en el tutorial.

Estos son algunos datos finales para grabar tu pantalla:

  • Mantén el cursor fuera de la ventana al grabar una presentación con diapositivas.
  • Asegúrate de haber escondido cualquier elemento innecesario en la pantalla como barras de tareas, íconos de aplicaciones, notificaciones y el reloj del sistema.

Cómo Editar un Curso Técnico para YouTube

Siempre deberías editar tus videos para mejorar su presentación y para cortar errores.

Edita el video para eliminar o reducir sonidos externos como ventiladores, tos, y otros ruidos que pueden distraer al estudiante. También es posible eliminar palabras repetidas, muletillas, y eco usando software de edición de video o plugins.

Para un proceso de edición muy sencillo puedes usar iMovie en Mac o Movie Maker en Windows. Pero estos programas son muy limitados.

Dos de los software de edición de video más populares son Premier Pro y Final Cut Pro. Ambos pueden hacer todo lo que necesitarás hacer, pero pueden ser bastante costosos.

Estas son otras alternativas gratuitas para editar videos:

Luego de escoger el software que usarás para editar el video, mira algunos tutoriales para aprender la funcionalidad básica del software.

Si es posible, evita cortes abruptos en la edición. Un corte abrupto ocurre cuando cortas una sección de un video continuo de forma que es muy obvio detectar que se realizó un corte.

Dos formas comunes de evitar un corte abrupto son:

  • Colocar una imagen o parte de otro video donde ocurre el corte.
  • o hacer zoom luego del corte para que parezca que se suponía que el corte debía ocurrir en ese momento.

Otros Datos para Crear un Curso Técnico

  • Haz que cada curso sea lo más independiente posible, especialmente si es un curso para principiantes. Muestra el proceso completo desde instalar el software y sus dependencias hasta completar el proyecto. Los estudiantes siempre pueden saltar una parte del video si ya tienen conocimiento de lo que se está explicando.
  • Un curso siempre debería incluir la voz de una persona real. No debes usar una voz generada por una computadora o usar música sin diálogo.
  • Nunca uses música de fondo en un tutorial de programación porque puede distraer. Si los estudiantes quieren escuchar música mientras ven el tutorial, pueden reproducir su propia música.

Excelentes Ejemplos de Cursos Técnicos

Aquí tenemos algunos ejemplos de cursos técnicos que puedes usar como guía e inspiración:

En Español:

En Inglés:

Conclusión

Crear un buen curso técnico requiere más que solo conocer los detalles técnicos – también requiere práctica. A medida que crees más cursos crearás cursos de mejor calidad.

Espero que este artículo te sea de utilidad y te deseamos muchos éxitos. En nuestro canal de freeCodeCamp en español puedes encontrar cursos detallados para aprender a programar.

Si estás interesado(a) en crear un curso para el canal o en compartir un curso con la comunidad, por favor llena este formulario o envíame un correo a estefania [arroba] freecodecamp [punto] org y con mucho gusto te contactaremos.