¿Sabías que puedes promocionar a las personas para que se suscriban cuando visiten tu canal?

Así es como se vería para alguien que haga clic en el enlace en una computadora portátil o de escritorio:

Y no te preocupes: si alguien ya está suscrito a tu canal cuando haga clic en este enlace, verá tu canal como de costumbre, sin el mensaje de confirmación de suscripción.

Los dos métodos para lograr que la gente se suscriba a tu canal de YouTube directamente

Hay dos métodos principales que puedes usar para lograr este objetivo de lograr que las personas se suscriban directamente a tu canal:

1. Un enlace de suscripción de YouTube que puedes usar en cualquier lugar, incluidos los sitios de redes sociales y las herramientas de mensajería.
2. Un botón de suscripción de YouTube que puedes usar en cualquier lugar donde puedes incrustar JavaScript, como tu sitio web personal.

Cómo hacer tu propio enlace de suscripción de YouTube

YouTube tiene una función en la que puedes simplemente agregar el parámetro ?sub_confirmation=1 a la URL de tu canal de YouTube.

Nuevamente, esto es perfecto para vincular a tu canal de YouTube desde las redes sociales u otro lugar donde no tengas la capacidad de insertar el código para un botón de suscripción adecuado.

Hay dos tipos de canales en YouTube:

1. Canales de canal
2. Canales de usuarios

En la práctica, no existe una gran diferencia entre este tipo de canales. Solo que cada uno de ellos usa una estructura de URL ligeramente diferente.

Cómo crear un enlace de suscripción si tu canal de YouTube está clasificado como un canal

Puedes saber si tu canal usa la estructura "canal" visitando tu canal y viendo si tiene la palabra "canal" en la barra de direcciones.

Aquí hay un ejemplo:

https://www.youtube.com/channel/freecodecamp

¿Ves la palabra "canal" aquí? Entonces, en este caso, puedes usar esta estructura para tu enlace:

https://www.youtube.com/channel/<YOUR CHANNEL ID>?sub_confirmation=1

Simplemente, reemplazarías el  <TU ID DE CANAL> en esta URL con el ID de st canal, que puedes encontrar yendo a tu canal de YouTube.

Será un nombre personalizado (en este caso, freecodecamp) o será una cadena de caracteres de base 64 como esta: UC0syIz79dzjMXIf5VdJ65EA

Una vez que agregues tu ID de canal a ese enlace, estará todo listo. Las personas que hagan clic en ese enlace no solo serán dirigidas a tu canal, sino que también verán el aviso de confirmación de suscripción.

Cómo crear un enlace de suscripción su tu canal de YouTube está clasificado como usuario

Algunos canales más antiguos aún se configuran como usuarios en lugar de canales. Puedes saber si tu canal usa la estructura de "usuario" visitando tu canal y viendo si tiene la palabra "usuario" en la barra de direcciones.

Aquí tienes un ejemplo:

https://www.youtube.com/user/thenewboston

Este canal está configurado como usuario.

En este caso, usarías esta estructura:

https://www.youtube.com/user/<YOUR CHANNEL ID>?sub_confirmation=1

Simplemente, reemplazarías el  <YOUR CHANNEL ID> en esta URL con el ID de tu canal. Será un nombre personalizado (en este caso, thenewboston) o será una cadena de caracteres de base 64 como esta: UC0syIz79dzjMXIf5VdJ65EA

Una vez que agregues tu ID de canal a ese enlace, estarás listo para comenzar.

Cómo hacer tu propio botón de suscripción de YouTube

Muy bien, aquí está la parte divertida. YouTube te brinda una forma de incrustar botones de suscripción directamente en tu sitio web.

Así es como se ve uno de estos botones:

Y aquí está el código HTML incrustable que agregarías a tu blog. Ten en cuenta que este código importará la biblioteca de JavaScript de la plataforma.js (platform.js) de Google para mostrar dinámicamente el botón y tu número de suscriptores actual.

<script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channelid="<YOUR CHANNEL ID>" data-layout="full" data-theme="dark" data-count="default"></div>

Puedes insertar este código. Asegúrate de reemplazar <YOUR CHANNEL ID> con el ID del canal que ves cuando visitas tu página.

Si tienes una URL de canal de YouTube personalizada como https://www.youtube.com/freecodecamp puedes usarla como tu ID de canal, pero me parece más confiable usar el ID de 24 caracteres del canal completo.

