Aprende diseño web profesional
Descubre los canales, marcas y diseñadores de YouTube que ofrecen las mejores lecciones y tutoriales en línea.
Los diseñadores y desarrolladores web están en un constante viaje de descubrimiento en el diseño web. Cualquiera que sea el marco, la herramienta o la tecnología que se utilice, puede garantizar que habrá una nueva versión o actualización de cualquier tecnología. O podría haber una alternativa en el mercado adoptada por las masas creativas que mejorará sus perspectivas de trabajo y agregarla a su CV.
¿Quieres aprender React, JavaScript, Illustrator, UX y más? O tal vez siempre ha querido mejorar sus habilidades de ilustración para que finalmente pueda terminar el proyecto personal que ha estado sentado en su escritorio durante los últimos dos años. Cualquiera sea la razón, no hay mejor manera de aprender de quienes saben. Para el acceso instantáneo a un entrenamiento de primera clase, YouTube es la plataforma perfecta.
¿Por qué YouTube? En primer lugar, es gratis (la mayoría de las veces) y los mejores canales y tutores de YouTube interactúan contigo y te dan ganas de aprender. Te dejan con ganas de más. Con esto en mente, hemos reunido una gran cantidad de los mejores canales de diseño y desarrollo de YouTube que ofrecen algo para todos (los canales de diseño están en esta página.
Aprende las características actuales del diseño web con estos canales
01. DesignCourse
Este canal está dirigido por un tipo llamado Gary que ha trabajado para algunos de los grandes nombres en el aprendizaje de videos, incluidos Pluralsight, LinkedIn Learning y Lynda.com. Enseña el desarrollo de pila completa, que en este caso significa que obtienes una combinación de tutoriales de diseño y desarrollo que incluyen UI / UX, desarrollo de interfaz, desarrollo de fondo y diseño gráfico. Con los nuevos videos que vienen semanalmente, siempre vale la pena ver qué hay de nuevo. Y si la última adición no es para ti, siempre puedes sumergirte en el extenso catálogo de copias del canal.
02. Bigets
Si la ilustración de diseño plano y la animación 2D están en su radar de aprendizaje, entonces este canal tiene mucho que ofrecer. Hay muchos tutoriales que muestran cómo crear / ilustrar personajes de dibujos animados que se ven increíbles. Más allá del diseño de personajes, hay videos sobre diseño de logotipos y After Effects, junto con consejos útiles: echa un vistazo al video Superando los bloques creativos (arriba). Se ofrece una cantidad ridícula de videos de alta calidad y, si te gusta lo que ves, asegúrate de visitar la tienda Gigantic .
03. DevTips
Quizás se esté preguntando qué está haciendo un canal de desarrollo en la sección de diseño. Bueno, la razón es que este canal ofrece consejos de desarrollo para diseñadores. Si siempre has tenido demasiado miedo de saltar al mundo de JavaScript, debes comenzar aquí. Una vez que los anfitriones David y MPJ te hayan enganchado, puedes regresar cada semana y obtener algo nuevo. Hay mucha variedad y niveles: puede aprender cómo comenzar con Adobe CC ( obtenga Adobe Creative Cloud aquí ), pruebe algunos prototipos React y descubra animaciones con CSS. Si eres un diseñador, dale una oportunidad.
04. Layout Land
Este canal está dirigido por el diseñador de Mozilla y defensor del desarrollador Jen Simmons. Es posible que ya la conozcas y si sabes quién es o si la has oído hablar, sabrás lo buena que es. Si no lo has hecho, ahora es el momento de descubrir quién es ella. Hay mucho en oferta aquí para aquellos que buscan familiarizarse con los diseños y CSS Grid. Mirando más allá de Grid, hay videos sobre nuevas propiedades de CSS que realmente necesitas conocer. Asegúrese de suscribirse.
05. Mike Locke
Mike Locke es un presentador apasionado y entusiasta que es un diseñador senior de UI / UX con un amplio conjunto de habilidades. Lo sabe todo sobre diseño de IU visual, experiencia de usuario, usabilidad, diseño de interacción, arquitectura de información, investigación y análisis, XHTML / CSS y estrategia y planificación. Su canal es un reflejo de lo que sabe. Locke se concentra en el diseño de UI / UX y ofrece muchos pensamientos y consejos razonables y razonables. Además, si necesita asesoramiento profesional, asegúrese de echar un vistazo.
06. Mozilla Hacks
Este canal proviene de la gente buena de Mozilla y se adentra en las muchas áreas de la web en las que está involucrada la empresa. Puede consultar las charlas de la propia conferencia View Source de Mozilla, que a su vez cubre una amplia sección transversal de diseño web y desarrollo. En otros lugares puedes mirar diseños y Grid. Mozilla está muy involucrado en AR / VR / MR, así que averigüe qué está haciendo aquí y aprenda sobre las herramientas que trae a la mesa.
07. InVision
Es muy probable que conozca a los expertos en creación de prototipos InVision y este sea el canal oficial de la empresa. Entonces, ¿qué tiene que ofrecer? Como es de esperar, hay sugerencias de InVision Studio, tutoriales y capacitación de InVision y consejos y tutoriales de Sketch. Además, puede encontrar más de 60 charlas de diseño de usuarios de InVision que cubren la investigación del usuario, la ética, cómo ser un consultor de experiencia de usuario, sprints de diseño, comentarios y mucho más.
08. bosquejar juntos
Sketch Together es un canal dedicado a toda la experiencia del usuario y al diseño de la interfaz de usuario. ¿Necesitas aprender Sketch rápidamente? A continuación, echa un vistazo a la Sketch App Crash Course. ¿Has oído hablar de la herramienta de diseño interactivo Framer? Echa un vistazo al Curso de Accesos de Framer para ponerte al día. En otros lugares, obtenga opiniones de diseño, el programa de diseño nocturno del canal y las transmisiones y sesiones en vivo.
09. Flujo
No hay nada como aprender de alguien que ya ha estado allí y lo ha hecho. Sus experiencias pueden ayudarlo a evitar caer en las trampas comunes y de eso se trata Flux. El canal es el vlog personal del diseñador y empresario Ran Segall y revela las lecciones que ha aprendido mientras desarrollaba su carrera como diseñador. Proporciona estudios de casos de diseño, además de mostrar cómo comenzar a trabajar independientemente, crear una cartera de diseño, trabajar con presupuestos y clientes, y mucho más.
10. Zimri Mayfield
Con su canal, Mayfield le ofrece una amplia variedad de tutoriales de Adobe Illustrator, inspiración de diseño gráfico y toda una serie de proyectos creativos para seguir. Su personalidad extravagante y su presentación natural lo mantendrán comprometido y, por supuesto, aprendiendo. Para obtener más información sobre Illustrator, consulte nuestra lista de los mejores tutoriales de Illustrator .
11. LevelUp Tuts
La misión de este canal es ayudarte a convertirte en un mejor desarrollador web. Cuenta con una amplia colección de videos, más de 800, y se agregan nuevos regularmente. Entonces, ¿qué idiomas y tecnologías están haciendo el grado? Si estás interesado en aprender Vue y React, entonces hay muchas listas de reproducción. GraphQL, Gatsby, Apollo y Redux están obteniendo su propio espacio. Pero el canal no es demasiado pesado. También incluye videos HTML5, Drupal, CSS, Sass, Sketch y WordPress entre muchos. Echa un vistazo a la tienda para conseguir una bonita camiseta geek.
12. Desarrolladores de Google Chrome
Todos los diseñadores y desarrolladores saben quién es el Big G y, como es de esperar, tiene mucho que ofrecer. El alcance de Google en la web es bastante amplio y esto se refleja en lo que el canal aporta. Las aplicaciones web progresivas, Chrome DevTools, diseño de UX, polímero, velocidad y rendimiento están ahí. Google no es tímido y se retira cuando se trata de espectáculos, conferencias y charlas, y todos ellos se encuentran entre los videos más prácticos. La compañía tiene sus propios programas para desarrolladores donde puede obtener información sobre los últimos desarrollos y noticias. Este canal es una necesidad para cualquier desarrollador.
13. Ihatetomatoes
Ihatetomatoes tiene que ver con el extremo delantero y te lo ofrece el entusiasta y experto Petr Tichy. Hay videos HTML y CSS, pero el mayor foco está en la animación, con una lista de reproducción dedicada a GreenSock, junto con el desplazamiento de paralaje , ScrollMagic y skrollr. Sin embargo, todavía hay suficientes bocados para los desarrolladores de back-end: muchas de las adiciones recientes se han dirigido a React, con videos adicionales de Angular, VS Code y webpack que completan la colección de desarrolladores. Otra lista de reproducción que bien vale la pena ver es el sitio web Deconstructions. Aquí, Tichy analiza un elemento de diseño específico y luego determina cómo se construye.
14. El Ninja Neto
Si está buscando obtener un cinturón negro en el desarrollo web, este dojo de video es un gran lugar para aprender. Las actualizaciones regulares (casi diarias) están a la orden del día. Normalmente, los nuevos videos vienen en serie, lo que significa que los espectadores obtienen un curso completo. Entonces, ¿qué cursos se ofrecen? Vuetify, Vue CLI, D3, React, Redux, Firebase, Materialize, Firestore, JavaScript orientado a objetos, variables CSS y Django son las últimas incorporaciones. Manteniendo a esta compañía de canales completa están las listas de reproducción que analizan más de cerca WebSockets, Angular, Sass, Git y GitHub, Bootstrap, Node.js y mucho, mucho más.
15. Kent C Dodds
Dodds es un hombre al que le gusta hablar sobre JavaScript y otros temas web. Publica semanalmente y cubre un amplio espectro de contenido relacionado con JS. Con más de 300 videos para elegir, hay algo para todos. Se presenta de una manera fácil de seguir con la pantalla típicamente dedicada al código en vivo. Las adiciones recientes le dan un vistazo a React, pero también hay contenido sobre cómo mejorar el rendimiento y la facilidad de uso, las pruebas efectivas de unidades, el diseño de una API para la extensibilidad y la instalación de Gatsby. Para ayudar a trabajar a través de los videos hay algunas listas de reproducción útiles.
16. JSConf
JSConf es una serie de conferencias de JavaScript de todo el mundo y el canal lanza muchas de sus conferencias de forma gratuita después de cada evento que se realiza. JavaScript es el denominador común aquí, pero no está dedicado exclusivamente al tema. Las adiciones recientes al canal incluyen SPA en escala, lecciones en ensamblaje web, aumento de Internet con extensiones de navegador y RxJS: una mejor manera de escribir aplicaciones de front-end. Si te gusta aprender a través de charlas, hay un montón de contenido actual para disfrutar.
17. Zac Gordon
Este canal se centra en JavaScript y en cómo se usa en WordPress. Hay una amplia variedad de temas cubiertos dentro del alcance del tema. Por ejemplo, una selección completa de videos muestra cómo usar el editor Atom. Mientras tanto, el curso de Aprendizaje de JavaScript se divide en todos los componentes esenciales que un usuario necesita para ponerse al día con JS, por ejemplo, Declaraciones, Expresiones y Palabras clave en JavaScript. Además, también hay una gran cantidad de charlas de la Conferencia de JavaScript para WordPress 2018, una mirada a Gutenberg de WordPress y varios estudios de casos sobre WP API y JS.
18. Codedamn
Comenzó en 2015, este canal ofrece una gran biblioteca de videos en una amplia gama de contenido relacionado con JavaScript. Se agregan nuevos videos cada semana y generalmente son parte de un curso específico. Si bien cada curso es fácil de encontrar gracias a las pantallas de inicio de marca, también están perfectamente empaquetados en listas de reproducción para un acceso rápido. Entonces, ¿qué se ofrece? Hay tutoriales básicos de JavaScript, además de tutoriales en Angular 6 (y otras versiones), Babel, React Native, Vue.js, Ionic, ReactJS, TypeScript, MongoDB, Node.js, Bootstrap, PHP, extensión de Chrome y RequireJS, por nombrar algunos . Incluso tiene más de 30 tutoriales de jQuery si ese es tu bolso.
