miércoles, 31 de octubre de 2012

Presentación de los contenidos de la semana 6/7

Ya está publicado el vídeo de presentación de los contenidos de la semana 6 del curso. Si consultas el calendario del curso verás que aparece como semana 7, porque en esta primera edición del curso hemos tenido que hacer un pequeño paréntesis, como te expliqué en un correo anterior.

Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado, lo puedes hacer a través del calendario del curso. Por otro lado, tienes todos los vídeos de la semana 6 organizados en una lista de reproducción en YouTube.

Esta semana comienza la programación web de verdad, ya que empezamos con el lenguaje de programación JavaScript.

Esta semana también probamos algo nuevo: preguntas insertadas en un vídeo. En concreto, el vídeo sobre historia de JavaScript y el vídeo sobre el objeto Number tienen preguntas insertadas. ¿Qué opinas? ¿Crees que es interesante? Deja un comentario con tu opinión en cualquiera de los dos vídeos.

Por último, ya tienes publicada la quinta práctica del curso que está dedicada a la validación de formularios con JavaScript. Estaba planeado publicar un vídeo explicando la validación de formularios, pero no ha dado tiempo. No es un problema, porque en la práctica está muy bien explicado cómo acceder a los controles (campos) de un formulario.

Os íbamos a plantear una pregunta, pero como "se ha caído" todo Google (YouTube, GMail, AppEngine, Blogger) no es posible acceder al blog del curso. La próxima vez será...

Suerte con la práctica, la programación con JavaScript puede llegar a enfadar al más experto programador.

Presentación de la semana 6:


martes, 23 de octubre de 2012

Ajuste del curso

Estimado alumno,

Este correo lo escribo en mi nombre y no en nombre del equipo de iDESWEB, ya que como coordinador soy el responsable último del curso. O como dice el refrán, la victoria tiene muchas madres y la derrota es huérfana.

La última semana los materiales del curso no se han publicado a un ritmo adecuado. Se han juntado varias cosas: por una lado, los materiales no han llegado a tiempo, o incluso algunos no han llegado; por otro, yo me he embarcado en otro proyecto, y el plan que tenía para realizar aquellos materiales que no hiciesen otras personas no lo he podido cumplir en su totalidad.

Respecto a lo primero, en breve os avisaré del nuevo proyecto, ya que os puede interesar: tres nuevos MOOCs, con certificación digital, no oficial, pero al menos podréis demostrar que habéis realizado el curso. Es muy probable que alguno de estos cursos os pueda interesar. Ya os avisaré.

Respecto a lo segundo, la semana pasada he estado muy ocupado preparando unos vídeos que creo que os gustarán. Por un lado, un vídeo en el que muestro un centro de datos (data center) por dentro, algo que no podemos ver todos los días. El miércoles 17 de octubre, justo el día que yo estaba grabando el vídeo, Google publicó un sitio web y unos vídeos en los que muestra sus centros de datos. Os lo recomiendo, pero no esperéis que todos los centros de datos sean así: Google es Google.

Por otro lado, un vídeo con unas indicaciones básicas sobre diseño y tipografía digital. Ambos vídeos están ahora mismo en fase de preparación de materiales adicionales, edición y montaje, y tardarán algunas semanas en ser publicados. Ya os avisaré.

Para compensar este retraso en el curso, y para contentar a algunos que me lo han pedido, he preparado unos vídeos sobre diseño adaptable o adaptativo (responsive design). En principio, esto no estaba en la lista de materiales prioritarios, pero ahí lo tenéis. Aviso: los diseñadores y desarrolladores llevan más de 10 años haciendo sitios web sin el diseño adaptativo, así que no obsesionaros con él. Y para los que estáis empezando en el desarrollo web, no empecéis la casa por el tejado, posponed el diseño adaptable para más adelante.

Los vídeos de la semana 5 del curso ya están publicados en su totalidad, a falta de alguno más que pueda llegar en los próximos días. Y también están completas las páginas en el sitio web.

Y ahora la parte mala: esta semana va a ser de transición, debido al retraso acumulado. El tema de JavaScript comenzará el próximo lunes 29 de octubre (en breve cambiaré el calendario del curso). Debido a ello, la última semana del curso se tiene que distribuir en las semanas anteriores, ya que el curso debe acabar antes de final de año.