Cómo personalizar tu botón de suscripción de YouTube

Hay otras dos formas de personalizar el botón de suscripción.

Cómo mostrar el nombre y el logotipo de tu canal en el botón de suscripción

Puedes cambiar el data-layout para que sea predeterminado (default) o completo (full) (que mostrará el nombre y el icono de tu canal).

Así es como se ve esto cuando configuras data-layout="default":

Y así es como se ve esto cuando configuras data-layout="full":

También puedes establecer el tema en oscuro con data-theme="dark".

Y puedes ocultar tu cuenta de suscriptores por completo con data-count="hidden". Si solo tienes un puñado de suscriptores, es posible que desees ocultar esto durante unos meses mientras acumulas mil suscriptores o más, para evitar la "prueba social negativa".

Por qué recomiendo los enlaces de suscripción de YouTube en lugar de los botones de suscripción de YouTube

Hay varias razones por las que recomiendo usar el enfoque de enlace en lugar de estos botones dinámicos.

1. Los bloqueadores de anuncios, los cortafuegos y los complementos del navegador pueden impedir que el botón se reproduzca o funcione correctamente. Este botón implica extraer un archivo JavaScript de los CDN de Google, lo que significa que no se procesará en China, por ejemplo, donde Google está actualmente bloqueado.
2. Es difícil controlar el estilo de estos botones y pueden verse mal en un dispositivo móvil.
3. Estos botones pueden provocar problemas de accesibilidad. El enlace, por otro lado, es solo un enlace y es fácil de usar para las personas en lectores de pantalla u otras herramientas de asistencia.

Pero Google también admite estos botones de suscripción de YouTube, por lo que depende de ti  si quieres usarlos.

Una herramienta de personalización para el botón de suscripción de YouTube

Google tiene una herramienta oficial para personalizar estos botones de suscripción de YouTube. Puedes acceder aquí. Ten en cuenta que aún necesitarás tener acceso al HTML de la página en la que desea incrustar estos botones.

Gracias por leer esta guía y espero que te haya ayudado a comprender cómo funcionan estos enlaces y botones de suscripción de YouTube y cómo puedes usarlos para lograr que más personas se suscriban a tu canal.

Si deseas obtener más consejos sobre cómo ser un creador exitoso de YouTube en general, puedes aprender de los más de 5 años de experimentación de nuestra organización sin ánimo de lucro que nos han ayudado a convertirnos en el canal de programación más grande de YouTube.

Aquí puedes encontrar nuestro manual gratuito de YouTube, que también incluye un curso en video de 1 hora. Lo diseñamos pensando en los creadores centrados en el software, pero muchas de las técnicas se pueden aplicar a otros dominios temáticos. Espero que te sea útil.

Saludos.

– Quincy

¡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:

• Blue Yeti Microphone
• Audio Technica AT2005USB Microphone
• Blue Snowball

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.

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:

• Canon EOS 80D DSLR
• Canon EOS Rebel T6 Digital SLR
• Panasonic LUMIX DMC-FZ1000
  

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.

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:

• Divinci Resolve
• OpenShot
• VideoPad
• Lightworks

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.

React es una de las bibliotecas de JavaScript más populares y se usa con frecuencia para crear interfaces de usuario.

Acabamos de lanzar un curso de 9 horas que te enseñará a construir 15 proyectos diferentes usando React. Hace unas semanas lanzamos un curso de 10 horas sobre los fundamentos de React y este nuevo curso basado en proyectos es la forma perfecta de consolidar las habilidades que has aprendido en el curso sobre los fundamentos de React.

Este curso fue desarrollado por John Smilga, quien dirige el canal de YouTube Coding Addict. Ha estado creando cursos durante muchos años en una variedad de plataformas.

Aprenderás a construir los siguientes proyectos en React:

• Recordatorio de cumpleaños
• Página de Tours
• Página de revisión
• Acordeón
• Menú
• Menu
• Cartera de pestañas
• Control deslizante
• Generador de Lorem Ipsum
• Generador de Color
• Lista de Compras
• Navbar
• Sidebar y Model
• Menú de Stripe
• Carrito de Compra
• Página de Cócteles

Puede ver una versión de trabajo de todos los proyectos aquí. Además, se proporciona código para todo el código.

Además de aprender a crear los proyectos, aprenderá a implementarlos y hospedarlos.

Vea el curso completo en el canal de freeCodeCamp.org YouTube (9 horas).