En el mundo actual saber programar se está convirtiendo algo muy importante. Si tenéis ganas de aprender a hacerlo o de mejorar tus conocimientos, aca dejo una colección de recursos para aprender HTML5, CSS y Javascript.
¿Qué es el HTML5? ¿Cuales son sus etiquetas básicas o sus estructuras principales? Empezamos con esta bestialidad de curso que se curraron hace un año y medio en el canal de pildorasinformaticas , el cual está compuesto por un total de 73 vídeos y nos enseña todo lo que tenemos que saber sobre este estándar.
HTML5 Coding Essentials and Best Practices
Si entienden inglés, hace apenas tres días publicaron en edX la primera parte del curso "HTML5 Coding Essentials and Best Practices" desarrollado por el World Wide Web Consortium. El curso es gratuito, aunque una vez completado tendréis que pagar si queréis obtener un certificado
TheCodePlayer
Se trata de una completa página web repleta de tutoriales con los que aprender desarrollo en HTML5 y otros lenguajes de programación. Al meternos en cada uno de los tutoriales iremos viendo paso a paso cómo crear diferentes tipos de página o aplicaciones. Para acceder a algunos de estos tutoriales será necesario estar suscrito a la web.
Curso de Desarrollo Web con HTML5 y CSS3
Mucho más extenso (124 capítulos) es este curso de desarrollo web con HTML5 y CSS3. En él, nos irá explicando poco a poco y con sencillez todos los pasos que tendremos que dar para conseguir crear nuestra primera página web utilizando estos estándares.
HTML5 Game Development
Si ya tenéis conocimientos de HTML y Javascript, Udacity y Google te traen este curso gratuito en inglés con el que te guiarán a través de los pasos de creación de un videojuego, y cómo utilizar estas técnicas de desarrollo para crear aplicaciones HTML5 de alto rendimiento.
Juegos con HTML5 y JS
Marcos Sancho de también nos enseñará en perfecto castellano y mediante vídeos de YouTube a crear nuestros propios videojuegos utilizando HTML5 y JavaScript.
Curso HTML5 de Microsoft
Este curso fue creado en 2012 por la propia Microsoft para ayudarnos a todos a que podamos formarnos de forma gratuita, y para que demos nuestros primeros pasos con el HTML5.
Curso de Introducción al Desarrollo Web: HTML y CSS
Y si Microsoft lo hace Google no podría ser menos. En su página de Actívate tenemos disponible un curso acreditado por el IEI de la Universidad de Alicante, con el que aprender todo lo necesario para dominar HTML5 y CSS3 y crear con estos estándares atractivas páginas adaptativas.
Desarrollo en HTML5, CSS y Javascript de WebApps, incl. móviles FirefoxOS
MiriadaX nos ofrece un curso gratuito amparado por la Universidad Politécnica de Madrid de diseño de aplicaciones móviles en HTML5 compatibles con FirefoxOS. El curso es multidisciplinar e incluye aspectos de programación, diseño gráfico y diseño de la interacción.
Aprende HTML5 desde 0
En la página Tutos y Tips también tienen disponible una serie de tutoriales para ayudarnos a dar nuestros primeros pasos con el HTML5.
#HTML5
Y acabamos con el canal de YouTube #HTML5 en el que se van publicando en inglés varios tipos de videotutoriales de HTML5.
¿Su filosofía? Tratar de separar la estructura de su presentación: es decir, el verdadero contenido de la forma o la arquitectura que usa para mostrarse. Habitual entre programadores, diseñadores y maquetadores web, estos son algunos de los sitios y canales de YouTube más útiles para aprender CSS desde 0 hasta nivel experto.
Aprenderaprogramar.com
Aquí encontrarás un curso elemental enfocado a aquellos que carecen de cualquier conocimiento previo al respecto. El curso, titulado Tutorial básico programador web: CSS desde 0 incluye una estimación de tiempo de 150 horas y hasta 67 artículos distintos; que abarcan desde la definición del lenguaje hasta efectos concretos, animaciones, diseño de tablas, listas, y otros aspectos.
Es bastante completo y muy útil para los que empiezan. Además, está explicado de manera muy sencilla, con un leguaje para el público general con la intención de que cualquiera pueda entenderlo. Ahora bien, el entorno visual resulta poco atractivo. Está impartido por César Krall y Manuel Sierra.
HoyGeek
HoyGeek dispone de vídeos centrados específicamente en aquellos que desean añadir CSS a su blog para modificarlo e incluir nuevas posibilidades. De manera muy sencilla y bastante gráfica, en él encontramos tutoriales generales de iniciación pero también otros más específicos para cambiar los iconos de las redes sociales, alterar el fondo de menú y widgets y similares.
Desarrolloweb.com
Desarrolloweb.com es una web que te permitirá aprender no solo CSS sino también HTML, Javascript, PHP y otros. Se estructura por niveles, algo que se agradece. Al pinchar en cada uno de ellos nos aparece una larga lista de manuales y entradas, muy concretas y específicas. Incluye un necesario buscador interno.
Respecto al “Taller de CSS”, incorpora 66 entradas con acciones muy concretas como cambiar el cursor del ratón, elaborar una caja con esquinas redondeadas, maquetar una galería de fotos, crear gráficas y generar columnas de una lista sin tablas, por ejemplo. Cuenta con explicaciones muy didácticas y exhaustivas.
FalconMasters
tiene un curso básico de CSS formado por 14 vídeos, cada uno de ellos dedicado a un aspecto distinto como: selectores, unidades de medida, unidades de color, modelo de caja, fondos, posicionamiento de cajas, texto y tipografía, enlaces, imágenes, listas, tablas, formularios y demás.
Adam Khoury
A pesar de que el canal de Adam Khoury es variado y no se centra únicamente en el CSS, resulta muy útil si ya controlas un poco, deseas usar CSS con otros lenguajes, hacer animaciones específicas e investigar otras posibilidades ya no tan básicas. Está en inglés pero habla lentamente y se le entiende a la perfección. Además los vídeos son muy sencillos y visualmente atractivos.
LearnCode.academy
LearnCode es otro canal que va más allá de las funciones básicas (eso no quita que las incluya) y que también está en inglés; algo que, de nuevo, vuelve a carecer de importancia (aunque hablan más deprisa). En este canal también encontrarás tutoriales sobre Javascript, jQuery para principiantes, GitHub… etc.
JavaScript es un lenguaje interpretado orientado a objetos, imperativo; que nació con la finalidad de programar ciertos comportamientos sobre páginas web, facilitando la interacción del usuario y creando unos automatismos sencillos, entre otros.
Sin embargo, hoy ha llegado mucho más allá y, de hecho lo encontramos en múltiples ámbitos, incluso de manera nativa en algunos sistemas operativos. Si bien anteriormente se empleaba para validar formularios y mostrar cajas de diálogo, actualmente es el motor de herramientas de la talla de Facebook, Outlook, Twitter, etcétera.
CodigoFacilito
En el canal CodigoFacilito encontrarás todas las instrucciones necesarias para familiarizarte con JavaScript (además de otros muchos lenguajes de programación). Por ejemplo, tiene un curso de Javascript y jQuery formado por 34 vídeos en los que el navegante aprenderá funciones, posibilidades, objetos… etc.
W3Sschools
En W3schools encontrarás toda clase de información: desde la más básica (con la definición y razones para aprender JavaScript, hasta tutoriales que se refieren a los comentarios, statements (instrucciones para ser ejecutadas por el navegador), la sintaxis, etcétera.
Lo mejor es que incluye la posibilidad de obtener un certificado (mediante la superación del correspondiente examen , por supuesto) y te permite probar tus habilidades en el propio site –en una especie de prueba práctica-. Incluye ejemplos, referencias, y no solo encontrarás JavaScript, sino también HTML, CSS, jQueri y algunos más. Está en inglés, pero con un nivel básico es posible comprender sus instrucciones sin problema alguno.
KhanAcademy
Lo primero que llama la atención de KhanAcademy es que se trata de una organización sin fines de lucro con una historia interesante a sus espaldas (ha llegado a recibir sumas ingentes de dinero por parte de la fundación Bill Gates).
Aunque su interfaz es un poco caótica, permite un aprendizaje interactivo e incluye cursos bastante completos y compila ejemplos y tutoriales de otras webs como la anterior.
Fenix Discom
No tan básico, en Fenix Discom, además de los tutoriales típicos, pueden verse ejercicios prácticos. Está centrado en el motor de videojuegos Unity pero merece la pena darse un voltio por la página.
Programando.la
Aunque no se trata de un canal de YouTube, lo que hace Programando.la es recopilar una serie de vídeos en español que, precisamente, te ayudarán a conocer todos los entresijos del lenguaje de programación que nos atañe (y también CSS y HTML, por ejemplo).
Aunque está centrado en esta clase de contenido audiovisual, al pinchar en cada clasificación, además de una lista de visualizaciones, hallaremos documentos –variados tutoriales, desde el más básico a otros avanzados-, enlaces a la Wikipedia y demás.
ProgramaloTu
Otro canal de YouTube perfecto para los que se estrenan con este lenguaje de programación. En él hallarás hasta 32 vídeos (tutoriales) que abarcan operadores, variables, funciones, declaración if, nesting, condiciones complejas, declaración switch, while loop, introducción a eventos y otros puntos. Está en español y el narrador lo hace de manera clara, sencilla y sin prisas para que podamos ir probando sobre la marcha.
se estructura por niveles, un hecho que se agradece dada la variedad de contenidos –además de JavaScript, hallamos CSS y HTML. Así, integra una larga lista de manuales y entradas bastante específicas y el correspondiente buscador interno.
Es perfecta para aquellos que empiezan desde cero y las explicaciones están escritas de manera muy sencilla. Respecto al manual, incluye desde una breve introducción e historia, hasta ejemplos e instrucciones concretas sobre cómo ocultar scripts JavaScript en navegadores antiguos, cómo colocarlos; información sobre tipos de datos, operadores, estructuras de control y más. Posee un apartado de vídeos muy completo.
Jesús Conde
El es uno de mis preferidos: completo, sencillo, visualmente atractivo (viene con elementos gráficos, pestañas, animaciones)…va un poco más allá que los anteriores y está enfocado para principiantes pero también para aquellos que ya controlan un poco el asunto. Encontramos un curso de JavaScript básico con 48 vídeos que trata aspectos como las propiedades del DOM, el diálogo con el usuario, el añadido de comentarios al código, opciones matemáticas con el objeto Math y similares.
HTML5
Curso HTML5 de Píldoras Informáticas
¿Qué es el HTML5? ¿Cuales son sus etiquetas básicas o sus estructuras principales? Empezamos con esta bestialidad de curso que se curraron hace un año y medio en el canal de pildorasinformaticas , el cual está compuesto por un total de 73 vídeos y nos enseña todo lo que tenemos que saber sobre este estándar.
HTML5 Coding Essentials and Best Practices
Si entienden inglés, hace apenas tres días publicaron en edX la primera parte del curso "HTML5 Coding Essentials and Best Practices" desarrollado por el World Wide Web Consortium. El curso es gratuito, aunque una vez completado tendréis que pagar si queréis obtener un certificado
TheCodePlayer
Se trata de una completa página web repleta de tutoriales con los que aprender desarrollo en HTML5 y otros lenguajes de programación. Al meternos en cada uno de los tutoriales iremos viendo paso a paso cómo crear diferentes tipos de página o aplicaciones. Para acceder a algunos de estos tutoriales será necesario estar suscrito a la web.
Curso de Desarrollo Web con HTML5 y CSS3
Mucho más extenso (124 capítulos) es este curso de desarrollo web con HTML5 y CSS3. En él, nos irá explicando poco a poco y con sencillez todos los pasos que tendremos que dar para conseguir crear nuestra primera página web utilizando estos estándares.
HTML5 Game Development
Si ya tenéis conocimientos de HTML y Javascript, Udacity y Google te traen este curso gratuito en inglés con el que te guiarán a través de los pasos de creación de un videojuego, y cómo utilizar estas técnicas de desarrollo para crear aplicaciones HTML5 de alto rendimiento.
Juegos con HTML5 y JS
Marcos Sancho de también nos enseñará en perfecto castellano y mediante vídeos de YouTube a crear nuestros propios videojuegos utilizando HTML5 y JavaScript.
Curso HTML5 de Microsoft
Este curso fue creado en 2012 por la propia Microsoft para ayudarnos a todos a que podamos formarnos de forma gratuita, y para que demos nuestros primeros pasos con el HTML5.
Curso de Introducción al Desarrollo Web: HTML y CSS
Y si Microsoft lo hace Google no podría ser menos. En su página de Actívate tenemos disponible un curso acreditado por el IEI de la Universidad de Alicante, con el que aprender todo lo necesario para dominar HTML5 y CSS3 y crear con estos estándares atractivas páginas adaptativas.
Desarrollo en HTML5, CSS y Javascript de WebApps, incl. móviles FirefoxOS
MiriadaX nos ofrece un curso gratuito amparado por la Universidad Politécnica de Madrid de diseño de aplicaciones móviles en HTML5 compatibles con FirefoxOS. El curso es multidisciplinar e incluye aspectos de programación, diseño gráfico y diseño de la interacción.
Aprende HTML5 desde 0
En la página Tutos y Tips también tienen disponible una serie de tutoriales para ayudarnos a dar nuestros primeros pasos con el HTML5.
#HTML5
Y acabamos con el canal de YouTube #HTML5 en el que se van publicando en inglés varios tipos de videotutoriales de HTML5.
CSS
Intuitivo y con múltiples opciones de personalización, CSS (Cascading Style Sheets u Hojas de estilo personalizadas) es un lenguaje que se emplea en la presentación de documentos HTML o páginas web, un sistema que nos permite organizar su aspecto y presentación y que se utiliza para dotarla de tipos y tamaños de letra, colores, etcétera.
¿Su filosofía? Tratar de separar la estructura de su presentación: es decir, el verdadero contenido de la forma o la arquitectura que usa para mostrarse. Habitual entre programadores, diseñadores y maquetadores web, estos son algunos de los sitios y canales de YouTube más útiles para aprender CSS desde 0 hasta nivel experto.
Aprenderaprogramar.com
Aquí encontrarás un curso elemental enfocado a aquellos que carecen de cualquier conocimiento previo al respecto. El curso, titulado Tutorial básico programador web: CSS desde 0 incluye una estimación de tiempo de 150 horas y hasta 67 artículos distintos; que abarcan desde la definición del lenguaje hasta efectos concretos, animaciones, diseño de tablas, listas, y otros aspectos.
Es bastante completo y muy útil para los que empiezan. Además, está explicado de manera muy sencilla, con un leguaje para el público general con la intención de que cualquiera pueda entenderlo. Ahora bien, el entorno visual resulta poco atractivo. Está impartido por César Krall y Manuel Sierra.
HoyGeek
HoyGeek dispone de vídeos centrados específicamente en aquellos que desean añadir CSS a su blog para modificarlo e incluir nuevas posibilidades. De manera muy sencilla y bastante gráfica, en él encontramos tutoriales generales de iniciación pero también otros más específicos para cambiar los iconos de las redes sociales, alterar el fondo de menú y widgets y similares.
Desarrolloweb.com
Desarrolloweb.com es una web que te permitirá aprender no solo CSS sino también HTML, Javascript, PHP y otros. Se estructura por niveles, algo que se agradece. Al pinchar en cada uno de ellos nos aparece una larga lista de manuales y entradas, muy concretas y específicas. Incluye un necesario buscador interno.
Respecto al “Taller de CSS”, incorpora 66 entradas con acciones muy concretas como cambiar el cursor del ratón, elaborar una caja con esquinas redondeadas, maquetar una galería de fotos, crear gráficas y generar columnas de una lista sin tablas, por ejemplo. Cuenta con explicaciones muy didácticas y exhaustivas.
FalconMasters
tiene un curso básico de CSS formado por 14 vídeos, cada uno de ellos dedicado a un aspecto distinto como: selectores, unidades de medida, unidades de color, modelo de caja, fondos, posicionamiento de cajas, texto y tipografía, enlaces, imágenes, listas, tablas, formularios y demás.
Adam Khoury
A pesar de que el canal de Adam Khoury es variado y no se centra únicamente en el CSS, resulta muy útil si ya controlas un poco, deseas usar CSS con otros lenguajes, hacer animaciones específicas e investigar otras posibilidades ya no tan básicas. Está en inglés pero habla lentamente y se le entiende a la perfección. Además los vídeos son muy sencillos y visualmente atractivos.
LearnCode.academy
LearnCode es otro canal que va más allá de las funciones básicas (eso no quita que las incluya) y que también está en inglés; algo que, de nuevo, vuelve a carecer de importancia (aunque hablan más deprisa). En este canal también encontrarás tutoriales sobre Javascript, jQuery para principiantes, GitHub… etc.
JAVASCRIPT
JavaScript es un lenguaje interpretado orientado a objetos, imperativo; que nació con la finalidad de programar ciertos comportamientos sobre páginas web, facilitando la interacción del usuario y creando unos automatismos sencillos, entre otros.
Sin embargo, hoy ha llegado mucho más allá y, de hecho lo encontramos en múltiples ámbitos, incluso de manera nativa en algunos sistemas operativos. Si bien anteriormente se empleaba para validar formularios y mostrar cajas de diálogo, actualmente es el motor de herramientas de la talla de Facebook, Outlook, Twitter, etcétera.
CodigoFacilito
En el canal CodigoFacilito encontrarás todas las instrucciones necesarias para familiarizarte con JavaScript (además de otros muchos lenguajes de programación). Por ejemplo, tiene un curso de Javascript y jQuery formado por 34 vídeos en los que el navegante aprenderá funciones, posibilidades, objetos… etc.
W3Sschools
En W3schools encontrarás toda clase de información: desde la más básica (con la definición y razones para aprender JavaScript, hasta tutoriales que se refieren a los comentarios, statements (instrucciones para ser ejecutadas por el navegador), la sintaxis, etcétera.
Lo mejor es que incluye la posibilidad de obtener un certificado (mediante la superación del correspondiente examen , por supuesto) y te permite probar tus habilidades en el propio site –en una especie de prueba práctica-. Incluye ejemplos, referencias, y no solo encontrarás JavaScript, sino también HTML, CSS, jQueri y algunos más. Está en inglés, pero con un nivel básico es posible comprender sus instrucciones sin problema alguno.
KhanAcademy
Lo primero que llama la atención de KhanAcademy es que se trata de una organización sin fines de lucro con una historia interesante a sus espaldas (ha llegado a recibir sumas ingentes de dinero por parte de la fundación Bill Gates).
Aunque su interfaz es un poco caótica, permite un aprendizaje interactivo e incluye cursos bastante completos y compila ejemplos y tutoriales de otras webs como la anterior.
Fenix Discom
No tan básico, en Fenix Discom, además de los tutoriales típicos, pueden verse ejercicios prácticos. Está centrado en el motor de videojuegos Unity pero merece la pena darse un voltio por la página.
Programando.la
Aunque no se trata de un canal de YouTube, lo que hace Programando.la es recopilar una serie de vídeos en español que, precisamente, te ayudarán a conocer todos los entresijos del lenguaje de programación que nos atañe (y también CSS y HTML, por ejemplo).
Aunque está centrado en esta clase de contenido audiovisual, al pinchar en cada clasificación, además de una lista de visualizaciones, hallaremos documentos –variados tutoriales, desde el más básico a otros avanzados-, enlaces a la Wikipedia y demás.
ProgramaloTu
Otro canal de YouTube perfecto para los que se estrenan con este lenguaje de programación. En él hallarás hasta 32 vídeos (tutoriales) que abarcan operadores, variables, funciones, declaración if, nesting, condiciones complejas, declaración switch, while loop, introducción a eventos y otros puntos. Está en español y el narrador lo hace de manera clara, sencilla y sin prisas para que podamos ir probando sobre la marcha.
Desarrolloweb.com
se estructura por niveles, un hecho que se agradece dada la variedad de contenidos –además de JavaScript, hallamos CSS y HTML. Así, integra una larga lista de manuales y entradas bastante específicas y el correspondiente buscador interno.
Es perfecta para aquellos que empiezan desde cero y las explicaciones están escritas de manera muy sencilla. Respecto al manual, incluye desde una breve introducción e historia, hasta ejemplos e instrucciones concretas sobre cómo ocultar scripts JavaScript en navegadores antiguos, cómo colocarlos; información sobre tipos de datos, operadores, estructuras de control y más. Posee un apartado de vídeos muy completo.
Jesús Conde
El es uno de mis preferidos: completo, sencillo, visualmente atractivo (viene con elementos gráficos, pestañas, animaciones)…va un poco más allá que los anteriores y está enfocado para principiantes pero también para aquellos que ya controlan un poco el asunto. Encontramos un curso de JavaScript básico con 48 vídeos que trata aspectos como las propiedades del DOM, el diálogo con el usuario, el añadido de comentarios al código, opciones matemáticas con el objeto Math y similares.