10 canales de YouTube para aprender desarrollo frontend básico

Aprender a codificar ahora es más fácil que nunca.

Puede encontrar toneladas de tutoriales gratuitos que cubren los conceptos básicos del desarrollo frontend. Y realmente eso se reduce a solo 3 idiomas: HTML, CSS y JavaScript.

Y además de tutoriales escritos, también puede encontrar muchos tutoriales en video gratuitos en YouTube. En su mayoría, están escondidos en grandes canales que tienes que buscar para encontrarlos.

Todos los canales que he enumerado a continuación se centran en el desarrollo y deberían brindarle un excelente punto de partida. Todos son totalmente gratuitos y cubren una amplia variedad de idiomas, algunos incluso van más allá de los temas de interfaz para que pueda convertirse en un codificador completo en todos los ámbitos.

Sugerencias para desarrolladores

Pregunte en las comunidades de desarrolladores web y siempre verá menciones del canal DevTips.

Está repleto de extensos tutoriales que cubren un montón de temas de interfaz. Algunos de estos incluyen conceptos básicos como Vanilla JS o propiedades CSS3 más nuevas.

Pero otros tutoriales se adentran en marcos más avanzados como Vue, React y Ember.

Recomiendo encarecidamente suscribirse aquí como su primera parada en su aventura de YouTube. Estos videos son de primera categoría y vale la pena echarles un vistazo si puede encontrar temas que le interesen.

LearnCode.academia

Aquí hay otro canal de tutoriales que realmente creo que beneficia a los programadores frontend por encima de todo.

LearnCode.academy tiene una de las mejores calidades de video que he visto con instrucciones muy claras. Hacen mucho en secuencias de comandos JS y bibliotecas relacionadas, pero también hay muchos videos sobre cómo administrar la configuración de su desarrollador web.

Esto incluye tutoriales de administración de paquetes como npm y Bower junto con temas orientados al servidor con herramientas como Docker y AWS.

Todas las cosas geniales con toneladas de variedad con videos que datan de más de cuatro años.

nivelartuts

Soy un gran admirador de los tutoriales paso a paso porque te muestran exactamente qué hacer y por qué lo estás haciendo.

Eso es lo que encontrarás en LevelUpTuts. Es un canal gratuito creado para temas de desarrollo y se centra principalmente en el desarrollo web.

Todos los tutoriales de YouTube de LevelUpTuts son guías completas de principio a fin y serán gratuitos para siempre.

El ninja de la red

The Net Ninja es un gran canal que ofrece una amplia gama de temas de desarrollo de frontend. Estimuló un sitio web derivado con listas seleccionadas de tutoriales gratuitos organizados por tema.

Todos esos videos gratuitos seguirán siendo gratuitos de por vida y son excelentes para ingresar a la codificación frontend.

Puede elegir rápidamente TypeScript, Angular, Vue, ES6 y Bootstrap, todo desde un solo lugar.

Los videos también son de alta calidad con un excelente estilo de narración para que nunca te aburras.

Traversy Media (TechGuyWeb)

El canal de YouTube de Traversy Media es sin duda uno de los mejores para desarrolladores.

Con más de 350 000 suscriptores, hay mucho que amar de estos videos. De acuerdo, cubren una gran cantidad de temas de backend en lenguajes como PHP y Python, por lo que no se trata solo de frontend en todo momento.

Solo tenga en cuenta que también hay muchos videos sólidos sobre técnicas de interfaz. Estos incluyen algunos videos que fusionan el frontend + backend con marcos como Angular.

Si desea hacer un trabajo de desarrollo web profesional, nunca está de más aprender algo de codificación de back-end.

Es por eso que Traversy Media debe ser un subcanal obligatorio para cualquier persona interesada en la codificación web, independientemente del nivel de habilidad.

Curso de código

El canal Codecourse tiene toneladas de videos gratuitos al igual que otros mencionados en esta lista.

Lo que me gusta de Codecourse es cómo financian los videos a través de su sitio principal. Esto significa que encontrará muchas cosas gratis en YouTube con actualizaciones opcionales si las desea.

Creo que hay mucho en lo que profundizar solo en YouTube, por lo que realmente es el mejor lugar para comenzar.

Aunque si eres nuevo en la codificación de estos videos puede ser un desafío, ya que aquí se mencionan muchas herramientas avanzadas, como Git y Laravel, por ejemplo.

wes bos

El desarrollador Wes Bos se ha labrado un nombre con un montón de increíbles tutoriales en línea.

Algunos son gratuitos, otros cuestan dinero, pero incluso los gratuitos ofrecen mucho valor.

Eso es exactamente lo que encontrarás en su canal de YouTube que ofrece videos gratuitos de codificación de frontend para todos los públicos. Y realmente, estos son como el 99% de todo el código de interfaz.

Pero con estos videos, te concentrarás en diseños CSS y técnicas de manipulación JS. Ambos temas son realmente valiosos para dominar, y siempre se lanzan nuevas características.

Específicamente, me gustan sus videos sobre la propiedad CSS Grid, ya que ese tema puede obtener detalles muy rápido.

AprenderCódigoWeb

Canal bastante simple aquí que vale la pena subscribirse si desea tutoriales sencillos para desarrolladores.

LearnWebCode habla exclusivamente sobre la codificación de frontend. Esto incluye algunos temas detallados como la gestión de proyectos de Git y la codificación personalizada de objetos SVG con el elemento canvas. Pero muchos tuts son de nivel principiante, lo cual es bueno.

Si está buscando una combinación de videos que se mantengan al día con las mareas cambiantes en el espacio de desarrollo, entonces realmente le gustará este canal.

Genial para todos, de todos los orígenes, porque incluso los desarrolladores profesionales pueden tropezar con un tema que nunca antes habían estudiado.

Codificar la Web (Garrett Love)

El canal de YouTube de Garrett Love "CodeTheWeb" es pequeño pero está creciendo rápidamente.

Puede consultar la página de videos para ver lo que ofrece y el tipo de calidad que puede esperar aquí.

En general, estoy muy satisfecho con esta página porque es fantástica. Profundiza en temas fuera de la codificación frontend, pero también habla mucho sobre el lado HTML/CSS/JS.

Además, hay una buena combinación de tutoriales más largos (20-60 minutos) junto con videos de consejos más breves sobre trabajos independientes y de aterrizaje.

Recomiendo hojear esta biblioteca de videos si desea hacer de la codificación su carrera.

Función divertida y divertida.

El último es uno de mis favoritos personales con 144k suscriptores: Fun Fun Function.

El presentador de su canal, Mattias Petter Johansson, publica videos detallados sobre la codificación JavaScript desde cero. Este es realmente un curso completo para principiantes para aprender JavaScript hasta niveles avanzados. Todo gratis.

Hay cosas sobre pruebas unitarias y práctica con TypeScript junto con temas más generales para principiantes como funciones básicas y alcance variable.

No encontrará muchos tutoriales de HTML/CSS aquí, pero es perfecto para cualquiera que se sumerja en JavaScript para la web.