Este reajuste no lo considero muy perjudicial. Además, creo que será beneficioso para muchos alumnos, ya que algunos me han comentado que no pueden seguir el ritmo del curso o incluso se han visto obligados a abandonarlo. Esta semana de transición creo que puede ayudar a muchos alumnos a ponerse "al día", al igual que a los profesores.

No os preocupéis, el curso "no está en peligro" y cumpliré mi compromiso con él. El compartir con todos vosotros esta nueva forma de educación y aprovechar al máximo las tecnologías actuales es un elemento muy motivador para continuar.

Por último, el formulario para apuntarse al curso sigue abierto, pero para la segunda edición, que si no pasa nada, comenzará en febrero.

Un saludo,
Sergio Luján Mora,
coordinador del curso iDESWEB

martes, 16 de octubre de 2012

Presentación de la semana 5

Ya está publicado el vídeo de presentación de los contenidos de la semana 5 del curso.

Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado, lo puedes hacer a través del calendario del curso. Por otro lado, tienes todos los vídeos de la semana 5 organizados en una lista de reproducción en YouTube.

Esta semana hemos sufrido un pequeño retraso, y ahora mismo tampoco están todos los vídeos que teníamos pensado como mínimo para esta semana. Para cada semana, tenemos una lista de vídeos que consideramos que, como mínimo, debemos tener hechos. A lo largo de los próximos días se publicarán algunos de los que faltan, aunque puede ser que alguno tarde varias semanas. Ya os avisaremos cuando estén publicados.

Esta semana se compone de tres partes. Hemos preparado unos vídeos que consideramos que son "CSS avanzado" en el sentido de que van más allá de lo que se suele explicar en un curso normal sobre CSS.

También hemos preparado unos vídeos sobre las nuevas características de CSS3. Igual que ocurre con HTML5, hay que llevar mucho cuidado con el uso de las nuevas características, ya que muchas requieren el uso de la última versión de los navegadores. Nuestro consejo: en caso de duda, mejor no usar una característica nueva.

Finalmente, hemos preparado unos vídeos sobre frameworks de CSS, en concreto, un vídeo sobre el framework 960.gs, que además también explica lo que es el diseño basado en rejilla, y un vídeo sobre el framework Bootstrap, que es el usado por Twitter.

Recuerda que además de ver los vídeos que hemos preparado, debes consultar los vídeos y lecturas que te recomendamos.

Por último, ya tienes publicada la cuarta práctica del curso que está dedicada a CSS. En esta práctica debes desarrollar un CSS alternativo para las páginas de tu aplicación web (en realidad, puedes hacer todos los que quieras, cuantos más hagas, más aprenderás). En este CSS ya sí que tienes que incluir la maquetación de la página. Además, también debes realizar un CSS alternativo optimizado para la impresión de la página.

Y ahora, una pregunta, para que la contestes en los comentarios de esta entrada: ¿por qué hemos separado la realización del CSS es dos prácticas?, ¿por qué es interesante desarrollar por un lado la parte del CSS relacionada con los colores, tipografía, bordes, etc., y por otro lado la parte relacionada con la maquetación?

Presentación de la semana 5:

lunes, 8 de octubre de 2012

Presentación de la semana 4

Ya está publicado el vídeo de presentación de los contenidos de la semana 4 del curso.

Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado, lo puedes hacer a través del calendario del curso. Por otro lado, tienes todos los vídeos de la semana 4 organizados en una lista de reproducción en YouTube (en el momento de enviar este correo se están subiendo algunos vídeos a YouTube).

Esta semana el curso se pone muy, muy interesante, porque empezamos a trabajar con una nueva tecnología, CSS, Cascading Style Sheets, las hojas de estilo en cascada. CSS se emplea para definir la presentación de una página HTML. CSS también se emplea para la presentación de un documento XML, pero eso se explicará en otro curso que estamos preparando sobre XML...

El World Wide Web Consortium (W3C) es el encargado de desarrollar CSS, y al igual que ofrece el validador de HTML, también ofrece un validador de CSS.

Otros vídeos que hemos preparado para esta semana son los de alojamiento (hosting), propiedad intelectual y usabilidad.

Por último, hemos preparado otro vídeo sobre el juego de caracteres, HTML: ¿migrar a un nuevo juego de caracteres?, que lo hemos añadido a la semana 3 del curso, con el resto de vídeos dedicados al juego de caracteres.

Recuerda que además de ver los vídeos que hemos preparado, debes consultar los vídeos y lecturas que te recomendamos.

