Todas las entradas por miguelmich

Acerca de miguelmich

me gusta programar la web, diseño gráfico, el metal, viajar, tocar mi guitarra.

Manejo de JavaScript potenciado con jQuery

Salu2 a todos, yo sé que estaban esperando este post, les anticipo que es uno de muchos que vamos a escribir aquí, primero vamos a aclarar varios conceptos.

 

¿Qué es JavaScript y donde se ejecuta?

Este es un lenguaje interpretado, es decir, no requiere compilación, y se ejecuta en el lado del cliente más especificamente en el navegador, otro detalle importante apareció en el 95 y adivinen quien lo creó nada más y nada menos que Netscape los de Mozilla Fundation, anoto un punto a favor.

 

¿Qué es jQuery y con qué se come eso?

Esta es una librería o más bien un framework basado en JavaScript y nos permite potenciar y simplificar este código en varios aspectos:

  • Selección de elementos HTML (DOM)
  • Muchos efectos y animaciónes
  • Manejo simplificado de la técnica AJAX
  • Manejo de hojas de estilo en cascada CSS
  • Interacción con elementos

Teniendo una idea básica del lenguaje y su hijo pródigo podemos empezar con lo necesario para incluirlos en nuestros proyectos.

Sigue leyendo Manejo de JavaScript potenciado con jQuery

Clase 3 – Introducción a PHP

Como les comenté en la clase anterior vamos a tener un cambio de metodología en el semillero, vamos a intercalar dos temas fundamentales es decir, una semana vemos maquetación y estilización y la otra semana vemos procesamiento lógico y PHP. Entonces en esta ocación les voy a explicar lo básico de PHP y como ejecutarlo desde sus pcs.

¿Qué es PHP?
Este es un lenguaje interpretado originalmente diseñado para crear sitios web dinámicos se ejecuta del lado del Servidor.

Sigue leyendo Clase 3 – Introducción a PHP

Clase 2 – Introducción al código CSS

En esta clase vamos a trabajar sobre la estructura anterior y la vamos a ir mejorando hasta lograr muchos de los elementos comúnes que vemos en los sitios web, para esto vamos a utilizar básicamente la misma técnica de maquetación y vamos a ir consultando varias propiedades y etiquetas.

Empezamos con la estructura inicial:

Esta es la maqueta (layout), del ejercicio anterior, como podemos observar es una estructura conformada por:

– Un bloque contenedor
– Tres bloques distribuídos horizontalmente
– Un bloque con la propiedad clear: both;

El último div con la propiedad clear: both; lo que hace es decirle que a partir de este bloque no permite elemento flotantes ni a la izquierda ni a la derecha haciendo que el resto de elementos a partir de este se distribuyan de manera líneal.

Sigue leyendo Clase 2 – Introducción al código CSS

Saludos a todos los parcer@s del semillero web…

Saludos a todos los parcer@s del semillero web del politécnico Jaime Isaza Cadavid y en general a todos los internautas que cayeron en este hueco por casualidad de Google, este es el nuevo y espero único blog no solo del semillero sino también de una nueva comunidad aficionada al desarrollo web.

Para los peresosos que no les gusta aprenderse la URL tan sencilla http://www.recetaweb.wordpress.com, pueden suscribirse vía e-mail, twitter y facelook entre otras carajadas, así que no hay disculpa compañeros, además para poner esto un poco más interesante vamos a colgar noticias que tengan que ver directamente con nuestro medio geek y de desarollo.

Bienvenid@s

Clase 1 – Maquetación Básica con HTML & CSS

Saludos,

En la primera clase se habló de la importancia de separar dos grandes lenguajes el HTML y el CSS, el primero dijimos que se trataba de un lenguaje para estructurar y el segundo para dar estilo a la estructura. Son conceptos básicos que tenemos que tener en cuenta a la hora de programar y complementar con una apariencia gráfica (Interfaz de usuario) agradable.

 

 

En el primer código de ejemplo encontramos una estructura básica pero con estilo, ubicada en el sector “encabezado” del sitio que estamos diseñando. Se trata de 3 bloques (Etiquetas <div></div>) iguales que encierran: un encabezado (<h1>), un párrafo (<p>) y un hipervínculo (<a>).

Sigue leyendo Clase 1 – Maquetación Básica con HTML & CSS