Este post, es tanto de opinion como de aprendizaje ya veran porque.

Hace tiempo cuando empece a aprender HTML, arendi muchas “tags”, center, b, i, font, etc, lo mismo tambien aprendi que tienen muchos atributos.Posteriormente segui, experimentando con mas cosa, imagenes, tablas entre otras cosas.

Jugue con Dreamweaver, y ahi fue donde empece a desarrollar un par de sitios web, sin embargo como fui aprendiendo, mas y conoci las capas o divs.

Llegue a pensar que usar para maquetar una web, ¿Tablas o Divs?.

Alguien algun dia dijo, las tablas son para volcar datos y los divs o capas son para pocisionar contenido, y pensemos por un momento WordPress usa divs, no tablas.

Un post de Maestros del web nos dice los siguiente respecto a el uso de las tablas

Las tablas fueron creadas para agregar contenido tabular en una página, no para acomodar elementos gráficos, ni para distribuir el contenido en tu layout. He tenido el infortunio de encontrarme con páginas que para conseguir su diseño final usan hasta 30 tablas anidadas. Recuerda que los navegadores consideran todo lo que está dentro de una tabla como un solo elemento, y no lo muestran hasta que se ha cargado por completo la tabla. Tus visitantes pueden ir a tomarse un café antes de que termine de cargar todo tu contenido.

Y en el mismo post dicen lo siguiente sobre los Divs o capas:

Esta etiqueta tiene un fin muy particular, sirve para identificar bloques de información que pertenecen a un mismo entorno lógico ó jerárquico. Por ejemplo <div id=”menu_principal”> ó <div id=”articulos”>. Desafortunadamente es muy común verlo utilizado para colorear backgrounds, o para escribir encabezados.La regla: Los DIV dividen tu página en sectores con uso ó contenido similar.

Sin duda, creo que no deberia haber paginas maquetadas con tablas, y les confieso yo aqui en este blog uso dos tablas para presentar diseño , no de todo el blog pero si de una pequeñita parte, prometo ir pensando a moverlas a Css y divs, pero como usar CSS, como es mas complejo y tambien por falta de tiempo no lo he hecho.

Bueno fue una reflexion y una ayuda apara los que van empezando y no saben que onda con esto de la maquetacion.

Fuente de la informacion | Definiendo Estandarización

Como se habrán dado cuenta, llevo un par de días sin actualizar el blog, eso no esta bien, sin embargo no he tenido mucho tiempo, estoy bastante saturado.

Les platico unas cosas que de seguro ni les interesan pero para que vean que no me la he pasado durmiendo jaja.

1. Ya me entregaron mi casa!!!!, esta chiquita pero por algo se empieza, todo en menos de 1 mes la verdad todo el tramite fue fácil y rápido, Muchas gracias a Sergio Garcia(mi asesor) que nos ayudo en todo.
2. Ya casi ponemos fecha de la boda con mi novia Suly.
3. Llegamos a 107 Lectores de Feeds, Ojala y sigan creciendo por que viene muchas cosas mas. ¿No te has suscrito? Suscríbete !!que esperas!!
4. Compre un dominio donde ustedes, podran hacer mil cosas, es para compartir, luego les pasare mas detalles.
5. Me pelee con los mapas de virtual earth, porque cada version le cambian las cosas a su manera y ya no funciona igual.
6. La segunda entrega del manual de Php y MySQL esta en proceso(como les digo, me falta tiempo)
7. Se me olvidaba, Ya casi esta listo la presentacion de los miniposts o asides, como no se me da muy bien el CSS

Ahora veamos el objetivo de este post.

Hace tiempo vi este video, pero lo olvide, hasta anoche cuando lo encontre nuevamente, se trata de como esta desarrollado linux realmente visto desde una manera, muy amigable, el video esta hecho por IBM.

Ahí se los dejo.

Saludos seguimos en contacto

Via | El niño prodigio

Varios lectores me han pedido que si no hacia un manual de php, sin embargo como ha veces no tengo mucho tiempo, pues prefiero no poner mas manuales por que de por si, con los de Javascript, y Xul, ando algo atrasado.