Por último, ya tienes publicada la tercera práctica del curso que está dedicada a CSS. En esta práctica debes desarrollar un CSS para las páginas de tu aplicación web que hiciste en la práctica anterior. Muy importante: en esta práctica te debes centrar en el aspecto visual (colores, tipos de letra, tamaños, bordes, márgenes), pero la maquetación (layout) la plantearemos en la siguiente práctica de CSS.

Presentación de la semana 4:


viernes, 5 de octubre de 2012

Desarrollar un buen sitio web no depende sólo del HTML que se sepa

Cuando ya se sabe, escribir no es difícil: simplemente hay que saber juntar las letras en combinaciones válidas (las palabras), que a su vez se juntan en combinaciones válidas más complejas (las frases), que a su vez se juntan en combinaciones todavía más complejas (los textos). Si estás leyendo este mensaje, es obvio que sabes leer y escribir. Pero, ¿podrías escribir una novela que cautivase el interés de millones de personas? (vamos a obviar el hecho de que aunque escribas una novela muy buena, luego no es fácil que te la publique una editorial importante si eres un desconocido)

Una cosa es saber escribir, y otra muy distinta es escribir un texto que transmita "algo especial".

Con las páginas web ocurre lo mismo. Todas las páginas web se escriben con las mismas etiquetas y atributos de HTML. Y sin embargo, hay páginas web que nos impactan y que recordamos, mientras que hay muchas otras que pasan desapercibidas y que olvidamos rápidamente.

¿Qué hace que un sitio web sea especial? Muchas cosas.

Te recomiendo las siguientes infografías, sus consejos te ayudarán a crear sitios web especiales:
  • The Anatomy of an Effective Homepage: la página principal (homepage) es lo primero que van a encontrar muchos de los visitantes de tu sitio web. Por tanto, se debe tener especial cuidado en su diseño y estructura. En esta infografía se identifican ciertos elementos que ayudan a crear una página principal de calidad.
  • The Blueprint for a Perfectly Testable Landing Page: la página de aterrizaje (landing page) es la página de un sitio web a la que llega un visitante después de haber pulsado en un enlace de otro sitio web, normalmente en un anuncio (banner), o desde los resultados de un buscador, ya que suele estar muy bien posicionada. Esta página suele ser una extensión del anuncio desde el que se ha llegado, por lo que está muy centrada en ofrecer un servicio o producto concreto. En esta infografía se analizan los componentes principales que debe tener una buena página de aterrizaje.
  • What Makes Someone Leave A Website?: un visitante ha llegado a tu sitio web, pero ahora tienes que retener su interés, ¿cómo se puede lograr? En esta infografía te explican lo que no debes hacer, te explican los errores más típicos.
¿Qué opinas de todo esto? ¿Conoces algún artículo con consejos para lograr que un sitio web triunfe?

Deja un comentario en esta entrada con tu opinión.

lunes, 1 de octubre de 2012

Presentación de la semana 3

Ya está publicado el vídeo de presentación de los contenidos de la semana 3 del curso.

Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado, lo puedes hacer a través del calendario del curso. Por otro lado, tienes todos los vídeos de la semana 3 organizados en una lista de reproducción en YouTube.

En esta semana empieza a complicarse el curso ligeramente. Hemos preparado un vídeo sobre el juego de caracteres, que suele causar pesadillas a muchos informáticos. El juego de caracteres es un tema muy complejo, por lo que en el vídeo que hemos preparado sólo nos hemos centrado en ofrecerte dos consejos básicos que te ayudarán a evitar tener problemas.

Por otro lado, en esta semana también hemos preparado unos vídeos sobre la validación del código HTML y sobre la importancia de escribir código HTML. La validación es muy importante, te va a ayudar a lograr que tus páginas web se visualicen correctamente con los navegadores actuales y los futuros. Sin embargo, cuando empieces a aprender HTML "te puedes relajar" un poco y no te debes "obsesionar" con la validación, pero en algún momento sí que te debes obsesionar.

Recuerda que además de ver los vídeos que hemos preparado, debes consultar los vídeos y lecturas que te recomendamos.

Por último, ya tienes publicada la segunda práctica del curso que está dedicada al lenguaje HTML. En esta práctica debes comenzar a implementar las primeras páginas de tu aplicación web. Para ello, te deberías de basar en los diagramas que has realizado en la práctica anterior.

Presentación de la semana 3: