Código

Published on July 16th, 2012

6

Aprende HTML5 GRATIS

• Tweet

Culpa de un amigo me enteré de que unos amigos están realizando una “conferencia” con un “curso” de HTML5 y aplicaciones móviles, visité el sitio y no pude hacer otra cosa que reír y crear este post para evitar que “vendedores de milagroso aceite de serpiente” les vean la cara cobrándoles por algo que existe gratuitamente en línea y que ellos realmente no conocen con experiencia.

Quiero ser puntual en que sé y me consta que el hecho de que algo esté en línea de forma gratuita, sobre todo el conocimiento, no implica que si se compra sea algo “tonto” pero sí creo que si alguien se autodenomina “docente” lo menos que espero es poder ver un currículo amplio de lo que ha desarrollado, porque según sé estos dos payasos no han hecho nada serio con la tecnología que van a enseñar a usar (ni siquiera sus sitios), en otras palabras no tienen ningún conocimiento real y sobre todo un conocimiento amplio de distintos escenarios donde el HTML5 pueda que no sea el mejor candidato como solución ya que el HTML5 sigue siendo como Flash en sus inicios, para un sitio común y corriente está bien, pero para un sitio de banca en línea, para un sitio serio que requiere del famoso “legacy” por parte del cliente, simplemente es mucho pedir.

Otro factor importante del HTML5 es que no todas sus características y propuestas son un verdadero estándar definido, son propuestas, y como tales pueden ser descartadas en cualquier comento, como sucedió con la propuesta del  “Web SQL Database” que fue remplazado por la propuesta del Indexed Database API, el W3C dejó de trabajar en la especificación en noviembre de 2010, citando  falta de implementaciones independientes (no utilizando SQLite como el back-end) como la razón por la cual la especificación no podía avanzar para convertirse en una Recomendación del W3C.

Así que mi motivación para compartir esto es evitar que se gaste dinero recibiendo un curso cobrado (con contenido gratuito) por parte de dos payasos que NO tienen una amplia experiencia desarrollando con las tecnologías que pretenden enseñar y que presumen saben pero realmente desconocen en términos prácticos reales, si creen que el valor del curso o el “diplomado” está en “el cartón” déjenme decirles de la forma más franca que sea quien sea que los contrate a ustedes como desarrolladores web JAMÁS tomará en serio un diplomado de estos payasos, mejor busquen certificaciones en línea de empresas serias.

Como nota especial, para aprender del siguiente listado TENES que saber inglés, si no sabes inglés y pretendes desarrollar, estás más perdido que estos dos payasos, igualmente existe muchísimo recurso en castellano y traductores de páginas web en línea.

Así que acá el listado de dónde se puede encontrar y aprender un montón del HTML5:

Inicios en desarrollo móvil

• Compatibilidad de navegadores 2012
  • http://caniuse.com – Listado de compatibilidad del HTML, EXCELENTE!
  • http://www.findmebyip.com/litmus/
• HTML5 en iPhone, iPad y Android
  • http://jquerymobile.com/ – El mejor Framework para desarollo móvil
  • http://www.adobe.com/devnet/dreamweaver/dreamweaver-mobile.html
  • http://www.adobe.com/devnet/dreamweaver/articles/dw-template-jquery-mobile.html
  • http://www.adobe.com/devnet/fireworks/articles/css3-jquery.html
• Artículos, secciones, cabeceras
  • http://html5doctor.com/the-article-element/
  • http://html5doctor.com/the-section-element/
  • http://html5doctor.com/the-header-element/
• Nuevos Formularios
  • http://www.w3schools.com/html5/html5_form_elements.asp
  • http://www.html5rocks.com/en/tutorials/forms/html5forms/
  • http://diveintohtml5.info/forms.html
• Fuentes y tipografías
  • http://www.html5rocks.com/en/tutorials/webfonts/quick/
• Nuevos estilos y diseño en CSS3
  • http://coding.smashingmagazine.com/2011/04/18/powerful-new-css-techniques-and-tools/
  • http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
  • http://www.smashingmagazine.com/2010/05/20/web-design-trends-2010-real-life-metaphors-and-css3-adaptation/
  • http://www.1stwebdesigner.com/css/22-handy-html5-css3-tools-resources-and-guides/
• Animación, transiciones y efectos CSS3
  • http://www.w3schools.com/css3/css3_animations.asp
  • http://webdesignerwall.com/trends/47-amazing-css3-animation-demos
  • http://css3.bradshawenterprises.com/
• Audio y Video
  • http://net.tutsplus.com/tutorials/html-css-techniques/html5-audio-and-video-what-you-must-know/
  • http://speckyboy.com/2011/05/02/guide-to-html5s-new-media-tags-audio-and-video/

Apps avanzadas para teléfonos

• Nuevo Javascript, jQuery y HTML5
  • http://jquerymobile.com/
• Geolocalización
  • http://mobile.tutsplus.com/tutorials/mobile-web-apps/html5-geolocation/
  • http://css.dzone.com/articles/12-cool-html5-geolocation
  • http://www.w3schools.com/html5/html5_geolocation.asp
  • http://www.netmagazine.com/tutorials/getting-started-html5-geolocation
• Guardar datos en disco
  • http://coding.smashingmagazine.com/2010/10/11/local-storage-and-how-to-use-it/
  • http://coding.smashingmagazine.com/2011/12/05/sisyphus-js-client-side-drafts-and-more/
  • http://www.aquim.com/web-article-237.html
  • http://www.developerdrive.com/2012/03/making-use-of-html5-storage/
  • http://php-html.net/tutorials/html5-local-storage-guide/
• Node.js, Web sockets y multiusuario
  • http://dev.opera.com/articles/view/introducing-web-sockets/
  • http://blog.nodejitsu.com/http-proxy-intro
  • http://wesbos.com/html5-canvas-websockets-nodejs/
  • http://blog.koostudios.com/?p=470 – Websockets: Chat App with Socket.io and NodeJS
  • http://coding.smashingmagazine.com/2011/09/16/useful-node-js-tools-tutorials-and-resources/
• Introducción a Canvas y Raphael.js
  • http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/
  • http://kirkdev.blogspot.com/2011/12/animation-nation-part-2-introduction-to.html
  • http://www.html5rocks.com/en/tutorials/raphael/intro/
• Responsive Design
  • http://net.tutsplus.com/tutorials/html-css-techniques/responsive-web-design-a-visual-guide/
  • http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
  • http://sixrevisions.com/web_design/understanding-the-elements-of-responsive-web-design/
  • http://line25.com/articles/responsive-web-design-articles-tutorials-guides
• El futuro de HTML5
  • http://coding.smashingmagazine.com/2010/09/23/html5-the-facts-and-the-myths/

Extra

• Tutorial HTML5:
  • http://www.mobilehtml5.com/post/371921120/tutorial-your-first-mobile-html5-app-the-basics
• 40+ Useful HTML5 Examples and Tutorials
  • http://www.tripwiremagazine.com/2012/03/html5-examples-tutorials.html

Recuerden, buscar en Google no es tan difícil, aprender por uno mismo es más gratificante y realmente se aprende más! Espero hacerlos ahorrar su dinero

Related Posts

Fixing Geo Location →

Previendo cambios en PHP →

SMS (Tigo) sin Flash →

HTML5mentarios →