Sin embargo como me gusta compartir, pues aqui les pongo un manual con lo necesario para poder conectarnos con php, a una base da datos MySQL y formatear los resultados a nuestro gusto, bueno empecemos.

Primero que nada, necesitamos haber instalado y configurado Apache, Php y MySQL, si no saben como hacerlo, pueden checarlo en este post.

Manual de instalacion y configuracion de apache con windows

Ahora veamos el problema

Necesitamos llevar un control de 20 alumnos de la escuela “Ajax-SQL”, este control sera llevado a cabo por el maestro el cual nos ha pedido, que elaboremos un sistema que nos permita dar de alta a los alumnos asi como sus calificaciones mediante una intranet o una pagina web donde los administradores, en este caso los maestros, puedan dar sus datos y accesar a una zona privada donde podran hacer los cambios que deseen.

Para empezar primero necesitamos saber lo mas basico, he ir armando parte por parte, asi que empezaremos por la creacion de la base de datos y el volcado de los mismos.

Como ya tenemos instalado todo lo que vamos a ocupar, vamos a empezar por crear la base de datos, a la cual llamaremos “Alumnos”, esto lo podemos hacer mediante un SQL, ya se por linea de comandos o mediante una interfaz grafica, por facilidad y disponibilidad de herramientas les recomiendo usar una GUI.

En mi caso en el trabajo cuando uso Windows uso, MySQL Front, software el cual esta descontinuado, sin embargo todavia pueden conseguir este software en la web, y se lo recomiendo por que simplemente era y es el mejor para manipular bases de datos desde Windows si usan linux pues el Mysql Administrator el cual lo pueden obtener gratuitamente desde el sitio de MySQL AB.

Entonces creamos la base de datos y le agregamos una tabla llamada “Calificaciones”, con 6 campos, que son

• ID_Alumno
• Nombre
• Parcial1
• Parcial2
• Parcial3
• Promedio

Sin embargo se que muchos tendran dudas, ¿Como creo la base de datos, como agrego la tabla, si no tengo GUI, etc?

Bueno las mismas instrucciones pero ahora con codigo SQL

Creamos la base de datos

create database “Alumnos”;

Seleccionamos la base de datos
use Alumnos;

Creamos la tabla

