Primera clase del Curso Gratuito de Introducción al Desarrollo Web, en la que ofrecemos una charla que trata sobre diferentes nociones básicas relacionadas con el mundo de Internet y la web en general. Luego se introduce y comenta los distintos pasos del ciclo de vida de un desarrollo web, con las relaciones entre éstos y las clases del curso.

Esta charla fue impartida por Miguel Angel Alvarez @midesweb, fundador de DesarrolloWeb.com y co-fundador de EscuelaIT, la iniciativa para la formación tutorizada del equipo de DesarrolloWeb.com.

Qué es Internet, qué es la Web

La primera de las clases comenzó haciendo un breve acercamiento al contexto donde se desarrollan los proyectos web, osea a la Red de Redes y a la propia web. En el tiempo de la charla no es posible ofrecer muchos detalles, pero sobre Internet se hizo hincapié en explicar el sistema de dominios.

En Internet cada ordenador o dispositivo conectado tiene una dirección IP, compuesta por varios bloques de números. Sin embargo para los humanos es más fácil de recordar nombres y para ello se crearon los dominios. Para hacer la correspodencia entre nombres de dominios y direcciones IP en Internet se usan los servidores de DNS.

Sobre la web se aclaró que es un sistema de "hipertexto" con una serie de páginas conectadas por medio de los "hiperenlaces". Aunque nos dedicamos a ofrecer sobre todo una lista de características que hacen la web diferente a cualquier otro de los medios de comunicación. Entre otras características se destacó su universalidad, jerarquización democrática, multimedia y donde el espectador adquiere un papel activo como consumidor de la información.

Ciclo de vida de un desarrollo web

La segunda parte de la charla estuvo dedicada a describir el ciclo de vida que se desarrolla en la construcción de un proyecto en Internet, desde su concepción hasta su divulgación. Este ciclo de vida lo constituyen todas aquellas fases que los profesionales tienen que llevar a cabo para poner en marcha una iniciativa en la Web.

Lo interesante de esta exposición es que hizo corresponder el ciclo de vida con cada una de las charlas que se van a ver en el curso, por lo que nos sirvió como introducción a todos los temas que vamos a tratar y nos permitió conocer un poco mejor a los profesores que van a impartirlos. La idea es que las personas que vean esta charla tengan más o menos claro de antemano que existen muchas etapas en la creación web y que cada una de ellas requiere unos conocimientos y el dominio de diversas herramientas, tecnologías y lenguajes.

Como se explicó, el ciclo de vida se puede exponer de manera lineal, pero realmente no tiene que ser siempre así y de un paso podemos pasar a otro y luego volver al anterior o irnos dos pasos para adelante, todo debido a las características del proyecto, nuestras costumbres como desarrollador, el equipo de trabajo en el que nos encontremos o las necesidades de los clientes. Sin embargo, por concretar un poco más, se describieron los siguientes pasos:

Definir el tema del proyecto: Es la fase en la que pensamos qué es lo que queremos hacer, pensamos en las distintas ideas que podemos tener para poner en marcha un proyecto o aquello que podamos ofrecer y que de sentido al proyecto en la Web.
- Clase 2: "Practice Safe Design", Naiara Abaroa @nabaroa

Poner en orden ideas y objetivos: Una vez tuvimos claro en el paso anterior qué es lo que queremos hacer, debemos pensar cómo lo queremos llevar a cabo. Cuál es la línea de comunicación más adecuada para cubrir los objetivos.
- Clase 4: "No pienses con tu ombligo", Erick Rubio @erickojitoz

Fase de diseño, concepción creativa del sitio: Es la parte donde podemos poner en marcha nuestras dotes creativas y definir la estética que vamos a utilizar en el sitio web.
- Clase 3: "El proceso del diseño web", Daniel Martínez @Wakkos
- Clase 5: "Brochas y pinceles para pintar la web" (herramientas diseño), Joan León @nucliweb

Fase de implementación: Manos en el código, vemos cuáles son los principales lenguajes, herramientas y la clasificación de tecnologías que nos servirán a implementar un proyecto web.
- Clase 7: "El poder del HTML", Enrique Fdez Guerra @CKGrafico
- Clase 8: "Separando contenido de la presentación" (CSS), Sandra Guerrero @esandracom
- Clase 9: "Odio eterno al WYSIWYG" (Editores de código), Pablo Bernardo @voylinux
- Clase 13: "Javascript mitos y leyendas", Erick Ruiz de Chavez @erickrdch
- Clase 14: "Programar en el servidor", Daniel Ruiz @MrViSiOn2

Fase de publicación: El sitio lo hemos armado en nuestro ordenador, generalmente lo tenemos en nuestro disco duro así que tendremos que subirlo a un servidor para que esté disponible en Internet para cualquiera que lo desee visitar.
- Clase 10: "Protocolo FTP y otros conocidos del desarrollador", José Dimas Luján @josedlujan
- Clase 6: "Maravilloso mundo de los servidores" (dominios y hosting), Miguel Angel Alvarez @midesweb

Fase de divulgación: Hacemos un sitio web para que reciba visitas, de modo que será importante que sepamos cuáles son las herramientas más importantes para que las personas lo conozcan y para que los buscadores lo muestren entre sus resultados.
- Clase 11: "Quiero que el mundo conozca mi web" (Marketing online), Vanesa Gallego @vanegm
- Clase 12: "Quiero que mi web aparezca (y bien) en Google" (SEO), Javier Martínez Seco @javierMrt

Volver a empezar: El mundo del desarrollo no tiene fin, cuando acabamos con cualquier proyecto siempre hay tareas que reformular, mejorar, actualizar. Del mismo modo, los desarrolladores cuando tenemos clara una tecnología siempre tenemos que mirar adelante en la búsqueda y aprendizaje de las siguientes tecnologías que nos facilitarán la vida y nos harán mejores desarrolladores.
- Clase 15: "Los CMS marcan la diferencia" (Gestores de contenido), César Cancino @cesar_cz
- Clase 16: "Por dónde continuar", Javier Mendoza @cyxmedia

Diapositivas utilizadas

Durante la charla se utilizaron materiales de apoyo que vinieron de dos fuentes, una presentación de diapositivas realizada con Google Drive y una infografía en una imagen que se realizó con Photoshop. Los enlaces a estos materiales los encuentras a continuación:

1. Diapositivas del primer bloque de la charla
2. Infografía del ciclo de vida del desarrollo web (Si la infografía no cabe en la anchura de tu pantalla, haz zoom: CTRL -)

Vídeo de la clase

A continuación encuentras el vídeo en HD de la primera clase de este curso.