Diseño y Programacion Web

programacion web html js css

La programación web es un arte demasiado variado. Va desde el backend (PHP, Ruby, Python, etc) hasta el frontend (HTML, CSS, Javascript) y frameworks como AngularJS, Twitter Bootstrap y demás. En este curso vamos a aprender sobre todos, paso a paso para convertirnos en programadores y parte diseñadores y maquetadores web.

  • Clase 1 – Introduccion a Web: Si bien en este tutorial enseñaremos las dos cosas, es importante saber que si bien estan integrados, no son lo mismo, ni una es mejor que la otra. El diseño web abarca todo lo que es maquetacion y previo diseño del template (plantilla) en programas como Illustrator o Photoshop. Esto lo puede cubrir tanto un diseñador grafico, un ilustrador o directamente un diseñador web. Luego esta la parte de programación web. Es muy sencillo diferenciarlo, y es donde mas vamos a hacer incapie. El programador web tambien maqueta. Usa HTML y CSS para maquetar sus sitios web. Luego nos meteremos a fondo en el tema. Por ahora es importante entender que un programador web suele utilizar lenguajes de programación tales como Ruby, Perl, PHP, Java entre otros.
  • Clase 2 – Conociendo HTML: HTML es nuestro lenguaje de programacion web por defecto. Mucha gente les va a decir que HTML no es un lenguaje. Hasta HTML 4 no existio el concepto de lógica. No podiamos sumar numeros, restar, procesar datos como lo hariamos con PHP. El problema es que HTML no es para eso. Se trata de un lenguaje de markup o marcado en el que declaramos los elementos que se mostraran en la pagina. Sin HTML, no hay sitio visible. Es el responsable de la creacion de formularios, parrafos y demas elementos que vemos en un sitio web.
  • Clase 3 – Elementos principales de HTML: En la clase anterior mencione HTML4. Debo aclarar que trabajaremos todo el tiempo con HTML5. La diferencia entre uno y otro es que se quitaron algunas etiquetas y se reemplazaron por otras mas amigables con todos los dispositivos. Ademas se agrego Canvas, algo que veremos mucho mas adelante. Cuando estemos mucho mas avanzados vamos a desarrollar juegos con la potencia de esa herramienta. Ahora bien, sigamos creando tags.
  • Clase 4 – Formularios en HTML: Crear formularios en HTML nos permite ingresar y procesar datos. Vamos a ver cada elemento en particular y luego los vamos a unir para crear un formulario completo.
  • Clase 5 – Formularios en HTML (parte 2): En la clase anterior logramos crear un formulario de login. Si bien siempre hablamos de muchos atributos, en la practica siempre podemos acudir a la W3C por si olvidamos alguno. Recuerden que nadie sabe todo y no se vuelvan locos al querer memorizar cada etiqueta, todo es un proceso. Hoy vamos a tratar con los controles mas avanzados de formulario: radio buttons, select, checkboxes y textarea.
  • Clase 6 – Introduccion a CSS: Sabemos que HTML es muy poderoso en cuanto a la facilidad de mostrar elementos en pantalla. Pero la necesidad de darle un estilo a los sitios produjo el nacimiento de CSS.
  • Clase 7 – Integrando CSS y HTML: En esta clase vamos a reunir los conocimientos anteriores y empezar a integrar html con css.
  • Clase 8 – CSS a fondo: Este camino recien empieza. Todavia quedan muchas cosas importantes que conocer para ser un programador y diseñador web integro. Pero lo importante es que se diviertan aprendiendo y probando.
  • Clase 9 – Alineando con CSS: Sigamos aprendiendo los principios de alineamiento con css.