CREATE TABLE `calificaciones` (
  `ID_Alumno` int(11) NOT NULL auto_increment,
  `Nombre` varchar(40) default NULL,
  `Parcial1` int(11) default NULL,
  `Parcial2` int(11) default NULL,
  `Parcial3` int(11) default NULL,
  `Promedio` int(11) default NULL,
  PRIMARY KEY  (`ID_Alumno`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;

Con lo anterior hemos creado una tabla con 5 campos, el primero es la clave primaria, osea que no se repetira nunca en la tabla, ademas es auto-incrementable, ademas no puede ser nulo; el siguiente camo llamado nombre, es de tipo varchar lo que significa que contendra unicamente texto y tendra la capacidad que le indiquemos en este caso 40 caracteres, los otros son campos enteros.

Ahora procederemos a llenar la base datos usando sql:

INSERT INTO `calificaciones` VALUES (1,'Tux',10,8,8,9);
INSERT INTO `calificaciones` VALUES (2,'Ajaxman',7,5,9,7);
INSERT INTO `calificaciones` VALUES (3,'Javier',8,9,10,9);
INSERT INTO `calificaciones` VALUES (4,'Debian',10,10,10,30);

Nota como tenia sueño solo agregue 5 pero haganlo con mas datos (20) para ver mas a detalle como funciona
Una vez, hecho este tenemos los datos suficientes para empezar a trabajar

Creamos nuestro archivo php, haciendo una conexion a la base de datos

Archivo Consulta.php

Francis Cheng, anuncia la liberacion de la especificacion ECMAScript 4, en su segunda etapa, la cual nos trae muchas mejoras:
Completa Implementacion de:

• classes and interfaces
• namespaces
• pragmas
• let, const, let-const
• iterators
• enumerability control
• type expressions / definitions / annotations
• runtime type checks (“standard mode”)
• nullability
• destructuring assignment
• slice syntax
• hashcode
• catchalls
• map & vector
• date & time improvements
• meta objects
• static generics
• string trim
• typeof
• globals
• expression closures
• name objects
• type operators (is / to / cast / wrap)

Implementacion en parte:

• inheritance checking
• strict mode
• type parameters
• structural types
• numbers & decimal
• getters & setters (structural part is incomplete)
• packages

Implementado parcialmente:

• program units
• generic function
• updates to unicode
• updates to regexps

No implementado:

• generators
• tail calls
• triple quotes
• stack inspection
• reformed with
• resurrected eval (eval exists but may be wrong)
• help for the argument object
• “this function” / “this generator”

Nota: Esta en ingles por que se comprende mejor su funcionalidad en Javascript.

Tambien les dejo un video de muy larga duracion 58 Minutos, que esta en ingles pero vemos ejemplos de las mejoras hechas a Javascript o sea ECMAScript

Cuantas veces los programadores no hemos tenido que hacer el famoso “Hola mundo”, muchas veces verdad.

Es como lo que siempre hay que hacer al empezar con cualquier programa.

En la web seria algo como

Hello World

En ajaxian han puesto una particular muestra de “Hola mundos”‘s dividida en años primero fue HTML luego con javascript y termino con algo totalmente diferente, y nos preguntan como sera para el 2010?
Tal vez con jaxer y Javascript-Ajax en el server? no lo se pero les dejo los códigos de los Hola mundo, claro los puse en español.

1998

HTML:

Hola Mundo!

2000

//Javascript

var myText = "Hola Mundo";
var _textNodeParent;
var docNodes = document.childNodes[1].lastChild.childNodes;
for(var j=0; j
2003
//Javascript

var miTexto = "Hola Mundo";
document.getElementById('layer_main').innerHTML = miTexto;

2008
//Javascript

myVp = new Ext.Viewport({
  layout:'fit',
  autoHeight:true,
  id:'myVPid',
  items:[
    new Ext.XTemplate('',
        '{text1}{text2}{text3}',
        '').overwrite(Ext.get('layer_main'),{text1:'Hola',text2:' ',text3:'Mundo'})
  ]
});

Via | Hello World: yesterday, today and tomorrow

Via mail, me ha llegado este listado con frases de los programadores, talvez ya las hayan visto en otro lado, pero pues da igual aqui las pongo.

Nota: La ultima la gregue yo.

• ¡Qué raro!
• ¡Antes funcionaba!
• Hay sólo unas cositas que arreglar.
• ¿Cómo ha pasado esto?
• ¡Tiene que ser un fallo de hardware!
• ¡Vosotros debéis haber hecho algo mal!
• Pero, ¡si no he cambiado nada en esta subrutina!
• Si, va a estar para ese día.
• ¡Tenemos que encontrar alguna versión antigua!
• Además de que no funciona, ¿qué te parece?
• ¡Es solo un asunto estético!
• ¡Casi terminé!
• Como no, solo me falta incorporar los últimos cambios.
• ¡Vamos con retraso!
• Tengo algunos problemas con el espacio de memoria.
• Tengo problemas con demoras.
• En este momento estamos depurando la función.
• ¡No se puede probar todo!
• ¡Esto no puede haber afectado a aquello!
• ¡Estaba convencido de que lo había arreglado!
• Está incluido, sólo que no está probado.
• ¡En realidad funciona bien, aunque no lo parezca!
• Y este lo agregue yo.En mi maquina si funciona

Gracias Suly por el mail

Esto lo escribo rapidamente, hoy revise mis lectore de feeds y me quede helado, al ver que mis suscritos lo cuales ya rondan los 100 bajaron mucho.

Lo mas raro es que mis visitas siguene en aumento, pense que talvez es mi culpa, sin embargo, revisando otros blogs, que normalmente leo, veo que sus lectores de feeds tambien han bajado bastante

Por ejemplo

Puntogeek, tenia como 4500 bajo a 3260
FrancesJosep hiba arriba de los 100 y bajo a 80
Entre otros.

Algo paso con feedburner?

Se me hace muy raro esta bajada.

Si les ha sucedido lo mismo porfavor comenten, para ver si no es algo solo de este blog.