PROGRAMACION FACIL

Construya un WebService Con PHP. 2a Parte - SERVIDOR SOAP SENCILLO

2012-06-14T08:29:00.000-05:00

Servidor SOAP en PHP

Vamos a crear un servidor SOAP sencillo de aprender a utilizar las capacidades del servidor de base de PHP SOAP. En esta sección se le dará una idea de y te preparará para el resto del tutorial.

Creando un servidor

Un servidor simple toma una solicitud SOAP y devuelve una respuesta. Crear una aplicación simple eco que tiene en una cadena y lo devuelve con la palabra ECHO clavada en el frente. Cree un archivo denominado simple_server.php, y definirlo como se muestra a continuación.

Listado 2. Un servidor SOAP sencillo

                    
<?php

function echoo($echo){
    return "ECHO: ".$echo;
}

$server = new SoapServer(null,
                         array('uri' => "urn://tyler/res"));
$server->addFunction('echoo');
$server->handle();

?>

El primer punto es la función echoo. Devuelve la cadena que se le pasa y ECHO agrega: al frente de la misma. Por otra parte, ver cómo el objeto SoapServer se crea en PHP. A continuación, agregue la función echoo a la lista de funciones que el servidor SOAP admite. Usted tiene que llamar a la función porque echoo eco es una palabra reservada en PHPsimilares a el comando de impresión. La última línea llama al método de la manija del objeto SoapServer, lo que permite el servidor para manejar la petición SOAP y devolver una respuesta, tal como se define en el método de echoo.

Mensajes SOAP

Apuntando el navegador a su servidor SOAP en su estado actual provoca un error debido a la forma en que se envió la solicitud. Las necesidades de datos para ser enviados como datos POST puros a través de HTTP, como lo describe el faultstring.

Listado 3. Apuntando el navegador al servidor SOAP

                    
<SOAP-ENV:Envelope>
  <SOAP-ENV:Body>
    <SOAP-ENV:Fault>
      <faultcode>SOAP-ENV:Server</faultcode>
      <faultstring>Bad Request. Can't find
                   HTTP_RAW_POST_DATA</faultstring>
    </SOAP-ENV:Fault>
  </SOAP-ENV:Body>
</SOAP-ENV:Envelope>

Su servidor está vivo, pero sólo se puede acceder a él a través de un cliente SOAP u obtendrá errores de fallos, como se muestra arriba. Ahora que usted sabe el servidor SOAP está trabajando, usted puede moverse sobre la creación de un simple cliente.

Creación de un cliente: Formulario de Echo

Un cliente le permite enviar los datos al servidor SOAP usando el protocolo correcto esperado. Puesto que todo lo que necesita es cualquier cadena a enviar al servidor SOAP para probarlo, vamos a crear un sencillo formulario con un cuadro de texto y un botón. Cree un archivo denominado simple_client.php y definirlo, como se muestra a continuación.

Listado 4. Creación de una forma simple

                    
<?php

$echo = $_GET['input'];

print "<h2>Echo Web Service</h2>";
print "<form action='simple_client.php' method='GET'/>";
print "<input name='input' value='$echo'/><br/>";
print "<input type='Submit' name='submit' value='GO'/>";
print "</form>";
...

Debido a la función de la aplicación, el método por el cual usted envía peticiones al servidor SOAP será a través de GET. Si la función tiene efectos secundarios, como la modificación de bases de datos o acceder al sistema, usted querría utilizar POST.

El primer código recupera el valor de la entrada de la matriz GET o URL. A continuación, se crea el formulario, con el campo de acción que es este mismo script PHP, simple_client.php, así que las peticiones de este formulario se envió a este mismo script PHP. Tenga en cuenta que hay dos etiquetas de entrada: el cuadro de texto donde puedes escribir el valor que ha devuelto desde el servidor SOAP y el botón GO. Una vista previa del formulario se muestra a continuación.

Figura 2. La forma Echo

Creación de un cliente: Haciendo la solicitud

Una vez que se pulsa el botón, el texto en el cuadro de texto, se muestra más arriba, se envía al script PHP en la URL, la cual se puede extraer de la matriz de GET. Esto le permite comprobar que se envió una solicitud y procesarla. Continue definiendo el archivo simple_client.php, como se muestra a continuación.

Listado 5. Tramitación de las solicitudes y enviarlas al servidor SOAP

                    
...
print "</form>";

if($echo != ''){
    $client = new SoapClient(null, array(
      'location' => "http://localhost/soap/simple_server.php",
      'uri'      => "urn://tyler/req"));

    $result = $client->
        __soapCall("echoo",array($echo));

    print $result;
}
?>

Ahora bien, si $ echo tiene datos en él, es porque algo que se ha introducido en el cuadro de texto, y una solicitud fue hecha. Esto le permite iniciar la solicitud al servidor SOAP mediante la creación del objeto SoapClient. El cliente sabe a dónde enviar las solicitudes por la ubicación en la matriz de parámetros. Lo que el URI ofrece al paquete SOAP es un espacio de nombres, lo que es esencialmente es un contexto. Una vez que el SoapClient se inicializa, realiza la solicitud al servidor SOAP al llamar al método del cliente __soapCall con dos parámetros: el método en el servidor SOAP al que desea llamar y una matriz de parámetros. A continuación se muestra la respuesta enviada por el servidor SOAP debajo del botón GO, que se puede obtener una vista previa a continuación.

Figura 3. Mostrando la respuesta del servidor SOAP

!Ahí lo tienen¡. Usted puede incluso ver el valor del cuadro de texto de entrada en la URL. Ahora que ha creado un servidor SOAP simple, vamos a crear uno más complejo que utiliza Apache Derby y varios servidores SOAP.

Traducido de: IBM developer works

Construya un WebService Con PHP. 1a Parte - GENERALIDADES Y CONFIGURACION

2012-06-14T07:58:00.002-05:00

Información general y configuración.

Los servicios Web han sido un éxito desde hace algún tiempo, y la popularidad sigue creciendo. Pero ¿por qué? Es porque son la manera perfecta para integrar varias entidades en una sola, lo que permite un mejor flujo de información a la administración y los clientes.

PHP no está definitivamente atrás en esta área. Siendo uno de los idiomas de más rápido crecimiento, PHP demanda una gran cantidad de desarrolladores que requieren de esta tecnología, también. Echa un vistazo a la tecnología detrás de los servicios Web, SOAP, y cómo las bases de datos como el Derby de ayudar a habilitar un servicio Web más poderoso.

SOAP

¿Qué significa de SOAP? Es sinónimo de Simple Object Access Protocol, y es esencialmente un estándar para el intercambio de datos basados en XML a través de HTTP. En otras palabras: es la señal que va hacia abajo las líneas telefónicas si estuviera hablando con su amigo en el teléfono, pero en vez de usted y su amigo hablando por teléfono, va a ser clientes de vehículos en busca de los vehículos de sus sueños en una cadena de concesionarios de automóviles. Un ejemplo de un mensaje SOAP se muestra en el Listado 1.

Listado 1. Un mensaje SOAP

                    
<SOAP-ENV:Envelope>
  <SOAP-ENV:Body>
    <SOAP-ENV:Fault>
      <faultcode>SOAP-ENV:Server</faultcode>
      <faultstring>Bad Request. Can't find
                   HTTP_RAW_POST_DATA</faultstring>
    </SOAP-ENV:Fault>
  </SOAP-ENV:Body>
</SOAP-ENV:Envelope>

usted verá esto otra vez más adelante, se muestra aquí para que usted pueda tener una idea de la tecnología. El cuerpo de la mayoría de los mensajes SOAP tiene datos similares a la avería se muestra aquí. A veces un encabezado se utiliza para mantener el cifrado y otros datos sensibles al contexto para la construcción SOAP que se envía. Además, los mensajes SOAP se envían como datos XML sin formato.

¿Cómo encaja con la base de datos?

Un servicio web difícilmente puede ser útil sin una base de datos. Puede utilizar una base de datos para almacenar información acerca de lo que un usuario particular haría: consultar o búsqueda durante una visita. La mayoría de los sistemas existentes de las grandes empresas tienen una amplia gama de bases de datos e información, por lo que el uso de base de datos es de vital importancia para un servicio Web exitoso - incluso para los sitios Web establecidos.

La información del sitio casi siempre se almacenan en una base de datos, y el acceso a dicha información se hace a través de un servicio Web se hace tan importante. Así que aprender a integrar su servicio Web PHP con una base de datos es de vital importancia, al igual que ocurre con la instalación de PHP básico. El desarrollo de PHP simplemente no es el desarrollo de PHP, sin una base de datos lista y a su entera disposición.

Ejemplo en PHP: La solicitud de concesión

En este tutorial, podrás disfrutar de todo lo expresado anteriormente para el servicio Web, que le permite obtener un inicio en el desarrollo de su propio servicio Web con PHP. La aplicación que vamos a construir tiene una interfaz de usuario donde los usuarios pueden realizar consultas, como se muestra a continuación.

Figura 1. En busca del vehículo de sus sueños

Traducido de: IBM developer works

Construya un WebService Con PHP

2012-06-13T15:01:00.000-05:00

Aprenda como crear aplicaciones Web integradas con SOAP

Resumen:

En los últimos años, los nuevos servicios Web han venido apareciendo en todo el Internet. ¿Y qué mejor lenguaje para construir su propio servicio web que PHP?. Con PHP, usted tiene la ventaja de un lenguaje de scripts, con el poder de conectarse a bases de datos, una curva de fácil desarrollo, que permite un desarrollo más rápido y tiempos de respuesta altos, gracias a las bibliotecas subyacentes compilados para el rendimiento.

Antes de Comenzar

Acerca de este tutorial
Este tutorial es para los programadores de PHP que quieran subirse al carro de los servicios Web mediante la creación de un servicio web en PHP. Vas a crear un servicio Web mediante la creación de un servidor SOAP en PHP. El servicio web que creará será un servicio de búsqueda del vehículo que se lleva en las consultas basadas en la marca, modelo y año. El servicio web se consulta una base de datos interna y responder apropiadamente. Un cliente basado en Web también será codificado en PHP para comunicarse y consultar al servidor SOAP. Se crea una cadena de tres servidores SOAP en PHP. En realidad, cada uno de los tres servidores se localizan en tres localidades diferentes físicas o ciudades donde una cadena de concesionarios de automóviles, coexistiendo. El cliente entonces se hospedaría en un lugar donde los clientes de coches venía a visitar, entrar en las consultas de búsqueda para encontrar los vehículos de sus sueños. Las rutas de los clientes la consulta a cada uno de los tres servidores SOAP, lo que, a su vez, envían los resultados al cliente. Tras la recepción de cada respuesta, el cliente muestra los resultados de búsqueda para el usuario para el análisis.

Requisitos del sistema
Las siguientes herramientas son necesarias para seguir adelante:

Servidor Web
Cualquier sistema operativo y cualquier servidor web puede ser utilizado. Siéntase libre de utilizar Apache v2.x, o el servidor IBM HTTP, descarga de Apache o desde IBM.

PHP
Debido al uso de los objetos de datos PHP, PHP V5.1 o posterior es necesario. Asegúrese de configurar la siguiente opción para incluir soporte para el Derby y las extensiones SOAP: - with-pdo-odbc = ibm-db2 / home/db2inst1/sqllib - enable-soap. Lea la sección Recursos para obtener información sobre la configuración de Apache o IBM HTTP Server con PHP.

Base de datos
Este tutorial usa Apache Derby, que es de código abierto y ligero. Descargue también el IBM DB2 ® controlador Universal y el cliente en tiempo de ejecución DB2 . Asegúrese de establecer el CLASSPATH adecuadamente siguiendo las instrucciones en cada página. Usted puede seguir el Linux ® o Windows ® las instrucciones para instalar y descargar el DB2 Run-Time Client. Lea la sección Recursos para obtener más información para ayudarle a obtener la configuración deseada.

IBM Cloudscape también se puede utilizar para este tutorial. Los detalles internos de la misma son los mismos que Derby, sin embargo, el controlador JDBC de DB2 Universal y otras cosas que son empaquetados en nubes, y es compatible con IBM. Descargar IBM Cloudscape V10.1 y el cliente DB2 Run-Time de IBM.

La tecnología Java
Derby requiere la tecnología Java ™. Descarga de Sun Microsystems o desde IBM.

TRUCOS DE CODIFICACIÓN DE LOS DESARROLLADORES DE JUEGOS - PARTE 1

2012-02-24T07:35:00.001-05:00

Si tienes algo de experiencia en el mundo de programación real, entonces sin duda en algún momento usted ha tenido que recurrir a alguna solución rápida y sucia para resolver un problema o una característica de ejecución, mientras que un plazo se vencía. Los desarrolladores de juegos a menudo experimentan una terrible "crisis" (también conocido como "marcha de la muerte"), lo que ocurre en los últimos meses de un proyecto anterior a la fecha del lanzamiento del juego. El no poder cumplir el plazo puede significar a menudo que el proyecto se cancela o, peor aún, usted pierde su trabajo. Entonces, ¿qué tipo de trucos se usan cuando se encuentran debajo de la bomba, haciendo 12 horas + por día durante semanas?

A continuación se presentan algunas anécdotas clásicas y consejos - muchas gracias a Brandon Sheffield quien originalmente elaboró este artículo en Gamasutra. He reposteado algunas de sus historias y tambien tiene añadido un poco más de las nuevas fuentes. También he enlazado en cada historia a la página principal del autor o blog siempre que sea posible.

1. El antihéroe de programación - Noel Llopis

Yo estaba recién salido de la universidad, todavía húmeda detrás de las orejas, y estaba a punto entrar en la fase beta de mi primer proyecto profesional del juego - un título a finales de los años 90 para PC. Había sido un viaje en montaña rusa emocionante, ya que en los proyectos a menudo son así. Todo el contenido estaba dentro y el juego se ve bien. Había un problema: Estábamos muy por encima de nuestro presupuesto de la memoria.

Dado que la mayoría de memoria fue recogida por los modelos y texturas, se trabajó con los artistas para reducir la huella de la memoria del juego tanto como sea posible. Hemos reducido las imágenes, modelos y texturas diezmadas comprimido. A veces lo hicimos con el apoyo de los artistas, y, a veces encima de sus cadáveres.

Cortamos megabytes después de megabytes, y después de unos días de frenética actividad, llegamos a un punto en que sentía que no había nada que pudiéramos hacer. A menos que cortar un poco de mayor contenido, no había manera de que pudiéramos liberar memoria más. Exhausto, se evaluó el uso de nuestra memoria actual. Todavía estábamos 1,5 MB por encima del límite de memoria!

En este punto, uno de los programadores más experimentados del equipo, quien había sobrevivido a muchos años de desarrollo en los "buenos viejos tiempos", decidió tomar el asunto en sus propias manos. Él me llamó a su oficina, y se encamina por lo que me imaginaba sería otra agotadora sesión de la liberación de memoria.

En cambio, trajo a colación un archivo de origen y se refirió a esta línea:

static char buffer[1024*1024*2];

"¿Ves esto?" dijo. Y luego se elimina con una sola tecla. ¡Hecho!

Probablemente vio el horror de mis ojos, así que él me explicó que había dejado de lado esos dos megabytes de memoria al inicio del ciclo de desarrollo. Sabía por experiencia que siempre era imposible cortar contenido a los presupuestos de la memoria, y que muchos proyectos había estado a punto de fallar a causa de ella. Así que ahora, como una práctica regular, el siempre pone a un lado un bonito bloque de memoria para liberar cuando es realmente necesario.

Salió de la oficina y anunció que había reducido el consumo de memoria dentro de las limitaciones presupuestarias - se le brindó como el héroe del proyecto.

la práctica Tan horrorizado como yo estaba en ese entonces sobre tal "barbaridad", tengo que admitir que estoy calentando a la misma. No he entrado en el estado de ánimo en el que puede ponerla en uso todavía, pero puedo ver cómo a veces, cuando estás contra la pared, con un poco de memoria escondida para un día lluvioso puede marcar la diferencia. qué gracioso es ver como el tiempo y la experiencia, cambia todo.

2. Caché para arriba - Andrew Russell

Para mejorar el rendimiento cuando se están procesando las cosas en un ciclo cerrado, quieres hacer que los datos para cada repetición lo más pequeño posible, y lo más cerca posible entre sí en la memoria. Eso significa que el ideal es una matriz o un vector de objetos (no punteros) que contienen sólo los datos necesarios para el cálculo.

De esta manera, cuando la CPU obtiene los datos para la primera iteración del bucle, para las siguientes iteraciones muchas líneas de datos son cargados en la memoria caché de la misma.

Realmente no hay mucho que puedas hacer con el uso de pocas y mas rápidas instrucciones porque la CPU es lo más rápida que vas a conseguir, y el compilador no puede ser mejorado. La coherencia de caché es donde está - este artículo contiene un buen ejemplo de coherencia de caché para obtener un algoritmo que no se limita a ejecutar a través de los datos de forma lineal.

3. Planee sus distracciones - Jay Barnson

El Internet es una de las mejores herramientas que se han inventado, tanto para la mejora de la productividad y su destrucción. Twitter y los foros y blogs y sitios web institucionales puede ser muy motivacionales y educativos, pero también pueden ser una distracción que destruye por completo toda esperanza de conseguir cualquier cosa hecha. Una cosa que he hecho en el pasado que ha demostrado ser muy exitosa es ceñirse a un plan para cuando puedo pasar algunos minutos consultar el correo electrónico y Twitter, o jugar una partida rápida o algo así. Ya sea en la realización de una tarea, o después de un período de tiempo (por ejemplo una de cinco minutos por cada hora). De lo contrario, el único uso del navegador es para la lectura de las páginas de referencia del manual, si es necesario. De esa manera convertir una distracción potencial en una herramienta de motivación.

4. El daño colateral - Jim Van Verth (@ cthulhim)

No sé cómo muchos recuerdan la Fuerza 21, pero fue uno de los primeros de RTS (estrategia en tiempo real) en 3D que utiliza una cámara de seguimiento para observarsu pelotón actual. Hacia el final del proyecto que tenía un error extraño en donde la cámara se detendría siguiendo el pelotón - que sólo se quedaría donde estaba, mientras que el pelotón pasó y nada se movió. La causa aparente fue al azar porque no podíamos encontrar un caso de reproducción decente. Hasta que, finalmente, uno de los probadores se dio cuenta de que ocurrió con más frecuencia cuando un ataque aéreo se produjo cerca de sus vehículos. Con esa información yo era capaz deseguirle la pista.

Debido a que la cámara estaba usando la velocidad y la aceleración y era chocable, loderivado de nuestra clase PhysicalObject, que tenía esas características. También tenía otra característica: PhysicalObjects podría recibir daño. Los ataques aéreos hizobastante daño en un radio lo suficientemente grande que fueron literalmente "matar" ala cámara.

Hice arreglar el fallo, asegurando que las cámaras no podían recibir daño, pero sólo para estar seguro, que aumentó su armadura y puntos de vida a niveles ridículos. Creo que puedo decir con seguridad que tenía la cámara más dura en cualquier juego.

5. El ciego guiando al ciego - Mauricio Gomes

En la universidad había un equipo que hizo un juego flash FPS. Por alguna extraña razón, el programador, en lugar de comprobar si el personaje estaba chocando con la pared y dejar que ir allí, lo hizo a la inversa, él comprobó si había una pared, y sólo se permite que se mueva paralelo a ella!

Esto provocó un error extraño: en los cruces o uniones T en el nivel, en realidad no se podía cruzar, sólo recurren a la aprobación a la izquierda oa la derecha. La fecha límite se acercaba, y no tenían ni idea de cómo solucionarlo.

A continuación, el escritor del equipo solucionado el problema, dijo al artista que añadiera una animación de las manos tocando las paredes, y luego añadió en la historia de fondo que el personaje principal era ciego y tenía que tocar constantemente las paredes para saber a dónde iba.

6. No te gusto cuando estoy enojado - Waanders Nick

Una vez trabajé en THQ Relic Entertainment estudio en conjunto, que algunos recordarán como uno de los primeros juegos para la Xbox 360. Comenzamos con un motor de PC (único - subproceso), y tuvimos que convertirlo en un juego completo en una nueva generación de núcleos múltiples de la consola en unos 18 meses. Unos tres meses antes de su envío, que todavía estaban en curso en alrededor de 5 disparos en el 360. Obviamente este juego necesita alguna optimización enorme.

Cuando hice algunas mediciones de desempeño, se hizo evidente que tanto como el código fue lento y muy "PC", también hubo un montón de problemas en el lado del contenido. Algunos modelos eran demasiado detalladas, algunas sombras eran demasiado costosos, y algunas misiones sólo tenía a muchos chicos dando vueltas.

Es difícil convencer a un equipo de 100 personas que los programadores no puede limitarse a "arreglar" el rendimiento del motor, y que algunas de las maneras que la gente se había acostumbrado a trabajar necesitaba ser cambiado. La gente necesita entender que el rendimiento del juego era un problema de todos, y pensé que la mejor manera de hacerlo es con un poco de humor que tenía un poco de la verdad oculta detrás de él.

La solución me llevó una hora. Un programador de compañeros tomó cuatro fotos de mi cara, uno muy feliz, normal, un poco enojado uno, y uno donde estoy tirando de mi pelo. Pongo esta imagen en la esquina de la pantalla, y que estaba vinculada a la velocidad de fotogramas. Si el juego corría a más de 30 cuadros por segundo, me sentí muy feliz, si corriera por debajo de 20, yo estaba enojado.

Después de este cambio, la cuestión pasó de todo FPS, "¡Ah, los programadores se lo arreglaran". que, "Hmm, si pongo este modelo en, Nick va a estar enfadado! mejor que optimizar esta un poco primero." Inmediatamente la gente puede ver si un cambio que hicieron tuvo un impacto en la velocidad de fotogramas, y acabamos de enviar el juego a 30 fps.

7. No es un error, es una función! - Philip Tan

He trabajado en un juego de rol en el que estábamos tratando de conseguir los NPCs (personajes no jugadores) para detectar cuando usted estaba en el rango, camina hacia ti, y entablar una conversación con usted por la activación del sistema de diálogo.

Nos olvidamos de agregar el código para distinguir los PNJ (Personajes de la PC del jugador), por lo que íbamos a pie a la ciudad y todos los puntos de contacto estaría hablando unos con otros. Debido a que todo el código de la APN de IA usaba la plantilla de diálogo misma, que en realidad tiene un par de frases antes de que las conversaciones se hizo absurda. Y debido a que fue transmitido en carácter de diálogo, ud podia leer todo lo que decían si estaban en el rango.

Hemos decidido convertir ese error en una de las principales características.

8. Acciones sucias - Tim Randall (Desarrollador @ Encore)

El equipo de motor en Gremlin Interactive mantiene un guante en su oficina. Cuando alguien le preguntó por qué estaba allí, se les dijo que sólo se usaba cuando alguien estaba a punto de escribir algo de código muy sucio. No era tanto un caso de no querer dejar huellas dactilares, sino más bien que no quería tocar en realidad correcciones muy sucias!

YO SOY UN GRAN PROGRAMADOR, PERO TERRIBLE PARA HACER ALGORITMOS

2012-02-22T21:48:00.003-05:00

Traducido de TREND LINE:

Yo soy un gran programador, pero un algoritmista terrible. Es un pensamiento que ha pesado sobre mí muy poco, y me gustaría recoger los sentimientos de otros desarrolladores sobre el tema también.

Comencé a lo que puede llamarse mis espaldas profesionales de desarrollo profesional en 1999. Yo todavía estaba en la escuela media, pero mi padre me contrató en su compañía de software. Mi misión oficial era hacer cambios a nuestros sitios web, pero sobre todo terminó molestando a otros desarrolladores para ayudarme a aprender.

A partir de ahí cogí Perl (un poco) y luego se trasladó para el desarrollo de PHP y la interfaz web final, donde me he alojado cómodamente durante los últimos doce años.

Cuando se trata de la construcción de sistemas de gran escala, la comprensión de los detalles de estos sistemas, y en realidad a escribir, lo hago muy bien. Soy capaz de escribir código PHP elegante (creo que existe), y realmente entiende de programación también. Hago todas las cosas que hace un artesano del software: escribe pruebas automatiza la medida de lo posible, se entera de las nuevas tecnologías, piedras de afilar mi oficio con el trabajo de lado y el trabajo de código abierto, y construyo sistemas que escalan con las peticiones de la demanda y el cliente.

Incluso tengo una licenciatura en Ciencias de la Computación de lo que creo que es una gran universidad.

Sin embargo, siento que soy un algoritmista Terrible

Pídeme que escribir un algoritmo complejo (incluso uno que se ha descubierto), y me pongo a sudar en las palmas de las manos y nervioso. ¿Es este un síntoma que usted también? Para que sea realmente capaz de expresar un algoritmo en el código, realmente tengo que pasar mucho tiempo en comprender que lo haga.

Yo entiendo que un algoritmo es una serie de pasos para completar un problema. Me refiero a los algoritmos complejos como la clasificación, las estrategias recursivas que se fusionan, la criptografía y la compresión, por nombrar algunos.

Mi mayor orgullo logrado en la universidad fue escribir el algoritmo A * para mis primeras estructuras de datos y algoritmos de clase. Me pasaba las horas físicamente dibujando gráficas y mantenia escribiendo las tablas de la pila que los nodos estaban siendo empujados hacia dentro y fuera de.

Incluso mantuve los dibujos porque yo estaba muy orgulloso de ellos.

Lo que se reduce a es a menudo tengo problemas para ver el algoritmo subyacente a un problema complejo. Una vez entrevisté con Amazon y no lo hace más allá de la segunda vuelta porque no podía ver el algoritmo subyacente en una de las preguntas que me pidieron (las preguntas sobre la arquitectura en general, sin embargo, lució muy bien). Afortunadamente, esto no es algo que se tiene o no. Algunos programadores tienen una habilidad natural para ver el algoritmo subyacente de un problema, pero si no puede, se puede aprender.

¿Soy el único en sentir esto? ¿Es la lucha de otros programadores con esto también? ¿Es esta una manifestación del síndrome del impostor? Lo disfrutamos en la universidad, pero yo no estudié tanto como debería haberlo hecho. Si eres un mayor en Ciencia de la Computación de la universidad ahora y mucho de esto no es algo natural, le pido: por favor, pasar tiempo en sus estudios. Realmente se aprende de los algoritmos presentados en clase. Asi usted nunca se aproveche de ellas durante su carrera, por lo menos le ayudará a sentirse más como un programador.

UN TUTORIAL PARA PRINCIPIANTES EN ASP.NET PARA ADMINISTRACIÓN DE ESTADOS

2012-02-20T19:48:00.000-05:00

Introducción

Este artículo analiza la necesidad de que la administración del estado en las aplicaciones ASP.NET, ¿cuáles son las distintas formas de gestión estatal en ASP.NET y un análisis comparativo de todas las técnicas de administración de estado.

En el fondo

HTTP es un protocolo sin estado. Una vez que el servidor sirve las peticiones cursadas por el usuario, se limpia todos los recursos utilizados para atender esa petición. Estos recursos incluyen los objetos creados durante esa solicitud, la memoria asignada en esa solicitud, etc Para un tipo que viene de un fondo de desarrollo de aplicaciones Windows, esto podría ser una gran sorpresa porque no hay manera de que podía confiar en los objetos y miembros las variables por sí solas para realizar un seguimiento del estado actual de la aplicación.

Si tenemos que seguir la información de los usuarios entre las visitas a la página e incluso en múltiples visitas de la misma página, entonces tenemos que utilizar las técnicas de gestión del Estado proporcionados por ASP.NET. La gestión del Estado es el proceso mediante el cual los desarrolladores de ASP.NET permiten mantener información de estado y la página sobre el pedido múltiple de las mismas páginas o diferentes.

Tipos de la administración del estado

Hay principalmente dos tipos de gestión estatal que ASP.NET ofrece:

Del lado del cliente de administración de estado
El lado del servidor de administración de estado

Cuando usamos el lado del cliente la administración del estado, la información de estado relacionada se almacenan en el lado del cliente. Esta información viaja de ida y vuelta con cada petición y respuesta. Esto puede ser visualizado como:

Nota: Imagen tomada del libro de Microsoft Press.

La ventaja principal de tener este tipo de gestión del Estado es que a aliviar el servidor de la carga de mantener actualizada la información relacionada con el estado, se ahorra una gran cantidad de memoria del servidor. La desventaja de la administración del estado del lado del cliente es que se necesita más ancho de banda considerable cantidad de datos está viajando de ida y vuelta. Pero hay otro problema que es más grande que el problema del ancho de banda. El lado del cliente la administración del estado hace que la información viaja de ida y vuelta y por lo tanto esta información puede ser interceptada por alguien en el medio. Así que no hay manera de que podamos almacenar la información confidencial como contraseñas, número de tarjeta de crédito y el importe a pagar en el lado del cliente, tenemos que del lado del servidor de gestión de estado para estas cosas.

El lado del servidor de gestión estatal, en contraste con el lado del cliente, mantiene toda la información en la memoria del usuario. La desventaja de esto es más el uso de memoria en el servidor y el beneficio es que la información de los usuarios es confidencial y segura.

Nota: Imagen tomada del libro de Microsoft Press.

No podemos decir que vamos a utilizar un solo tipo de gestión estatal en nuestra aplicación. Tendremos que encontrar una mezcla de lado del cliente y la gestión del lado del servidor del Estado en función del tipo y el tamaño de la información. Ahora echemos un vistazo a lo que son las diferentes maneras en que puede manejar el estado en el lado cliente y del servidor.

Del lado del cliente las técnicas de administración de estado

Ver Estado
Control del Estado
Los campos ocultos
Galletitas
Cadenas de consulta

Ver Estado - ViewState

ASP.NET utiliza este mecanismo para el seguimiento de los valores de los controles en la página web entre la solicitud de página para una misma página. También podemos añadir valores personalizados para ver el estado. El marco ASP.NET se encarga de almacenar la información de los controles en el estado de vista y recuperar de nuevo de estado de vista antes de renderizar la devolución de datos.

Si tenemos que usar ViewState para almacenar nuestra información, sólo tenemos que recordar que el estado de vista es un objeto de diccionario. Podemos tener nuestros datos almacenados como un par de valores clave en el estado de vista (véase el código de abajo). La información que los controles también se está ordenada en este diccionario en la petición y se rellena de nuevo durante la respuesta.

Dado que esta información se almacena en la propia página web, ASP.NET codifica la información. Podemos ajustar los parámetros relacionados con el cifrado de web.config.

<Configuration>
       <system.web>
        <pages viewStateEncryptionMode="Always"/>
      </system.web>
</configuration>

o en la página declarativa:

<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" 
ViewStateEncryptionMode="Always"%>

Veamos ahora en una aplicación pequeña de estado de vista. Contamos con una simple página web con un cuadro de texto y un botón. La idea es que vamos a escribir algo en el cuadro de texto y ver cómo ASP.NET almacena esta información en el estado de vista. Vamos a almacenar nuestra propia información en el estado de vista también. Al ejecutar la página y escribir mi nombre en el cuadro de texto y pulse el botón, se produce una devolución de datos, pero mi nombre se mantiene en el cuadro de texto. Viewstate hecho posible así que después de la devolución de datos, la página se ve así:

Cuando nos fijamos en la fuente, el estado de vista se parece a:

<input type="hidden" name="__VIEWSTATE"
id="__VIEWSTATE" value="/wEPDwUKMTkwNjc4NTIwMWRkfIZa4Yq8wUbdaypyAjKouH5Vn1Y=" />

Ahora vamos a tratar de añadir nuestra propia información en el estado de vista. Vamos a

llevar un registro de devolución de datos de los usuarios en esta página. Cada vez que el

usuario se presiona un botón, vamos a añadir 1 al valor de marihuana almacenadas. La forma

de hacerlo sería la siguiente:

protected void Page_Load(object sender, EventArgs e)
{
    if(IsPostBack == true)
    {
        if (ViewState["number"] != null) //Lets retrieve, increase and store again
        {
            ViewState["number"] = Convert.ToInt32(ViewState["number"]) + 1;
        }
        else //First postback, lets store the info
        {
            ViewState["number"] = 1;
        }

        Label1.Text = ViewState["number"].ToString();
    }
}

Al ejecutar la página y pulsa el botón para hacer una devolución de datos, la web nosmostrará las devoluciones de datos está haciendo hasta ahora que se está almacenando en el estado de vista:

El estado de vista está habilitado por defecto, pero podemos deshabilitar estableciendo la propiedad EnableViewState para cada control en la web en false. Esto reduce el tiempo de procesamiento del servidor y disminuye el tamaño de la página.

Control del Estado

Ahora sabemos lo que es un estado de vista es, y también sabemos que podemos desactivar el estado de vista de los controles en la página. Pero imagino que si estamos desarrollando un control personalizado y el interior están el uso de ViewState para almacenar alguna información, pero el usuario del control se puede desactivar el estado de vista de nuestro control. Para evitar este problema, podemos tener un comportamiento similar al estado de vista que no puede ser desactivado por los usuarios de control y se llama ControlState. Los estados de control se encuentra dentro de los controles personalizados y funcionan igual que funciona viewstate.

Para utilizar el estado del control en un control personalizado, tenemos que reemplazar el método OnInit y llame al método RegisterRequiresControlState durante la inicialización. Entonces tenemos que reemplazar los métodos SaveControlState y LoadControlState.

Campos ocultos

Campo oculto son los controles previstos por el ASP.NET y y permiten almacenar información en ellos. La única restricción es que en los campos ocultos, mantendrán la información cuando el post HTTP se envía, es decir, hace clic en el botón. No va a funcionar con HTTP gey. Vamos a hacer el mismo ejercicio de hacer el seguimiento de las devoluciones de datos utilizando HiddenFields ahora.

(Nota: ViewState también utiliza campo oculto por debajo.)

//Store in Hidden Field -----------------------------------------------------------
int newVal = Convert.ToInt32(HiddenField1.Value) + 1; //Hidden field default value was 0
HiddenField1.Value = newVal.ToString();
Label2.Text = HiddenField1.Value;

Al ejecutar la página y pulsa el botón para hacer una devolución de datos, la web nos mostrará las devoluciones de datos está haciendo hasta ahora que se está almacenando en HiddenFields (Ver código para más detalles).

Galletitas

Hay situaciones en que tenemos que almacenar los datos entre las peticiones de páginas. Hasta ahora, las técnicas que hemos discutido almacenan los datos de las solicitudes de páginas individuales. Ahora nos centraremos en las técnicas que almacenan información entre solicitudes de páginas.

Las cookies son pequeñas piezas de información que pueden ser almacenados en un archivo de texto en el ordenador del usuario. La información se puede acceder por el servidor y se puede utilizar para almacenar información que se requiere entre las visitas de página y entre las múltiples visitas en la misma página por parte del usuario. Vamos a hacer el mismo ejercicio de hacer el seguimiento de la devolución de datos mediante el uso de cookies.

int postbacks = 0;
if (Request.Cookies["number"] != null) //Lets retrieve, increase and store again
{
    postbacks = Convert.ToInt32(Request.Cookies["number"].Value) + 1;
}
else //First postback, lets store the info
{
    postbacks = 1;
}
Response.Cookies["number"].Value = postbacks.ToString();

Label3.Text = Response.Cookies["number"].Value;

No podemos hacer un seguimiento de las devoluciones de datos que utilizan las cookies como cookies permaneceran en la máquina del usuario, por lo que en esencia estamos ante el número de veces el usuario ACCEDE en su página hasta el momento desde el comienzo.

Al ejecutar la página y pulsa el botón para hacer una devolución de datos, la web nos mostrará las devoluciones de datos que se han hecho hasta ahora, que está siendo almacenada en Cookies (véase el código para más detalles). Las cookies pueden tener varios parámetros como el tiempo que son válidas y cuándo deben caducar. Estos parámetros pueden ser manipulados como:

Response.Cookies["number"].Expires = DateTime.Now.AddDays(1);

Esta cookie expira después de 1 día de su creación.

Cadenas de consulta

Las cadenas de consulta se utilizan para almacenar las variables que identifican páginas específicas, tales como términos de búsqueda o números de página. Una cadena de consulta es la información que se anexa al final de la URL de la página. Se pueden utilizar para almacenar / pasar información de una página a otra e incluso a la misma página. Vamos a trabajar sobre el almacenamiento de la información de devolución de datos en cadenas de consulta ahora:

//GetDataItem from querystring
if (Request.QueryString["number"] != null) //Lets retrieve, increase and store again
{
    Label4.Text = Request.QueryString["number"];
}

//set in query string
int postbacks = 0;

if (Request.QueryString["number"] != null) //Lets retrieve, increase and store again
{
    postbacks = Convert.ToInt32(Request.QueryString["number"]) + 1;
}
else //First postback, lets store the info
{
    postbacks = 1;
}

Response.Redirect("default.aspx?number=" + postbacks);

Una cosa a notar aquí es que no hay manera de almacenar la información de devolución de datos en la cadena de consulta que se envía con la misma página. La razón es que la cadena de consulta crea una nueva dirección URL cada vez y será una nueva solicitud cada vez que utilice cadenas de consulta. Así que ahora, esencialmente hacemos seguimiento al número de clics aquí. La idea detrás de la cadena de consulta es pasar pequeña información a OTRAS páginas que pueden ser utilizados para llenar la información en esa página.

NOTA: El uso de cookies y QueryString aquí son sólo para propósitos de demostración. En escenarios reales, nunca debe ser usado para almacenar información necesaria para la misma página. Las cadenas de consulta se debe utilizar para almacenar la información de las visitas de varias páginas. Las cookies se utilizan para almacenar información entre múltiples visitas a nuestra página web desde la misma computadora.

Estado de la aplicación

ASP.NET permite guardar valores utilizando el estado de la aplicación. Un mecanismo de almacenamiento global que sea accesible desde todas las páginas de la aplicación web. El estado de aplicación se almacena en la Solicitud de clave / valor del diccionario. Esta información también estará disponible para todos los usuarios de la web. En caso de que necesitemos información específica del usuario, entonces es mejor usar sessionState.

ASP.NET proporciona tres eventos que le permiten inicializar las variables de aplicación (liberando recursos cuando se cierra la aplicación) y responder a los errores de aplicación:


Application_Start: Se produce cuando se inicia la aplicación. Este es el lugar perfecto para inicializar las variables de la aplicación.
Application_End: Se produce cuando una aplicación se cierra. Utilice esta aplicación a los recursos libres y realizar el registro.
Application_Error: Se produce cuando se produce un error no controlado. Use esto para realizar el registro de errores.

Vamos ahora a almacenar la información de las devoluciones de datos en el estado de la aplicación:

//global.asax
void Application_Start(object sender, EventArgs e)
{
    Application["number"] = 0;
}

//In web pages
Application.Lock();
Application["number"] = Convert.ToInt32(Application["number"]) + 1;
Application.UnLock();

Label5.Text = Application["number"].ToString();

Al ejecutar la página y pulsa el botón para hacer una devolución de datos, la web nos mostrará las devoluciones de datos está haciendo hasta ahora que se está almacenando en ApplicationState. Podemos utilizar este objeto para realizar un seguimiento de los clics por todos los usuarios en todo el sitio web (véase el código para más detalles).

Estado de la sesión

Como estado de la aplicación, esta información también está en un almacenamiento global que sea accesible desde todas las páginas de la aplicación web. El estado de sesión se almacena en el diccionario SessionKey / valor. Esta información estará disponible para el usuario actual, es decir, la sesión, actual.

//global.asax
void Session_Start(object sender, EventArgs e)
{
    // Code that runs when a new session is started
    Session["number"] = 0;
}

// Web forms
Session["number"] = Convert.ToInt32(Session["number"]) + 1;

Label6.Text = Session["number"].ToString();

Al ejecutar la página y pulsa el botón para hacer una devolución de datos, la web nos mostrará las devoluciones de datos está haciendo hasta ahora que se está almacenando en SessionState. Podemos utilizar este objeto para realizar un seguimiento de clics el usuario actual, es decir, que es propietaria de la sesión para el sitio web completo (véase el código para más detalles).

Ventajas de la administración de estados del lado del cliente

Mayor escalabilidad
Soporte para múltiples navegadores

Ventajas de la administración de estados del lado del Servidor

Mayor seguridad
Reducción del ancho de banda

Puntos de interés

Este pequeño documento se ha creado para conocer un poco de material de revisión sobre la gestión de estados. Pensé que dará a conocer en CodeProject para que algunos principiantes puedan encontrar algo útil en ella. En resumen las técnicas de gestión de estados son:

• Del lado del cliente la administración del estado debe ser usado cuando Identificación escalabilidad requerida.
• El lado del servidor de gestión del Estado debe ser utilizada cuando se requiere seguridad de los datos.
• Página por defecto a nivel estatal técnica de gestión utilizado por ASP.NET es ViewState.
• Podemos almacenar información personalizada en ViewState.
• Controles personalizados ControlState utilizar para almacenar la información.
• Campo oculto también se puede utilizar para almacenar información para la misma página.
• Las cookies se pueden utilizar para la información que se requiere en múltiples visitas desde el mismo ordenador.
• Cadena de consulta se puede utilizar para pasar información de una página a otra.
• ApplicationState se debe utilizar para almacenar información que debería ser accesible desde todas las páginas web y para todos los usuarios.
• SessionState debe utilizarse cuando la información debe estar disponible en todas las páginas web, pero para el usuario actual.

Agradecimientos: Rahul Rajat Singh y CodeProject

EVITANDO Y EXPLOTANDO LOS BACHES DE JAVASCRIPT

2012-02-17T18:48:00.000-05:00

JavaScript es un lenguaje Gestalt.

Uno de los sentimientos hacia JavaScript que voltea entre la elegancia y el asco, sin tránsito por estados intermedios.

La clave para ver JavaScript tan elegante es la comprensión de sus defectos, y saber cómo evitar, evitar o incluso explotarlos.

Para entender el uso de los terminos evitar / corregir / explotar favor leer el libro de: Doug Crockford - Javascript: The Good Parts.

Doug tiene una toma un poco diferente y más elaborada de las partes malas y partes horribles, así que estoy compartiendo mi punto de vista sobre los cuatro temas que me han causado más dolores de cabeza en el pasado:

Cómo solucionar ámbito de bloque roto con With;
Los cuatro (! no tres) significados de esto;
La promoción de argumentos a una matriz; y
Evitando truthiness.

Cuando chocan los baches: var frente a with

Ámbito de un bloque léxico en JavaScript está roto, y piense en el uso de with considerada de forma pobre, es una buena solución a este problema.

En la mayoría de lenguajes de corchetes, los bloques delimitan el alcance léxico. Por ejemplo, en C o Java:

{ 
    int i = 13 ;
    { 
       int i = 42 ; 
       print(i) ;
    }
    print(i) ;
 }

Pero, este código imprime 42 y luego 13.

Y en Javascript:


{
    var i = 13 ;
    {
       var i = 42 ;
       console.log(i) ;
    }
    console.log(i) ;
 }

Este código imprime 42 y 42.

En JavaScript, solo las funciones introducen un nuevo ámbito de léxico y las declaraciones de las variables están implícitamente realzadas a este nivel.

Por ejemplo:

function f ()  {
  var i = 13 ;
  {
     var i = 42 ;
     print(i);
  }
  print(i) ;
}

Es equivalente a:


function f () {
  var i ;
  i = 13 ;
  {
     i = 42 ;
     print(i) ;
  }
  print(i) ;
}

Aparte: elevación bajo el capó

JavaScript lleva la elevación a los extremos.

El siguiente programa - una referencia única para x - provoca un error de referencia:


 x ; // ReferenceError: x is undefined

pero el siguiente programa está bien, porque se declaró var x:


if (false) {
   var x ;
 }
 x ; // No problem! x is declared in this scope.

Por extensión, debe ser el caso (y es) que el siguiente también es legal:


x ; // No problem! x is declared in this scope.
 if (false) {
   var x ;
 }

Función de elevación

La historia de la función de elevación es más desordenado.

El siguiente código funciona:


console.log(fact(3)) ;

 function fact(n) {
  return (n == 0) ? 1 : n*fact(n-1) ;
 }

porque la definición de hecho es izado a la parte superior del bloque.

Así, el siguiente también funciona:

 {
   console.log(fact(3)) ;
   { 
     function fact(n) {
       return (n == 0) ? 1 : n*fact(n-1) ;
     }
   }
 }

Pero, el siguiente falla.

 if (false) {
   function fact(n) {
    return (n == 0) ? 1 : n*fact(n-1) ;
   }
 }

en la mayoría de las implementaciones de JavaScript.

Las declaraciones de variables son levantados fuera de los condicionales.

Las delaraciones de función no lo son.

La fijación de bloque con el ámbito with

Para restaurar el alcance del bloque en JavaScript, trate de usar with con objetos explícitos, por ejemplo:

{ 
   var i = 13 ;
   with ({i: 42}) {
     console.log(i) ; // prints 42
   }
   console.log(i) ; // prints 13
}

Debido a que el objeto se declara explícitamente, que no intefere con el análisis estático del código, y es igualmente claro para el razonamiento humano.

Este es el único uso justificado de with.

Dave Herman de Mozilla aconseja que, la forma correcta de manejar esta situación es una función de aplicación inmediata anónima:

 {
    var i = 13 ;
    (function () { 
       var i = 42 ;
       console.log(i) ;  // prints 42
    })() ; 
    console.log(i) ; // prints 13
 }

Para la programació funcional está de acuerdo con Dave, pero debería ser más estético.

¿Qué significa this?

El significado de this depende de cómo la función actual fue declarada:


Directamente: f(...);

Indirectamente: f.call(this,...) o f.apply(this,array);

Como un metodo: f.call(this,...) o f.apply(this,array);

Como un constructor: new f(...).

Llamada directamente.

Llama directamente, this se enlaza con el objeto de ventana de nivel superior.

Dado que las variables globales son en realidad campos de este objeto, esto modifica el namespace global:

 function f () {
   this.x = 3 ;
 }
 f() ;
 alert(x) ; // alert(3)

Pero, ¿qué pasa con nodejs, donde no hay objeto de la ventana?

Ejecute este código como un experimento:

function f() {
  this.x = 10 ;
  console.log(this) ;
  console.log(this.x) ;
}

f() ;

console.log(x) ;

Esto imprime:

{}
10
10

Claramente, por defecto this que en nodejs no es un objeto vacío ordinario.

Como era de esperar, este objeto conserva sus poderes, incluso si se las devuelve:

function global() {
  return this ;
}

(global()).y = 20 ;

console.log(y) ; // prints 20

Llamado indirectamente

El comportamiento más extraño (y menudo pasado por alto) con respecto a esto viene de llamar a una función directa, y tratar de definir this con la fuerza f.call y f.apply.

Si un objeto se presenta como el primer argumento, entonces el objeto se convierte en this.

Pero, si un átomo como un número, un booleano o una cadena se pasa, this no está ligado a ese valor.

En cambio, this se une a un "átomo objetivado" - un objeto que se comporta como el tipo de átomo.

Pruebe esto en nodejs o Firebug:

function f () { return this ; }

 var myTrue = f.call(true) ;
 console.log(myTrue) ;             // prints {}
 console.log(myTrue.constructor) ; // prints [Function: Boolean] 
 console.log(typeof myTrue) ;      // prints "object"

 var myBar = f.call('bar') ;
 console.log(myBar) ;             // prints {'0': 'b','1': 'a','2': 'r'}
 console.log(myBar.constructor) ; // prints [Function: String]
 console.log(myBar.toString()) ;  // prints bar
 console.log(typeof myBar) ;      // prints "object"

 var myThree = f.call(3) ;
 console.log(myThree) ;             // prints {}
 console.log(myThree.constructor) ; // prints [Function: Number]
 console.log(myThree.valueOf()) ;   // prints 3
 console.log(typeof myThree) ;      // prints "object"

Fascinado, ¿eh?

Llamado como un método

Cuando se invoca como un método - o.f () - una función recibe el objeto o como this.

Hay dos situaciones en las que los métodos conducen a problemas: funciones parcializadas o anidadas y los métodos de primera clase.

Es fácil olvidar que cuando se anidan las funciones, la función interna recibe su propio this, aun cuando this no tenga sentido.

 o.a = 3 ;
 o.b = 4 ;
 o.c = 5 ;

 o.generateValidator = function () {
   return function () {
     if (this.a*this.a + this.b*this.b != this.c*this.c)
       throw Error("invalid right triangle") ;
   } ;
 }

La forma de evitar este problema de alcance es declarar that:

 o.a = 3 ;
 o.b = 4 ;
 o.c = 5 ;

 o.generateValidator = function () {
   var that = this ;
   return function () {
     if (that.a*that.a + that.b*that.b != that.c*that.c)
       throw Error("invalid right triangle") ;
   } ;
 }

Alguna vez me picó user accidentalmente un método en una definición de primera clase:


 engine.setTickHandler(ship.ontick) ;

ship.ontick es un método, pero una vez que se invoca, este no estará obligado a enviarlo.

Con toda probabilidad, quedará vinculado a global().

Mi solución a este problema se inspira en la noción de η-expansión del cálculo lambda:

function eta (that,methodName) {
  var f = that[methodName] ;
  return function () {
    return f.apply(that,arguments) ;
  }
}

Entonces, en lugar de escribir object.methodName para pasar un método como una función de primera clase, se usa(objeto, 'methodName').

Llamado como un constructor

Cuando una función se llama como un constructor, el valor de this es el objeto recién creado.

La omisión de new por accidente destroza el namespace global.

Si las variables globales están mutando sin explicación, trate de guardar constructores with:

 this == global() && error() ;

Fijación de los argumentos

La capacidad de aceptar un número arbitrario de argumentos en JavaScript es con frecuencia útil.

En JavaScript, los argumentos que se pasan a una función están implícitamente ligados a los argumentos de variable.

Este objeto se parece y actúa sobre todo como una matriz, pero es sólo un objeto que pasa a tener índices numéricos, además de un campo llamado longitud.

La mayoría de los programadores no descubren esto hasta que los muerde.

Por ejemplo, con:

function f() {
  return arguments;
}

Una llamada a f(1,2,3), retorna:

{ '0': 1,
  '1': 2,
  '2': 3  }

Mejor que [ 1, 2, 3 ].

Los métodos habituales-como indexOf - están desaparecidos.

Hay un par de maneras para promover argumentos para una matriz real. El método adoptado por muchos frameworks de JavaScript es utilizar el método de corte:

 function f() {
   arguments = Array.prototype.slice.call(arguments) ;
   return arguments ;
 }

En implementaciones no IE de JavaScript, es posible volver a asignar directamente al objeto prototipo para el prototipo de las matrices:

 function f() {
   arguments.__proto__ = Array.prototype ;
   return arguments ;
 }

Evitando truthiness

Hay poco de verdad a la verdad en JavaScript.

Muchos valores se califican como falso en un condicional.


               false, 0, undefined, null, NaN; y ''.

A primera vista, parece que == entiende esto, teniendo en cuenta que:

 0 == false

los rendimientos son reales.

Sin embargo, null == false y'' == false son falsas.

Los operadores == y != Intento de coacción operandos de diferentes tipos.

Por ejemplo, "\t\t '== false, sin embargo, '\t\t' es verdadero en un condicional.

En teoría, es mejor utilizar === y !==, Que no trate de coerción.

Sin embargo, todavía hay un valor x tal que x != x and x !== X.

Ese valor es NaN.

Si las cuestiones de igualdad, es necesario utilizar una función auxiliar:

function equal(a,b) {
  if (a === b)
    return true ;
  if (isNaN(a) && isNaN(b))
    return true ;
  return false
}

Traducción de la pagina: http://matt.might.net/articles/javascript-warts/

USANDO C# COMO LENGUAJE DE SCRIPT

2012-02-17T10:46:00.002-05:00

Clift Norris escribió un inteligente csrun.bat poco de archivo por lotes hace varios años. Si usted tiene un programa de C# foo.cs, puede escribir csrun foo.cs para compilar y ejecutar el programa.

El archivo por lotes no hace mucho, pero puede cambiar su forma de pensar acerca de un programa en C#. El código C# todavía está compilado, pero desde el paso de compilación está oculto, se siente más como un lenguaje interpretado.

Cuando alguien dice que les gusta los lenguajes interpretados, tal vez lo que realmente quieren decir es que disfruto correr código de manera rápida sin la sobrecarga de la puesta en marcha de un IDE, compilar el código, navegar hasta el directorio que contiene el archivo ejecutable compilado, etc. Esto no tiene nada que ver con si un lenguaje está compilado o interpretado.

@echo off

REM : Compile and run a C# source file.

REM : The C# compiler (csc.exe) must be in your PATH.

REM : The command line argument is expected to be something like foo.cs

if "%1"=="" goto USAGE

csc.exe /nologo /out:%1.exe %1

if ERRORLEVEL 1 goto EXIT

%1.exe %2 %3 %4 %5

goto EXIT

:USAGE

echo You must specify an argument representing the C# file you want to run.

:EXIT

Este archivo por lotes no establece referencias, habria necesidad de modificarlo si desea hacer referencia a un ensamblado.

Actualización: CsharpRepl es un REPL (read-evaluate-print-loop) que te permite escribir en C# en la línea de comandos como lo haría la mayoría de lenguajes de secuencias de comandos. CsharpRepl es parte de Mono y las works cross-platform. Gracias a MikeG en los comentarios.

¿QUE NIVEL DE PROGRAMADOR ERES TU?

2012-02-14T23:55:00.004-05:00

Según DanielBMarkham: 'Todo el mundo está hablando de cómo la programación es la habilidad que todos van a necesitar. [Salvo aquellas personas que puedan sentir que la mayor parte de programación podría convertirse en un asistente como herramientas. Inserte larga discusión acerca de la IA fuerte.]

Pero, que es un programador? Es el tipo que creó su propio servidor web Apache un programador? ¿Qué te parece el tipo que creó una compleja hoja de cálculo de Excel? El tipo que hizo su propio nivel de juego de rol? jugadores de Minecraft? Cuando decimos "Todo el mundo va a tener que saber programación" qué es, exactamente, qué significa eso?

Necesitamos un conjunto de niveles de programación.

Nivel 1, el Lea -y- Digite: Este es el tipo que se puede leer cómo configurar un servidor web, vaya a través de las direcciones, y obtener la cosa trabajando - siempre y cuando nada salga mal. Él sabe cómo usar un editor de texto y los fundamentos de los archivos del sistema que esta usando. También ha de tener cierta habilidad para mover y manipular los archivos, como el uso de zip o FTP. Él puede usar símbolos abstractos de una forma estructurada, explicó así además de tener las habilidades del sistema.
Nivel 2, El Script Kiddie: Puede escribir un guión lineal para indicar al ordenador que haga algo. Capaz de aprender y de usarsímbolos por sí mismo. Debe ser capaz de crear un script para una solución muy simple para hacer algo útil para sí mismo en basho VB si se les da el tiempo suficiente e instrucciones por escrito.
Nivel 3, El Bibliotecario: Se trata de alguien que ha aprendido algunas librerías o APIs y tiene la capacidad para aprender más. Él sabe que para cualquier lenguaje de scripting que está utilizando, tiene que ser capaz de conectar a las bibliotecas a la misma. Situviera que hacerlo, es capaz de leer los manuales y hacerlo por su propia cuenta. También es capaz de buscar las bibliotecas en la red y utilizarlos. Él es capaz de encontrar y, a veces incluso crear sus propios símbolos para su trabajo. (Se puede escribir una función o declarar y utilizar una estructura). La mayoría de administradores de sistemas empezando caen por aquí. También los usuarios de sistemas novatos de avanzados macro sistemas, como Excel.
Nivel 4, El Chico Object-Dot-Method: A partir de aprender de acoplamiento y la cohesión, la persona comienza a organizar susscripts en objetos con los miembros públicos y privados y los métodos. Se trata de su milagro de seis semanas de programación, la introducción al Programador de .NET. Se supone que debe jugar con los asistentes, conocer las bibliotecas, y luego construir algo que cabe dentro de las clases que le dan a él. Si no está utilizando las clases, puede crear sus propios módulos de código o archivos. Algunos usuarios avanzados de sistemas de scripting llegar hasta aquí. Hay una gran cantidad de tiendas avanzados de Excel con los intermediarios de valores que se han codificado básicamente su propia aplicación de VBA sin realmente saber que están en este nivel.
Nivel 5, el Hombre Paradigma Múltiple: Una vez que son capaces de gatear, te metes en todo tipo de problemas. Un paso común al lado de la escalera de programación es ser capaz de trabajar en múltiples paradigmas. Puede codificar en C #, pero usted también sabe cómo crear tablas y escribir SQL. Usted puede escribir C aceptable, pero también puede trabajar con JavaScript y HTML. Usted no es un maestro de cualquiera de habilidad, pero tú eres capaz de entender diferentes formas de mirar el mismo problema. Usted sabe que ha llegado a este paso cuando se deja de decir "Podemos solucionar este problema en X" para cada pregunta, donde X es el idioma que primero entendió realmente.
Nivel 6, Aprendiz de Arquitecto: Así es como usted realmente comienza a involucrarse en el arte de la programación. Usted comienza a comprender en profundidad las bibliotecas y las API que se utilizan todos los días para trabajar. No es que usted haya aprendido de memoria. Es que usted entienda los diferentes patrones de los arquitectos utilizan para lograr sus objetivos. ¿Quieres dibujar en Win32? Probablemente va a necesitar un identificador de algún recurso GDI. Tal vez unos pocos. Usted sabe que un manejador es un hash UInt32 en una tabla del sistema en alguna parte - un paradigma común para Win32. ¿Quieres añadir tu propia biblioteca de jQuery? Hay un formato para cualquier nueva biblioteca. Ya sabes que funciona y puede explicar por qué funciona de esa manera. A medida que trabaje las herramientas, usted comienza a empezar a pensar como la gente que pone las herramientas en conjunto. También comienzan a aprender cómo refactorizar su código hasta el punto de rocas. Usted comienza a aprender lo que la calidad del código parece. Empiezas a entender.
Nivel 7, el Astronauta Arquitecto: Llega el momento para que usted pueda construir su propia API, plataforma, o una biblioteca. Tal vez es un proyecto grande que requiere. Tal vez usted sólo quiere llevar su nuevo conocimiento para dar una vuelta. Mientras que su sistema está diseñado para resolver un problema del mundo real para los usuarios, su público objetivo programadores de mantenimiento en el nivel 5. En esta fase usted está profundamente en la Banda de los Cuatro, OOAD, plantillas, y mejores prácticas. La mayoría de nosotros hacemos un desastre las primeras veces en esta área, sin entender que es más fácil hacer algo más complejo de lo que es hacer lo simple. Durante esta fase, que puede prolongarse durante mucho tiempo, continuamente confunden la creación de bibliotecas más complejas y flexibles con la construcción de sistemas de calidad más altos. Muchas veces (y con suerte algunos otros miembros de su equipo) entiende lo que estás haciendo, pero para traer a alguien desde afuera podría llevar meses de dominio específico de la formación. Personal de apoyo no tienen ninguna oportunidad - la mayoría de todas las llamadas de soporte terminan en el escritorio del equipo.
Nivel 8, el Hombre Meta: En algún momento, con suerte, te das cuenta de que gran parte de la complejidad que ha puesto en arquitecturas y marcos puede ser mejordescrito como un lenguaje de dominio específico. Su público objetivo se convierte enprogramadores de nivel 4. Sí, la complejidad de codificación es mayor, pero el código en sí es mucho más corto y el DSL abre su código a ir todo tipo de lugares. En resumen, usted se convierte en el autor de los lenguajes de script que los programadores novatos usan. Sus sistemas están abiertos a los principiantes a través de secuencias de comandos y asistentes fáciles de usar. Usted puede aprender esta habilidad por separado, pero la mayoría de las veces después de muchas arquitecturas complejas de gran tamaño, el tiempo que factorizar el camino a una conexión ADSL. Y luego de nuevo. Y una vez más. Muy pronto usted comienza a ver el patrón: los problemas bien entendidos se prestan a DSL.
Nivel 9, Nirvana Funcional: El paso a la ronda de bonos, se inicia realmente aprender a programar mediante el aprendizaje de programación funcional. Su público objetivo son los programadores de mantenimiento en el nivel 3. FP te hace un mejor programador imperativo, le ayuda a expulsar a DSL más rápido, y puede reducir enormemente la cantidad de código que se necesita para resolver un problema. También puede ser altamente escalable. En algunos lenguajes funcionales puede incluso intercambio en caliente, mientras que el sistema está funcionando. Al igual que con todos estos niveles avanzados de otro modo, en algún momento usted comienza a sentirse conseguir un poco de nirvana fluyendo. FP debe ser la respuesta para todo! En ese momento, sin embargo, que haya sido a través de varias de estas etapas de euforia, por lo que éste no es tan malo como el resto. Los entromete en el mundo real. PF, aunque menos errores y muchas veces mucho más rápido, puede ser muy difícil de código. Los programadores tienen que llevar a un enlazador vueltas en su cabeza la mayor parte del tiempo - que tienen que hacer un seguimiento de un montón de símbolos. Con el tiempo te das cuenta de FP también está a un paso en el camino, muy similar a desarrollo OOAD.
Nivel 10, Diseñador de Lenguaje Orientado: Ud ve toda la programación como la creación de nuevos lenguajes de programación. La única diferencia es lo que la nueva lengua se supone que debe hacer. Usted entiende cómo crear lenguajes orientados a objetos, los lenguajes funcionales y sencillos lenguajes de script sin tipo. Sabes que cuando cada uno es apropiado. Su público objetivo son los programadores de mantenimiento en el nivel 2. Te sientas en cada proyecto y preguntas "¿Qué tipo de lenguaje es el que necesitamos aquí?" Al final de su proyecto usted tiene una buena herramienta que tanto resuelve el problema, y es fácil de entender y extensible por los programadores de nivel de entrada, dándole la libertad al pasar a otras cosas. Usted puede hacer fácilmente el caso de que la mayoría de los proyectos no requieren un lenguaje orientados a los diseñadores, pero eso es otra historia para otro día.
El nivel misterioso, científico de la computación: Esto es el pináculo de la programacióno no existe en el espectro en absoluto, dependiendo de su perspectiva. Esta es la ciencia de la programación. Un montón de cosas interesantes aquí. Su público objetivoson todos los demás en el universo. Pero el foco no está en hacer cosas que la gentequiere, es avanzar en el estado de los conocimientos. Debido a que los niveles decapacidad de la mayoría de la programación son para que la gente-la base, estos chicos viven en un mundo diferente, pero necesario. ¿Qué tan fácil es cruzar de ida y vuelta entre los dos mundos? No tengo idea.

Usted podría construir muchos caminos alternativos aquí - por ejemplo, la programación funcional podría venir primero para usted, y entonces POO más adelante. Ustedtambién podría poner en la construcción de su propio compilador - no era que la diversión en la universidad? O el montaje. ¿O realmente entender la teoría de conjuntosy la forma en que se aplica a ambas bases de datos y estructuras de datos de programación. O escribir su primera herramienta de programación de verdad.

Pero este es el camino que veo la mayoría de los programadores de seguir.

ADD: Por favor lea (very short) follow-up para otro vistazo a esto.

Si leiste todo esto, sigueme en twitter aqui.

Traducido de la pagina: http://www.whattofix.com/blog/archives/2012/02/what-level-prog.php

TOP 5: FUNDAMENTOS DE GESTIÓN DE MEMORIA EN .NET

2012-02-14T22:30:00.003-05:00

I ¿Qué sucede con los objetos pequeños?

Objetos pequeños en .NET. Se aplican sobre las pilas de objetos pequeños (SOH). Hay tres de ellas: la generación 0, Generación 1 yGeneración 2. Los objetos se mueven a estas generaciones en función de su edad.

Los nuevos objetos se colocan en GEN 0. Cuando Gen 0 se llena, el Colector .NET basura (GC) se ejecuta, la eliminación deobjetos que ya no son necesarios y mover todo lo demás hasta Gen 1. Si Gen 1 se llena de la GC se ejecuta de nuevo, pero también se mueve objetos en Gen 1 hasta Gen 2.

Un análisis completo con GC ocurre cuando Gen 2 se llena. Esto borra los objetos innecesarios Gen 2, Gen 1 se mueve objetos a Gen 2, luego se mueve Gen 0 objetos a Gen 1, y finalmente se borra todo lo que no se hace referencia. Después de cada ejecución de GC, los montones de afectados se compactan, para mantener la memoria, que todavía está en uso en conjunto.

Este enfoque generacional mantiene las cosas funcionando de manera eficiente - el proceso que consume tiempo de compactación se produce sólo cuando sea absolutamente necesario.

Recuerde: si usted ve una alta proporción de la memoria en Gen 2, es un indicador de la memoria se lleva a cabo a durante mucho tiempo, y puede ser una señal de que tienes un problema de memoria. Aquí es donde una herramienta de perfiles de memoria, tales como perfiles de memoria ANTS, puede venir muy bien.

II ¿Qué sucede con los objetos más grandes?

Objetos de más de 85 KB se asignan en el montón de objetos grandes (LOH). No se compactan, debido a la sobrecarga de copiar grandes trozos de memoria. Cuando un GC completa se lleva a cabo, los rangos de direcciones de los objetos LOH que no estén en uso se registran en una tabla de asignación de espacio libre en su lugar.

Cuando un nuevo objeto se le asigna, la tabla de espacio libre se comprueba para un rango de direcciones con capacidad suficiente para el objeto. Si existe, el objeto se asigna allí, si no, es asignado en el espacio libre de al lado.

Dado que los objetos es poco probable que el tamaño exacto de un rango de direcciones vacía, pequeños trozos de la memoria casi siempre se queda entre los objetos, lo que resulta en la fragmentación. Si estos trozos son menos de 85 KB, no hay posibilidad de reutilización en absoluto. En consecuencia, a medida que aumenta la demanda de asignación, nuevos segmentos están reservados a pesar de que el espacio fragmentado todavía está disponible.

Además, cuando un objeto grande debe ser asignada, .NET tiende a añadir el objeto al final de todos modos, en lugar de ejecutar una costosa Gen 2 GC. Esto es bueno para el rendimiento, pero una causa importante de la fragmentación de memoria.

III. El recolector de basura se puede ejecutar en diferentes modos para optimizar el rendimiento

.NET resuelve el trade-off entre el desempeño y la eficiencia de almacenamiento dinámico, proporcionando múltiples modos para el GC.

El modo de estación de trabajo da respuesta máxima para el usuario y reduce las pausas debido a GC. Puede funcionar como "concurrente" o "no concurrente", refiriéndose a las conversaciones de la GC se ejecuta en. El valor predeterminado es concurrente, que utiliza un subproceso independiente para la GC para que la aplicación puede continuar la ejecución, mientras que GC se ejecuta.

El modo de servidor ofrece el máximo rendimiento, escalabilidad y rendimiento para entornos de servidores. Tamaño del segmento y los umbrales de generación son mucho mayores en el modo de servidor de que el modo de estación de trabajo, lo que refleja las mayores exigencias impuestas a los servidores.

El modo de servidor se ejecuta la recolección de basura en forma paralela en varios subprocesos, la asignación de un SOH separado y LOH para cada procesador lógico para evitar que los hilos de interferir unos con otros.

El framework de. NET proporciona un mecanismo de referencias cruzadas para que los objetos todavía pueden hacer referencia a otra a través de los montones. Sin embargo, como respuesta de las aplicaciones no es un objetivo directo de modo de servidor, todos los hilos de la aplicación se suspende durante la duración de la GC.

IV. Las referencias débiles ofrecen un compromiso entre el rendimiento y la eficiencia de la memoria

Las referencias débiles a objetos es una fuente alternativa de las raíces de GC, lo que le permite mantener objetos, mientras que lo que les permite ser recogida si el GC lo necesita. Son un compromiso entre el rendimiento del código y la eficiencia de la memoria, la creación de un objeto tiene tiempo de CPU, pero mantenerlo cargado toma la memoria.

Las referencias débiles son particularmente adecuadas para estructuras de datos de gran tamaño. Por ejemplo, imagine que tiene una aplicación que permite a los usuarios navegar a través de estructuras de datos de gran tamaño, algunas de las cuales podrían volver. Usted puede convertir cualquier referencia fuertes a las estructuras que han navegado en referencias débiles. Si los usuarios vuelven a estas estructuras, que están disponibles, pero si no la GC puede reclamar la memoria si es necesario.

V. El fijado de objetos puede crear referencias para pasar entre el código administrado y no administrado

. NET utiliza una estructura llamada GCHandle para realizar un seguimiento de los objetos del montón. GCHandle puede ser usado para pasar referencias de objetos entre dominios administrados y no administrados, y .NET mantiene una tabla de GCHandles para lograrlo. Hay cuatro tipos de GCHandle, entre ellos articulados, que se utiliza para fijar un objeto en una dirección específica en la memoria.

El problema principal con el fijado de objeto es que puede provocar la fragmentación SOH. Si un objeto se fija durante un GC entonces, por definición, no puede ser reubicado. Dependiendo de cómo se use el fijado, se puede reducir la eficiencia de la compactación, dejando huecos en la pila. La mejor política para evitar esto es para fijarlo por un tiempo muy corto y luego soltarlo.

Los Top 5 fundamentos de la gestión de memoria .NET de Ricky han sido cosechados en un eBook de Chris Farrell y Nick Harrison, bajo la capa de gestión de memoria .NET.

Traducido de : http://www.red-gate.com/products/dotnet-development/ants-memory-profiler/learning-memory-management/memory-management-fundamentals?utm_source=cp&utm_medium=email&utm_term=8021&utm_content=rickyleeks5&utm_campaign=antsmemoryprofiler

APRENDA HTML5 EN 5 MINUTOS

2012-02-14T21:34:00.002-05:00

No hay duda, HTML5 es un tema candente para los desarrolladores. Si usted necesita un curso acelerado para comprender rápidamente los fundamentos de la funcionalidad de HTML5, estás en el lugar correcto.

Voy a cubrir el nuevo marcado semántico, el Canvas para el dibujo y la ayuda de la animación, audio y vídeo, y cómo usar HTML5 en los navegadores más antiguos. Podría ser un poco más de cinco minutos, pero te prometo que lo haré rápido. Quédate conmigo ... que va a valer la pena!

Marcado semántico y Diseño de página

Hay una gran historia acerca de una universidad que, en la construcción de su campus, no crearon sus propios senderos. Ellos plantaron hierba y esperaron.

Un año más tarde, el césped se llevaba a cabo todos los que la gente caminaba con más frecuencia. Así que ahí es donde la universidad abrió las aceras actuales.

Tiene perfecto sentido! Las aceras estaban exactamente donde la gente realmente anduvo.

Los nuevos elementos de semantica de HTML5, se basan exactamente en la misma logica (véase la guía de diseño del W3C para "pavimentar los Cowpaths").

Los elementos semánticos describen su significado o propósito claramente en el navegador y para el desarrollador. Comparemos eso con (por ejemplo) la etiqueta <div>. La etiqueta <div> define una división o una sección en un documento HTML, pero no nos dice nada acerca de su contenido o transmitir un significado claro. <div>

Los desarrolladores utilizan habitualmente identificadores y / o nombres de las clases con las etiquetas <div>. Esto conlleva un mayor significado a los desarrolladores, pero, por desgracia, no ayudar a los navegadores obtener el propósito de ese marcado. <div id="header">

En HTML5, hay nuevos elementos semánticamente ricos que pueden transmitir el propósito del elemento a los desarrolladores y navegadores. <header>

El W3C extraído miles de millones de páginas web existentes para descubrir las IDs y los nombres de clase que los desarrolladores ya estaban utilizando. Una vez que se echó div1, div2, etc, aparecieron con una lista de elementos enriquecidos descriptivos que ya estaban siendo utilizados, y se convirtieron en estandares.

Éstos son algunos de los nuevos elementos semánticos en HTML5:

article
aside
figcaption
figure
footer
header
hgroup
mark
nav
section
time

Debido a la riqueza semántica, ud probablemente intuye lo que la mayoría de estos elementos hacen.

Pero por si acaso, aquí hay una visualización:

Los header y footer son fáciles de entender y nav crea una navegación o la barra de menú. Puede utilizar las sections y artícles para agrupar su contenido. Finalmente, el elemento aside puede ser utilizado para el contenido secundario, por ejemplo, como una barra lateral de enlaces relacionados.

He aquí un ejemplo simple de un código que utiliza estos elementos.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Title</title>
    <link href="css/html5reset.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
</head>
<body>
    <header>
        <hgroup>
            <h1>Header in h1</h1>
            <h2>Subheader in h2</h2>
        </hgroup>
    </header>
    <nav>
        <ul>
            <li><a href="#">Menu Option 1</a></li>
            <li><a href="#">Menu Option 2</a></li>
            <li><a href="#">Menu Option 3</a></li>
        </ul>
    </nav>
    <section>
        <article>
            <header>
                <h1>Article #1</h1>
            </header>
            <section>
                This is the first article.  This is <mark>highlighted</mark>.
            </section>
        </article>
        <article>
            <header>
                <h1>Article #2</h1>
            </header>
            <section>
                This is the second article.  These articles could be blog posts, etc.  
            </section>
        </article>
    </section>
    <aside>
        <section>
            <h1>Links</h1>
            <ul>
                <li><a href="#">Link 1</a></li>
                <li><a href="#">Link 2</a></li>
                <li><a href="#">Link 3</a></li>
            </ul>
        </section>
        <figure>
            <img width="85" height="85" 
                src="http://www.windowsdevbootcamp.com/Images/JennMar.jpg" 
                alt="Jennifer Marsman" />
            <figcaption>Jennifer Marsman</figcaption>
        </figure>
    </aside>
    <footer>Footer - Copyright 2011</footer>
</body>
</html>

Debería llamar a algunos pocos elementos nuevos en este código ... ¿Te diste cuenta el elemento hgroup, que agrupaba a las cabeceras h1 y h2? El elemento de marcado me ha permitido resaltar o marcar algún texto importante. Por último, los elementos de la figura y la figcaption especifica una figura en el contenido del contenido (como una imagen, diagrama, fotografías, fragmentos de código, etc) y me dejó asociar un título con esa figura, respectivamente. Esto es lo que la página se vería cuando se combina con un poco de CSS. (NOTA:. se ha tomado prestado este CSS del talentoso compañero de equipo Brandon Satrom).

Ahora, imagine que esta en manos de alguien realmente bueno en CSS (que no soy yo). El resultado es muy poderoso. El carácter descriptivo del HTML hace que sea muy fácil trabajar con él.

Por último, si usted está tratando de seguir a lo largo de Visual Studio, pero que se está viendo líneas onduladas por todos lados que VS no comprende los elementos de HTML5, asegúrese de que tiene Visual Studio 2010 SP1 instalado.

Luego, en el menú de Visual Studio, vaya a Herramientas, Opciones. En el panel de navegación izquierdo, expanda Editor de texto, HTML, a continuación, haga clic en Validación. En el menú de destino desplegable, seleccione HTML5. Esto le dará soporte HTML5 IntelliSense. ¡Menos mal!

Para profundizar más en los elementos semánticos, echa un vistazo a:

· Cómo habilitar el soporte de estándares HTML5

· Semántica sección de la especificación W3C HTML 5

· Sumérgete en HTML5 capítulo sobre la semántica, titulado "¿Qué significa todo esto?"

<!DOCTYPE HTML>
<html>
<body>
    <canvas id="myCanvas">Your browser does not support the canvas tag.</canvas>
    <script type="text/javascript">

        var canvas = document.getElementById('myCanvas');
        var ctx = canvas.getContext('2d');

        // Draw blue rectangle
        ctx.fillStyle = '#0065BD';
        ctx.fillRect(0, 0, 125, 75);

        // Draw white X
        ctx.beginPath();
        ctx.lineWidth = "15";
        ctx.strokeStyle = "white";
        ctx.moveTo(0, 0);
        ctx.lineTo(125, 75);
        ctx.moveTo(125, 0);
        ctx.lineTo(0, 75);
        ctx.stroke();

    </script>
</body>
</html>

Esto es lo que el código anterior produce:

Ahora vamos a recorrer el código.

En primer lugar, creo el canvas actual y le doy una ID de "myCanvas". Si este código se visualiza en un navegador que no soporta el elemento canvas HTML5, se mostrará el mensaje "Su navegador no soporta la etiqueta canvas" en vez de dibujar la bandera.

A continuación, tengo un script. Recuerde, la etiqueta canvas sólo es un contenedor para los gráficos, usted debe usar JavaScript para llamar dibujar y hacer que los gráficos. En primer lugar, utilizo una referencia al lienzo con la ID "myCanvas", y luego el contexto del lienzo que proporciona métodos y propiedades para la elaboración y manipulación de gráficos en el lienzo. He especificado "2D", para usar un contexto de 2 dimensiones para dibujar en la página.

Luego, dibujar el rectángulo azul. Yo uso fillStyle para especificar el color azul. Y fillRect para dibujar el rectángulo, especificando el tamaño y posición. Llamando fillRect (0, 0, 125, 75) significa: a partir de la posición (0, 0) - la parte superior izquierda esquina - dibujar un rectángulo con width = 125 height = píxeles y 75 píxeles.

Por último, dibujo la X blanca en la bandera. La primera vez que llame a BeginPath para iniciar el proceso de pintar un camino. Puedo especificar una anchura de línea lineWidth de 15 píxeles (con las conjeturas y comprobar el método de tratar los diferentes valores hasta que se parecía correcto) y un strokeStyle de "blanco" para hacer la ruta de color blanco. Luego trazar la ruta utilizando moveTo y lineTo. Estos métodos de la posición de un "cursor" para dibujar, la diferencia es que moveTo mueve el cursor sin trazar una línea y lineTo dibuja una línea en movimiento. Empiezo por pasar a la posición (0, 0) - la parte superior izquierda de la esquina - y luego trazar una línea a (125, 75) - la parte inferior derecha esquina. Luego me muevo a la posición (125, 0) - la parte superior derecha de la esquina - y trazar una línea a (0, 75) - la parte inferior izquierda esquina. Por último, el método de stroke en realidad renderiza estos strokes.

Comparativa rápida de Canvas Vs SVG

Scalable Vector Graphics (SVG) es un estándar anterior para dibujar en una ventana del navegador. Con el lanzamiento de canvas en HTML5, muchas personas se preguntan cómo se comparan.

Para mis ojos, la mayor diferencia es que utiliza la representación de canvas de modo inmediato y SVG utiliza el modo de representación retenido. Esto significa que el canvas causa representación directa de los gráficos a la pantalla. En mi código anterior, una vez que la bandera se dibuja, se olvida por el sistema y ningún estado se mantiene. Hacer un cambio requeriría un completo redibujado. En contraste, SVG retiene un modelo completo de los objetos a ser prestados. Para hacer un cambio, usted puede simplemente cambiar (por ejemplo) la posición del rectángulo, y el navegador determina la forma de volver a redibujar. Esto es menos trabajo para el desarrollador, pero también más pesado para mantener un modelo.

La posibilidad de estilo de SVG a través de CSS en adición de JavaScript es valido llamanarlo como otra consideración. Un canvas puede ser manipulado a través de JavaScript unicamente.

Aquí está una descripción de alto nivel de otras diferencias:

	Canvas	SVG
Abstracción	Basado en pixeles (bitmap dinamico)	Basado en formas
Elementos	Elemento sencillo HTML	Elementos gráficos multiples los cuales se convierten en parte del Objeto Modelo del Documento (DOM)
Driver	Se modifica únicamente a través del Script	Modificado a través de Script y CSS
Modelo del Evento	La interacción con el usuario es granular (x,y)	La interacción con el usuario es abstaida (rect, path)
Desempeño	El desempeño es mejor con superficies pequeñas y/o mayores números de objetos	El desempeño es mejor con pequeños números de objetos y/o superficies grandes.

Para una comparación más detallada, quiero señalar que algunas de las sesiones (de la que se sacaron los datos para componer este cuadro fabuloso, con el permiso):

Patrick Dengler: "Pensamientos sobre cuándo usar SVG y Canvas"
Jatinder Mann: "Inmersión profunda en HTML5 Canvas"
John Bristowe: "Introducción a HTML5 Canvas"

Soporte de Audio y vídeo

Uno de los grandes rasgos en el nuevo HTML5 es la capacidad de soportar reproducción de audio y videos. Antes de HTML5, que necesita un plug-in como Silverlight o Flash para esta funcionalidad. En HTML5, es posible integrar audio y video utilizando el <audio> nuevo y etiquetas <video>.

Desde una perspectiva de codificación, el audio y video son elementos muy fáciles de usar. (Demosle una mirada más a fondo en sus atributos más abajo). Los elementos de audio y vídeo también se apoyan en todos los navegadores principales (las últimas versiones de Internet Explorer, Firefox, Chrome, Opera y Safari). Sin embargo, la parte difícil es que se necesita codecs para reproducir audio y vídeo, y apoyar a los diferentes navegadores diferentes codecs. (Para una maravillosa explicación en profundidad de los contenedores y codecs de vídeo, lea http://diveintohtml5.org/video.html.) Afortunadamente, este no es un show-tapón. El soporte para audio y video se llevó a cabo de una manera brillante, donde hay apoyo para tratar de varios formatos de archivo diferentes (el navegador intentará cada uno y luego bajar a la siguiente si no se puede jugar). Como práctica recomendada, se debe proporcionar múltiples fuentes de audio y vídeo para dar cabida a los diferentes navegadores. También puede retroceder a Silverlight o Flash. Por último, el texto entre las etiquetas de apertura y cierre (como <audio> y </ audio>) se mostrará en los navegadores que no soportan el audio o el elemento de vídeo.

Por ejemplo:

<audio controls="controls">
    <source src="laughter.mp3" type="audio/mp3" />
    <source src="laughter.ogg" type="audio/ogg" />
    Your browser does not support the audio element.
</audio>

Con este código, el primer navegador intentará reproducir el archivo laughter.mp3. Si no tiene los codecs adecuados para jugar, lo siguiente será tratar de reproducir el archivo laughter.ogg. Si el elemento de audio no se reconoce en absoluto por el navegador, se mostrará el texto "Su navegador no es compatible con el elemento de audio", donde el control de audio debe ser.

Una advertencia para audio y video: no hay un built-in gestión de derechos digitales (DRM) de apoyo, hay que implementarlo por ti mismo como el desarrollador. Vea este enlace de la W3C, que explica su posición. (Si usted tiene una necesidad de contenidos con DRM, también echa un vistazo a la documentación de Silverlight DRM, que puede ser una solución más fácil.)

Ahora vamos a profundizar en cada uno de estos nuevos elementos.

audio

En primer lugar, echemos un vistazo a <audio> con más detalle.

<audio controls="controls">
    <source src="laughter.mp3" type="audio/mp3" />
    <source src="laughter.ogg" type="audio/ogg" />
    Your browser does not support the audio element.
</audio>

Ya hemos discutido el efecto de retroceso de tratar de cada fuente hasta que encuentra uno que con suerte se pueden reproducir.

Nótese que no es un atributo controles. Esto mostrará los controles de reproducción de audio, incluyendo un botón de reproducción / pausa, el tiempo, un botón de silencio, y el volumen de los controles. En la mayoría de situaciones, es bueno para mostrar los controles de audio para el usuario; odio visitar un sitio web con sonido y ser incapaz de detener, silenciar, o gire hacia abajo. ¿No?

Los controles adquieren un aspecto diferente en distintos navegadores. Éstos son lo que parecen en Chrome (con una canción sonando). El volumen desplegable aparece abajo cuando se pasa sobre el icono de sonido en el extremo derecho.

Estos son los controles en Firefox (con una canción en pausa). Al igual que Chrome, también tiene un control de volumen pop-up (no se muestra) cuando se pasa sobre el icono de sonido en el extremo derecho.

Otros atributos divertidos en el elemento de audio incluyen:

Atributo	Valores pasivos	Descripción
Autoplay	Autoplay	Comienza a sonar el audio tan pronto como esta lista.
Controls	Controls	Muestra los controles de audio en la pagina
Loop	Loop	Hace que se repita y vuelva a sonar cada vez que termine.
Preload	Auto, metadata, none	Determina si se debe cargar el audio cuando se carga la página. El valor auto se carga el audio, los metadatos se carga sólo los metadatos asociados con el archivo de audio, y ninguno de audio no se precarga. (Este atributo se ignora si se especifica función de reproducción automática.)
Src	(cualquier url)	Especifica la url del archivo de audio a escuchar

Así que este ejemplo de código no sólo mostrar los controles de reproducción de audio, sino también iniciar la reproducción de audio inmediatamente y repetir una y otra vez en un bucle.

<audio controls="controls" autoplay="autoplay" loop="loop">
    <source src="laughter.mp3" type="audio/mp3" />
    <source src="laughter.ogg" type="audio/ogg" />
    Your browser does not support the audio element.
</audio>

Si ud quiere tocar el elemento <audio> en tu navegador, hay un gran "Editor Tryit" en http://w3schools.com que le permite modificar algunos ejemplos de código y ver qué pasa. O pruebe el Cómo agregar un reproductor de audio de HTML5 a su artículo del sitio.

Vídeo

Ahora, vamos a examinar el elemento <video>.

<video width="320" height="240" controls="controls">
    <source src="movie.ogg" type="video/ogg" />
    <source src="movie.mp4" type="video/mp4" />
    <source src="movie.webm" type="video/webm" />
    Your browser does not support the video tag.
</video>

Como ya comentamos anteriormente, el elemento de vídeo tiene soporte para múltiples fuentes, que se tratan en el orden y luego caen a la siguiente opción.

Como audio, vídeo tiene un atributo controls. Aquí hay una captura de pantalla de los controles de video en Internet Explorer:

Otros atributos divertidos del elemento vídeo incluyen:




 

   
Atributos

   
Valores Posibles

   
Descripción

  

 

  
audio

  
Muted

  
Establece el estado por defecto del
  audio (en la actualidad, "silenciado" es la única opción)

 

  
autoplay

  
autoplay

  
Inicia la reproducción de vídeo tan
  pronto como esté listo

 

  
controls

  
controls

  
Muestra los controles de
  reproducción de vídeo en la página

 

  
height

  
(valor en pixeles)

  
Establece la altura del
  reproductor de vídeo

 

  
loop

  
Loop

  
Repite el video y comienza de
  nuevo cada vez que se termina

 

  
poster

  
(some URL)

  
Especifica la dirección URL de una
  imagen para presentar el video cuando no hay datos de vídeo disponibles

 

  
preload

  
auto, metadata, none

  
Determina si se debe cargar el vídeo
  cuando se carga la página. El valor auto se carga el
  video, los metadatos se carga sólo los metadatos asociados
  con el archivo de vídeo, y ninguno de video no se precarga. (Este
  atributo se ignora si se especifica función de
  reproducción automática.)

 

  
src

  
(some URL)

  
Especifica la dirección URL del archivo
  de vídeo para jugar

 

  
width

  
(valor en pixeles)

  
Establece el ancho del
  reproductor de vídeo

 

Una vez más, para iteractuar con elemento <video> usted mismo, use el Editor de "Tryit" de http://w3schools.com que le permite modificar algunos ejemplos de código y ver qué pasa.

Para aprender más acerca de video y audio, echa un vistazo a:


5 cosas que usted necesita saber para comenzar a utilizar <audio> y <video> hoy
Cómo agregar un reproductor de audio de HTML5 en su sitio
W3C Escuelas video HTML5


Desarrollar con HTML5, manteniendo el apoyo a los navegadores más antiguos

Hemos hablado de un montón de nuevas funcionalidades fresco en HTML5, incluyendo los nuevos elementos semánticos, la etiqueta de tela para el dibujo y el apoyo de audio y vídeo.

Usted puede pensar que esto es realmente genial, pero no puede adoptar HTML5 cuando muchos de sus usuarios no tienen compatibles con HTML5 navegadores todavía. Por no hablar de que los navegadores que HACER HTML5 support diferentes piezas de la misma, no todos de la nueva funcionalidad de HTML5 es compatible con todos los navegadores y diversas características puede implementarse de manera diferente.

Pero hay una manera de utilizar las nuevas funcionalidades sin romper su sitio para los usuarios con navegadores más antiguos. Usted puede utilizar polyfills.

De acuerdo con Paul Irish, un polyfill es "una cuña que imita a una futura API, que proporciona una funcionalidad de reserva para exploradores más antiguos." Un polyfill a llenar los vacíos en los navegadores antiguos que no soportan la funcionalidad de HTML5 en su sitio. Aprender a usar polyfills le permitirá utilizar HTML5 hoy sin dejar de lado los usuarios de navegadores más antiguos.

Una forma de obtener el apoyo polyfill es la biblioteca JavaScript Modernizr (pero hay muchos polyfills disponible). Modernizr añade la capacidad de función de detección para que pueda comprobar específicamente para si un navegador soporta (por ejemplo) el elemento de tela y proporcionar una opción de copia de seguridad si no lo hace.

Vamos a caminar a través de un ejemplo. Recuerda el ejemplo de código que he usado en la introducción de elementos semánticos y diseño de la página? Aquí está de nuevo:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Title</title>
    <link href="css/html5reset.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
</head>
<body>
    <header>
        <hgroup>
            <h1>Header in h1</h1>
            <h2>Subheader in h2</h2>
        </hgroup>
    </header>
    <nav>
        <ul>
            <li><a href="#">Menu Option 1</a></li>
            <li><a href="#">Menu Option 2</a></li>
            <li><a href="#">Menu Option 3</a></li>
        </ul>
    </nav>
    <section>
        <article>
            <header>
                <h1>Article #1</h1>
            </header>
            <section>
                This is the first article.  This is <mark>highlighted</mark>.
            </section>
        </article>
        <article>
            <header>
                <h1>Article #2</h1>
            </header>
            <section>
                This is the second article.  These articles could be blog posts, etc.  
            </section>
        </article>
    </section>
    <aside>
        <section>
            <h1>Links</h1>
            <ul>
                <li><a href="#">Link 1</a></li>
                <li><a href="#">Link 2</a></li>
                <li><a href="#">Link 3</a></li>
            </ul>
        </section>
        <figure>
            <img width="85" height="85" 
                src="http://www.windowsdevbootcamp.com/Images/JennMar.jpg" 
                alt="Jennifer Marsman" />
            <figcaption>Jennifer Marsman</figcaption>
        </figure>
    </aside>
    <footer>Footer - Copyright 2011</footer>
</body>
</html>

Atributos	Valores Posibles	Descripción
audio	Muted	Establece el estado por defecto del audio (en la actualidad, "silenciado" es la única opción)
autoplay	autoplay	Inicia la reproducción de vídeo tan pronto como esté listo
controls	controls	Muestra los controles de reproducción de vídeo en la página
height	(valor en pixeles)	Establece la altura del reproductor de vídeo
loop	Loop	Repite el video y comienza de nuevo cada vez que se termina
poster	(some URL)	Especifica la dirección URL de una imagen para presentar el video cuando no hay datos de vídeo disponibles
preload	auto, metadata, none	Determina si se debe cargar el vídeo cuando se carga la página. El valor auto se carga el video, los metadatos se carga sólo los metadatos asociados con el archivo de vídeo, y ninguno de video no se precarga. (Este atributo se ignora si se especifica función de reproducción automática.)
src	(some URL)	Especifica la dirección URL del archivo de vídeo para jugar
width	(valor en pixeles)	Establece el ancho del reproductor de vídeo

Este código contiene una serie de elementos HTML5 nuevas que no son compatibles con los navegadores más antiguos. Recuerde que en Internet Explorer 9, se veía así:

Podemos utilizar las herramientas de desarrolladores de Internet Explorer para ver lo que esto se vería como en versiones anteriores de IE. En Internet Explorer, pulse F12 para acceder a las herramientas de desarrollo.

Tenga en cuenta que el modo de navegador (en la barra de menú de color gris en la parte superior) está configurado para IE9. Haga clic en el modo navegación, y desde el menú desplegable que aparece, seleccione "Internet Explorer 8" (que no tiene soporte de HTML5).

Después de realizar este cambio, y cambiar a un navegador no compatible con HTML5, esto es lo que mi página se ve así:

Aunque esto parece un problema monstruoso para corregir, no es realmente tan malo. La razón de que esto no funciona es que IE8 no reconoce los elementos HTML5 nuevos que estoy utilizando, por lo que no añadirlos a la DOM, por lo que no puede estilo usando CSS.

Sin embargo, sólo añadir una referencia a Modernizr (sin realizar ningún cambio de código de otros!) Será la fuerza bruta de estos elementos en el DOM. Puedes descargarlo desde http://www.modernizr.com/download/ y agregue una referencia en la sección <head> así:

<head>
    <meta charset="utf-8" />
    <title>Title</title>
    <link href="css/html5reset.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <script src="script/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="script/modernizr-2.0.6.js" type="text/javascript"></script>
</head>

He añadido dos referencias de script, uno de jQuery y una de Modernizr. Yo en realidad no necesita la referencia de jQuery en este punto, pero lo necesito para la siguiente secuencia de comandos, así que estoy añadiendo ahora. Solo este simple cambio ahora recibe mi sitio a este estado de Internet Explorer 8:

No es perfecto, pero que es muy parecido a la versión original que vemos en Internet Explorer 9. Modernizr añadido estos elementos HTML5 nuevos que IE8 no entendía en el DOM, y desde que estaban en el DOM, podríamos estilo de ellos el uso de CSS.

Pero Modernizr hace más que eso! Tenga en cuenta que una de las diferencias entre nuestros IE8 e IE9 versiones de la página web es que la versión IE9 tiene buenas esquinas redondeadas en los dos artículos y la figura, y la versión de IE8 no es así. También podemos utilizar Modernizr para solucionar este problema.

    <script type="text/javascript">
        if (!Modernizr.borderradius) {
            $.getScript("script/jquery.corner.js", function() {
                $("article").corner();
                $("figure").corner();
            });
        }
    </script>

En este script, estamos revisando el objeto Modernizr para ver si hay apoyo para "borderradius" (una característica de CSS3). Si no es así, yo uso un script de jQuery llamado jquery.corner.js (que está disponible para su descarga en http://jquery.malsup.com/corner/ y requiere que la referencia adicional para jQuery que he hecho antes). Entonces sólo tiene que llamar al método de la esquina de esa secuencia de comandos en mis artículos y figuras para darles esquinas redondeadas.

O, usted puede hacer esto de una manera ligeramente diferente. Modernizr tiene un accesorio opcional (no incluido) cargador de recursos condicionada llama Modernizr.load (), sobre la base de Yepnope.js. Esto le permite cargar sólo las secuencias de comandos polyfilling que los usuarios necesitan, y se carga scripts de forma asincrónica y en paralelo que a veces pueden ofrecer un aumento de rendimiento. Para obtener Modernizr.load, usted tiene que incluir en un encargo de la estructura de la Modernizr que hay que crear en http://www.modernizr.com/download/, no está incluido en la versión de desarrollo. Con Modernizr.load, podemos escribir un script como el siguiente:

    <script type="text/javascript">
        Modernizr.load({
            test: Modernizr.borderradius,
            nope: 'script/jquery.corner.js',
            callback: function () {
                $('article').corner();
                $('figure').corner();
            }
        });
    </script>

En definitiva, se implementa la misma funcionalidad que el guión anterior. Modernizr.load primera prueba de la propiedad Boolean "Modernizr.borderradius" para ver si es compatible. Entonces, nope define los recursos necesarios para cargar si la prueba es falsa. Dado que IE8 no es compatible con la propiedad de CSS3 "borderradius", que se carga el script jquery.corner.js. Por último, la devolución de llamada especifica una función para ejecutarse cada vez que la secuencia de comandos se realiza la carga, por lo que llamaremos el "rincón" método en mis artículos y figuras como lo hacíamos antes. No hay un breve tutorial sobre Modernizr.load en http://www.modernizr.com/docs/#load si quieres adentrarte.

Ahora, mediante el uso de cualquiera de estos scripts, nuestra versión de Internet Explorer 8 (que no es compatible con HTML5) se parece a esto:

Por lo tanto, utilizando polyfills y herramientas como Modernizr le permiten utilizar la funcionalidad de HTML5 nueva y todavía proporcionar una buena experiencia en los navegadores antiguos también. Para obtener más información, echa un vistazo a http://www.diveintohtml5.org/detect.html que describe en detalle cómo Modernizr detecta las características de HTML5.

En resumen

En esta introducción a HTML5, cubrimos el marcado semántico, canvas, audio y video, y el uso de HTML5, manteniendo el apoyo a los navegadores más antiguos. Pero también señalan que hay un montón de cosas que no comprende: a los microdatos, almacenamiento, CSS3, etc Aquí hay algunos recursos para seguir aprendiendo acerca de HTML5:

Unidad de prueba de IE - incluso si usted no utiliza Internet Explorer, este es un sitio impresionante. Contiene un montón de demos: demostraciones de velocidad, Demos HTML5, Demos gráficos y demostraciones del explorador. Trate de ellos en tu navegador favorito! Este sitio también tiene enlaces a otros recursos, también.

Belleza de la Web - reúne a los mejores sitios en la web que aprovechan la aceleración de hardware de HTML5 y características de colocación de clavos con Internet Explorer 9

BuildMyPinnedSite - todo el código, las ideas, y las muestras es necesario utilizar clavos y la integración de Windows

HTML5 Labs - Este sitio es donde los prototipos de Microsoft especificaciones iniciales e inestable de los estándares web de organismos como el W3C. Puedes jugar con prototipos como IndexedDB, WebSockets, FileAPI, y Medios de Comunicación de captura de la API.

Videos

La charla de Brandon Satrom de "Application Development with HTML5" en TechEd 2011 - esta es una fabulosa hora de duración, habla de de lo que usted necesita saber para hacer el desarrollo de HTML5

Conversaciones en HTML5 de MIX 2011 - una gran cantidad de sesiones de HTML5

Herramientas

Muchas de las herramientas de desarrollo soportan HTML5 ya. Prueba con estos:

Visual Studio 2010 Service Pack 1 - SP1 agrega HTML5 y CSS3 básicas de IntelliSense y validación. Para obtener más información, consulte
Estándares Web de actualización para Microsoft Visual Studio 2010 SP1 - esta es una extensión de Visual Studio IntelliSense que se suma actualizada HTML5 y CSS3 y validación de Visual Studio 2010 SP1, basado en la especificación W3C actual.
WebMatrix - HTML5 está soportada por omisión de la caja (la adición de una nueva página HTML utiliza el tipo de documento por defecto HTML5 y código de la plantilla)
ASP.NET MVC 3 herramientas de actualización
Expression Web Service Pack 1 de 4

Además de las herramientas de desarrollo, no se olvide:

Windows Phone "Mango" contiene Internet Explorer 9, que soporta sitios HTML5.
Internet Explorer 10 Avances de la Plataforma cuenta con el apoyo de muchos de los nuevos CSS3 y HTML5 características, la lista completa se encuentra en http://msdn.microsoft.com/en-us/ie/gg192966.aspx.

HTML5 ya está aquí. Anímese a desarrollar sitios web increíbles!

Traducido de: "http://www.codeproject.com/Articles/268774/Learn-HTML5-in-5-Minutes"

Agradecimiento a la autora: Jennifer Marsman

10 LENGUAJES DE PROGRAMACION QUE USTED DEBE APRENDER AHORA!

2012-02-12T20:05:00.001-05:00

Entre miles, de 10 lenguajes de programación se destacan por su capacidad de comercialización y el uso de ancho de trabajo. Si usted está buscando para impulsar su carrera o aprender algo nuevo, comienza aquí.

El conocimiento de un puñado de lenguajes de programación es visto por muchos como un puerto en una tormenta mercado de trabajo, habilidades sólidas que serán negociables siempre y cuando los idiomas son.

Sin embargo, hay belleza en los números. Si bien pueden existir los desarrolladores que han tenido las riquezas amontonadas sobre ellos por conocer el lenguaje de programación adecuado en el momento justo en el lugar correcto, la mayoría de los codificadores de toda la vida le dirá que, periódicamente, aprender un nuevo idioma es una parte esencial de ser un buen sitio en Internet y con éxito desarrollador.

"Uno de mis mentores me dijo una vez que un lenguaje de programación es un lenguaje de programación. No importa si eres un buen programador, es el sintaxis que importa", dijo Tim Huckaby, director ejecutivo de la sede en San Diego de ingeniería de software CEO de la compañía Interknowlogy.com , dijo a eWEEK.

Sin embargo, Huckaby dijo que aunque su compañía está "nadando" en el trabajo, es teniendo un tiempo casi imposible encontrar reclutas, incluso en el nivel de entrada, que saben lenguas de programación específicos.

"Se está contratando como locos, pero no se tiene un tiempo fácil. Estaban en busca de
actitud y aptitud, los niños que acaban de salir de la escuela que conocemos .Net o Java, incluso, porque con el que podemos entrenar en .Net," dijo Huckaby .

"No se aferran a uno o dos idiomas. Cuando empecé en el año 1969, FORTRAN, COBOL y ensamblador de S/360 fueron los grandes Lenguajes. Hoy en día, Java, C y Visual Basic lo son. Dentro de 10 años, un nuevo conjunto de las Lenguajes estarán de moda .... En el último recuento, yo sabía / han aprendido más de 24 idiomas diferentes en más de 30 años ", dijo Wayne Duqaine, director de Desarrollo de Software en Sistemas de Grandview, de Sebastopol, California, eWEEK.

Al elegir los cerebros de los desarrolladores web y de selección de personal de TI, eWEEK seleccionó 10 lenguajes de programación que son una ventaja para los desarrolladores para añadir a su currículum. Incluso mejor, theyre grandes saltos fuera de los puntos, con un montón de oportunidades de empleo para jóvenes reclutas.

1. PHPQué es: Un código abierto, interpretativo, del lado del servidor, multi-plataforma, lenguaje de secuencias de comandos HTML, especialmente adecuado para el desarrollo Web, ya que puede ser embebido en páginas HTML.¿Por qué debes aprenderlo: Es particularmente ampliamente utilizado. "La alta velocidad de las secuencias de comandos con el almacenamiento en caché, aumentada con el código compilado de plug-ins (por ejemplo, se puede hacer con Perl y PHP) es donde está el futuro. La construcción de aplicaciones web desde cero usando C o COBOL va por el camino de los dinosaurios"dijo Duquaine.Disponibilidad de empleo: 1.152 *

2. C #Qué es:. De propósito general, compilado, orientado a objetos lenguaje de programación desarrollado por Microsoft como parte de su iniciativa de NET, que evolucionó a partir de C y C + +¿Por qué debes aprenderlo: Es una parte esencial del marco de Internet.. "El aprendizaje de C #, que es sólo de Java con una placa de características diferentes, es esencial si usted usa mucho Microsoft", dijo Duquaine.Disponibilidad de empleo: 5.111

3. AJAX (Asynchronous JavaScript and XML)Qué es: Aunque técnicamente no es un lenguaje de programación AJAX utiliza XHTML o HTML, JavaScript y XML para crear aplicaciones web interactivas.¿Por qué debes aprenderlo: Desde que Google Maps pone AJAX, así, en el mapa, las solicitudes de profesionales con conocimientos en AJAX fue por las nubes. "La demanda de conocimientos de AJAX es enorme debido a que su tan condenadamente difícil de aprender", dijo Huckaby. Cabe destacar que Microsoft ha anunciado recientemente planes para lanzar una herramienta llamada Atlas que hará más fácil de implementar AJAX. "Si Microsofts herramienta de Atlas tiene éxito, traería la extrema complejidad y la molestia de AJAX para el trabajador promedio", dijo Huckaby.Disponibilidad de empleo: 1.106

4. JavaScriptQué es: No se debe confundir con Java, JavaScript es un uno orientado a objetos, lenguaje de programación de secuencias de comandos que se ejecuta en el navegador Web en el lado del cliente. Su más pequeño que el de Java, con un conjunto simplificado de comandos, más fácil de código y no tiene que ser compilado.¿Por qué debes aprenderlo: embebido en páginas HTML, su utiliza en millones de páginas web para validar formularios, crear cookies, detectar navegadores y mejorar el diseño. Con su sencillez para aprender así como el uso de ancho, la considera una gran explosión de su inversión educativa.Disponibilidad de empleo: 4.406

5. Perl Qué es: Perl es un código abierto, multiplataforma, del lado del servidor lenguaje de programación interpretativo utilizado ampliamente para procesar el texto a través de programas CGI.¿Por qué debes aprenderlo: el poder Perls en el procesamiento de pilas de texto ha hecho muy popular y ampliamente utilizado para escribir programas de servidor Web para una amplia gama de tareas. "Aprender el lenguaje de scripts, como Perl o PHP es esencial si usted está haciendo las aplicaciones web", dijo Duquaine.Disponibilidad de empleo: 4.810

6. C Qué es: Un estándar de uso general lenguaje de programación, es una de las lenguas más extendidas y la base para muchos otros (como C + +).¿Por qué usted debe aprender: "Aprender C es crucial Una vez que aprendas C, dar el salto a Java o C # es bastante fácil, porque mucha de la sintaxis es común también, una gran cantidad de sintaxis de C se utiliza en lenguajes de script,.. ", dijo Duquaine.Las disponibilidades de trabajo: 6.164, incluyendo todos los derivados

7. Ruby y Ruby on RailsQué son: Ruby es un proceso dinámico, orientado a objetos, de fuente abierta lenguaje de programación, Ruby on Rails es un framework web de código abierto aplicación escrita en Ruby que sigue de cerca la arquitectura MVC (Model-View-Controller) de la arquitectura.¿Por qué usted debe aprender: Con un enfoque en la simplicidad, la productividad y permitir que los ordenadores hagan el trabajo, en unos pocos años, su uso se ha extendido rápidamente. Como beneficio adicional, a muchos les resulta fácil de aprender.Las disponibilidades de trabajo: 210 y 54, respectivamente

8. Java Qué es: Un lenguaje de programación orientado a objetos desarrollado por James Gosling y sus colegas en Sun Microsystems a principios de 1990.¿Por qué debes aprenderlo: Considerado por muchos desarrolladores como un "bello" idioma, es fundamental para la experiencia en programación no .Net. "El aprendizaje de Java es crítico si no son de Microsoft", dijo Duquaine.Disponibilidad de empleo: 14.408

9. PythonQué es: interpretado de forma dinámica orientada a objetos, de código abierto que utiliza el lenguaje de programación de la gestión de memoria automática.¿Por qué debes aprenderlo: Diseñado para ser un muy fácil de leer, el lenguaje minimalista, muchos dicen que tiene un sentido del humor (correo no deseado y los huevos, en lugar de foo y bar), Python se utiliza ampliamente por Google, así como en el mundo académico debido a su la sencillez sintáctica.Las disponibilidades de trabajo: 811

10. VB.Net (Visual Basic. Net)Qué es: Un lenguaje orientado a objetos implementado en Microsofts Net Framework..¿Por qué debes aprenderlo: La mayoría asegura que VB.Net es actualmente más popular que nunca y uno de los pocos "hay que aprende." "En la actualidad está dominando en la adopción y ahí es donde todo el trabajo es", dijo Huckaby.Disponibilidad de empleo: 2.090

* Todos los números sobre la disponibilidad de trabajo fueron sacados a partir de consultas a nivel nacional en Dice.com, un lugar de trabajo para los profesionales de la tecnología.

¿QUE ES RAID?

2012-02-12T18:42:00.001-05:00

Si usted está en el negocio de la informática donde la seguridad de los datos y la disponibilidad son cruciales en todo momento, lo más probable es que usted podría haber encontrado ya o aún trabajaba con RAID. ¿Qué es RAID? No es una cosa viva, pero se ha vuelto muy popular y vital en serio en muchas organizaciones con múltiples usuarios a través de diferentes lugares e incluso los usuarios domésticos que acceden varias imágenes a la vez. RAID es un acrónimo de Redundant Array of Independent Disks o a veces se denomina matriz redundante de discos económicos. Este último ha sido acuñado sobre todo para ilustrar la capacidad de mejorar en general el rendimiento del equipo y la seguridad de los datos mediante el uso de múltiples discos de bajo costo.

Con el fin de bajar a los pros y los contras de la eficiencia de diferentes niveles de RAID, es más adecuado para hacer algo de claridad a la terminología RAID muchos. Rayas es la cantidad de datos se distribuyen y se escribe en los discos de varios que serán establecidos en una matriz, ya sea por nivel de byte o bit de nivel. La replicación es el proceso mediante el cual los datos escritos en el otro disco se copia en los otros discos simultáneamente, creando una réplica redundante de la otra. La paridad en el otro lado es el uso junto con rayas y es procedimiento de cálculo que permite la matriz en la determinación de qué información tiene que ser almacenado en los discos.

Niveles estándar Dependiendo de la prioridad del usuario, hay niveles de RAID que se pueden establecer para dar un mayor énfasis en algunas decisiones organizativas y de negocio cruciales para la operación, tales como aumento de rendimiento informático, seguridad de datos, disponibilidad de datos, y la capacidad de almacenamiento de datos.

RAID 0
Esta matriz se utiliza sobre todo por los usuarios que pagan más por la computación de alto rendimiento. El adagio que dice "dos cabezas piensan mejor que uno" es válido para esta configuración. Se permite, pero no ofrece ninguna duplicación o redundancia en el proceso. El mayor rendimiento se hace posible con los datos de forma en que se almacenan y se dividieron en varios discos de la matriz. Esto funciona de maravilla para los de la mirada hacia fuera para acelerar la lectura y escritura funcionalidad de cómputo.

RAID 1Esta configuración ofrece ninguna rayas, pero permite el reflejo en el proceso. Como los datos son idénticamente escritas en varios discos de la matriz, hay una pequeña chance de perder los datos, incluso si los otros discos no en el proceso. Sin embargo, el rendimiento es un poco comprometida en comparación con RAID 0 de matriz como el proceso de escritura en un solo disco puede tardar un poco más en comparación con tener que dividir en varios discos.

RAID 2Es ejecutado por dividir los datos en el nivel de bits y extendiéndola sobre designados discos y discos de datos de redundancia.Los bits redundantes se calculan utilizando los códigos de Hamming, una forma de código de corrección de errores (ECC).

RAID 3Esta matriz es puesta a punto en bandas está en el buen nivel de byte y con disco de paridad dedicado. Esto significa que cada archivo se divide entre las unidades de rayas por igual, byte a byte, y esto es lo que lo hace excepcional, ya que permite la lectura de cada byte simultáneamente a través de diferentes unidades.

RAID 4Esta matriz set-ups de un bloque a nivel de bandas y dejando a un lado un disco de paridad dedicado). Es similar a RAID 5, excepto que confina todos los datos de paridad para un solo disco, que pueden impactar negativamente en la velocidad de ejecución. No obstante, la detección de errores se logra a través de paridad dedicado que se almacena en una unidad separada, solo disco.

RAID 5Esto se pone en marcha permite la creación de bandas nivel de bits y el cálculo de paridad distribuida. Esto se ha sido el más popular puesta en marcha entre los principios de los montajes mencionados, ya que ofrece los beneficios de la RAID3 y RAID 4, pero sin la experiencia de cuello de botella causado por un cálculo de paridad dedicado en un solo disco.

RAID 6Esta configuración ofrece la creación de bandas a nivel de bits y de doble cálculo de la paridad distribuida. Esto significa también más costoso en los arrays de disco a medida que tendría que hacer doble cantidad disponible de los discos. En general ofrece un rendimiento razonable, pero ligeramente inferior a lo que permite a RAID 5. Se puede hacer muy costoso.

RAID Anidado (híbrido)
También hay matrices que emplean las combinaciones de niveles de RAID estándar fijando tanto en el número estándar de nivel de RAID antes y después de un "+", como por ejemplo 0 +1.

RAID 0 +1: Se refiere a la creación de bandas de datos en conjuntos de espejos. Aunque esto se ha vuelto más compleja para los usuarios normales, esto permite que la tolerancia a fallos y rendimiento mejorado.

RAID 1 +0: Se refiere a la duplicación de datos en un conjunto de bandas.

RAID 5 +1: Se refiere a la puesta a punto con el conjunto de espejos a rayas y con paridad distribuida.

Las descripciones y explicaciones sobre el set-up no son todo el tiempo aplicable a los usuarios de gama baja y puede incluso no ser comprensible para algunos profesionales de la informática de gama alta. Sin embargo, a sabiendas de que hay soluciones posibles de disco a sus necesidades informáticas siempre es una pieza útil de información.Resultados de prueba frente a RAID sola unidad:

Resultados de pruebas RAID frente a una sola unidad:

Traducido de el sitio web: http://www.hirensbootcd.org/what-is-raid/ usando traductor de google: translate.google.com

TRADUCIR LAS MATEMÁTICAS EN CÓDIGO CON EJEMPLOS EN JAVA, LA RAQUETA, HASKELL Y PYTHON

2011-11-17T08:47:00.001-05:00

Las estructuras matemáticas discretas son la base de la informática.

Estas estructuras son tan universales que la mayoría de los trabajos de investigación en la teoría de la computación, lenguajes de programación y los métodos formales de presentar los conceptos en términos de la matemática discreta en lugar de código.

El supuesto subyacente es que el lector sabe cómo traducir estas estructuras en un fiel cumplimiento de un programa de trabajo.

La falta de material que explica esta traducción frustra los forasteros.

Lo que profundiza la frustración es que cada modelo de lenguaje codifica estructuras discretas de una maneradistinta.

Muchas de las codificaciones son tan inmutables, estructuras de datos puramente funcional (incluso en los lenguajes imperativos), un tema que por desgracia omite muchos currículos de informática. Muchas bibliotecasestándar proporcionan sólo mutable versiones de estas estructuras de datos, lo que lleva inmediatamente a las trampas.

Okasaki clásico de estructuras de datos puramente funcional es una referencia esencial:

ATENCIÓN: MATEMÁTICAS NO TIENE EFECTOS SECUNDARIOS

Los recién llegados error fatal que al traducir las matemáticas en código es mutable utilizando estructuras de datos en la que sólo una estructura inmutable, estaba en lo cierto.

Las matemáticas no tiene efectos secundarios.

Las matemáticas no puede modificar el valor de una variable - ya sea global o local. No se puede mutar un elemento de una matriz. Y, una función matemática devuelve siempre el mismo valor para la misma entrada.

La traducción literal de las matemáticas en el código no puede contener los efectos secundarios.

Las matemáticas son un lenguaje puramente funcional.

Por supuesto, una vez que las limitaciones de una aplicación se entienden, por lo general es posible cambiar las estructuras de datos inmutables mutable de los lugares clave para lograr ahorros de rendimiento.

Sin embargo, a los efectos de creación de prototipos, que siempre es mejor comenzar con una aplicación directa, puramente funcional.

CONJUNTOS Y CONJUNTOS DE PODER

La prestación de un conjunto como el código suele ser un tipo, una colección de respaldo de un árbol de equilibrado o un mapa hash, o un predicado.

En matemáticas, un conjunto es una colección desordenada de elementos.

El conjunto vacío - ∅ - es un conjunto especial que no contiene elementos.

La sintaxis de los juegos de llaves es literal: {}. Por ejemplo, el conjunto {1,2,3} es el conjunto que contiene 1, 2 y 3.

La relación x ∈ S declara que el valor de x es un miembro del conjunto S.

Establece como tipos

Conjuntos infinitos suelen ser codificados como tipos.

(Por supuesto, algunos conjuntos finitos se codifican como tipo también.)

En algunos casos, un conjunto X se define como un subconjunto de otro conjunto Y:

X ⊂ Y.
Esta relación subconjunto puede ser representada como sucesiones en un lenguaje como Java o Python, si estos juegos están destinados a ser los tipos:

la clase X se extiende Y {... }
Cuando un conjunto X se define como el conjunto potencia de otro conjunto Y:

X = P (Y) = 2Y,
entonces X e Y serán los tipos, y los miembros de X será colecciones.

CONJUNTOS COMO COLECCIONES

Cuando el contenido de un conjunto se calcula en tiempo de ejecución, a continuación, a menudo será una colección ordenada respaldado por una estructura como un árbol rojo-negro.

No es difícil de implementar un árbol de búsqueda puramente funcional, ordenado (pero no balanceada) en Java:

interface Ordered <T> {
  public boolean isLessThan(T that) ;
}

abstract class SortedSet<T extends Ordered<T>> {
  public abstract boolean isEmpty() ;
  public abstract boolean contains(T element) ;
  public abstract SortedSet<T> add(T element) ;

  public static final <E extends Ordered<E>> SortedSet<E> empty() {
    return new EmptySet<E>();
  }
}

final class EmptySet<T extends Ordered<T>> extends SortedSet<T> {
  public boolean isEmpty() {
    return true ;
  }

  public boolean contains(T element) {
    return false ;
  }

  public SortedSet<T> add(T element) {
    return new Node<T>(this,element,this) ;
  }

  public EmptySet() {
  }
}

final class Node<T extends Ordered<T>> extends SortedSet<T> {

  private final SortedSet<T> left ;
  private final T element ;
  private final SortedSet<T> right ;

  public boolean isEmpty() {
    return false ;
  }

  public Node(SortedSet<T> left, T element, SortedSet<T> right) {
    this.left = left ;
    this.right = right ;
    this.element = element ;
  }

  public boolean contains(T needle) {
    if (needle.isLessThan(this.element)) {
      return this.left.contains(needle) ;
    } else if (this.element.isLessThan(needle)) {
      return this.right.contains(needle) ;
    } else {
      return true ;
    }
  }

  public SortedSet<T> add(T newGuy) {
    if (newGuy.isLessThan(this.element)) {
      return new Node<T>(left.add(newGuy),this.element,right) ;
    } else if (this.element.isLessThan(newGuy)) {
      return new Node<T>(left,this.element,right.add(newGuy)) ;
    } else {
      return this ; // Already in set.
    }
  }
}

25 SECRETOS DE LAS HERRAMIENTAS DE DESARROLLO DEL NAVEGADOR

2011-11-16T15:55:00.001-05:00

Desarrollo.

En los últimos años se ha producido una herramienta que ha ayudado a todos los desarrolladores web más que cualquier otro - las herramientas de desarrollo del navegador. Trabajando en armonía con el navegador web, las herramientas de desarrollo que nos permite manipular elementos DOM, los estilos CSS, JavaScript y otra información útil de la misma ventana a menudo en tiempo real.

Históricamente, los desarrolladores han utilizado Firebug de Firefox add-on para desarrollar y depurar sus sitios web, pero más recientemente, cada navegador ha desarrollado su propio conjunto de herramientas y cada uno viene con sus propias ventajas y desventajas. Hoy en día parece difícil imaginar que algún día la construcción de un sitio web sin una de estas útiles herramientas, que normalmente son accesibles, ya sea presionando "F12" en Windows o "Comando" ⌘ ", opción" ⌥ e "I" en el Mac, o por la derecha clic en la página y selecciona "Inspeccionar elemento".

Navegador	Conjunto de herramientas	Tipo	Documentación
Chrome	Herram. de desarrollo	Integrada	Documentation
Firefox	Firebug	Add-on	Documentation
Internet Explorer	Barra/Herram. desarrollo	Integrada	Documentation
Opera	Dragonfly	Integrada	Documentation
Safari	Developer Tools	Integrada (Defecto off)	Descripción Gral

¿Pero está usted usando las herramientas de desarrollo de su potencial? El más positivo acerca de las herramientas de desarrollo es que son increíblemente fácil de usar, sino como un resultado de los desarrolladores a menudo se pierda una gran parte de la funcionalidad proporcionada. Inspirados por una charlade vídeo de Paul irlandés y Pavel Feldman, he compilado una lista de los "secretos" de la consola de los desarrolladores. No estoy esperando a cada uno de estos para ser desconocido para usted, pero espero quealgunos de estos le ayudarán a convertirse en un desarrollador web, incluso mejor.

Si usted tiene más secretos, no dude en dejar un comentario al final del artículo y voy a actualizar el mensaje una vez que haya comprobado. También me encantaría saber qué consola de desarrollador utiliza como su principalherramienta de desarrollo, que me haga saber de abajo!

La "consola" Tab

El corazón de cualquier herramienta de desarrollo es la "consola" ficha en la que puede dar salida a depurar y ejecutar comandos en la página web actual.

Referencia el elemento actual

Chrome, Firefox, Opera, Safari - Si tiene un elemento seleccionado en la ficha "Elementos", puede utilizar la referencia de $ 0 a llamarlo dentro de su código. Por ejemplo, para ver el contenido de los elementos "tendría que escribir $ 0.innerHTML. En Chrome y Safari, puede llamar a la consola de cualquiera de las otras fichas con la tecla "Escape" para que usted no tiene que cambiar constantemente. En Firebug, la consola está disponible a través de un icono situado a la izquierda de las pestañas o pulsando Ctrl, Shift y L en Windows o ⌘ Comando,Mayúsculas y L en Mac OS.

En Opera, se puede seleccionar el elemento anterior que había puesto de relieve el uso de $ 1. En Chrome y Safari, puede seleccionar los elementos anteriores se han puesto de relieve el uso de $ 1 - $ 4.

Utilizando console.log a la salida de los valores de múltiples objetos y al mismo tiempo

Todos - Sabemos console.log () es increíblemente útil para la salida de depuración a la consola dedesarrolladores, y preferible a las alertas, pero puede ser irritante para la salida de una cadena seguida de un objeto si no eres consciente de esta característica de la tala. Utilizando console.log ('mensaje:' + $ ('# mensaje'))sólo le dirá que su mensaje es un objeto, y el registro de los objetos por su propia puede ser confuso si el registroestá sucediendo en medio de un bucle .

console.log () en realidad acepta varios parámetros, por lo que puede dar salida a tanto la cadena y el objeto delmismo comando que usa console.log ('mensaje:', $ ('# mensaje')), o cualquier otra combinación de tipoJavaScript que se pueda imaginar.

Usted puede utilizar console.warn () para los mensajes de advertencia; console.error () para el error de mensajería y console.info () para los mensajes de información. También puede utilizar console.assert () para probar las expresiones de verdadero o falso.

(Gracias a Masklinn por la información adicional)

Re-utilizando un comando de JavaScript

Todos - Si usted ha escrito un comando en la consola de JavaScript y desea volver a correr, simplemente pulse la tecla de arriba para desplazarse por una lista de los comandos anteriores que han llamado desde la consola.

Persistir

Chrome, Firefox - No hay un botón claro para la persistencia de contenidos en la consola derecha de Firefox por encima de la consola, pero es un poco más oculto en Chrome. Haga clic derecho en la consola para que aparezca un menú con "Mantener registro en la navegación" como una opción.

Viendo el código fuente de un objeto

Firefox - Firefox soporta el método toSource () lo que significa que está disponible en Firebug para imprimir el contenido de un objeto como una cadena en la consola.

Cambio de marco

Firefox - Ejecución de comandos JavaScript desde la línea de comandos de la consola es muy útil, pero si usted tiene un iframe que lidiar con ella rápidamente se convierte en un problema. Afortunadamente, usted puede utilizar el siguiente comando para centrarse en el marco de que se trate y ejecutar sus órdenes en contra.

1	cd(window.frames['frameName']);

Chrome - Chrome permite cambiar el marco de una manera diferente. En una página que contiene marcos,tendrá que ir a la "consola" y elige tu marco en el menú desplegable en la parte inferior de la consola.

Opera - Opera también tiene una lista desplegable para cambiar el marco que está disponible en la "consola" y la pestaña "Documentos". El menú desplegable sólo aparecerán en la "consola" ficha si hay marcos para elegir.

(Gracias a Paul Irish y a Daniel Herzog por la información adicional)

Copiar el código directamente al portapapeles

Chrome, Firefox, Safari - Uso de la copia () de comandos en la consola de herramientas de desarrollo, puede copiar el contenido de un comando directamente al portapapeles.

Realización de cálculos en el navegador

Todos - Este consejo tiene mucho sentido, pero es sorprendente cuánta gente no lo use! Si lo que necesita saber la respuesta a un cálculo matemático rápidamente (por ejemplo, la anchura de tres columnas en un contenedor de 456px) no es necesario para abrir la calculadora. Sólo tienes que escribir la pregunta de matemáticas en la consola de las herramientas de desarrollo y se le devolverá la respuesta. Es 152, por el camino.

Los "Scripts" Tab

El hogar de todos los JavaScript que se ejecuta en la página, el script (s) ficha contiene una lista desplegableque le permite seleccionar la secuencia de comandos que desea depurar.

Tratar con minified JavaScript

Chrome, Internet Explorer, Safari - puntos de interrupción Puesta en JavaScript hace que la depuración mucho más fácil, pero si el código ya lo ha hecho a la producción, entonces es probablemente ha sido miniaturizada.¿Cómo se puede depurar el código minified? Por suerte, algunos de los navegadores tienen una opción parano-minify tu JavaScript.

En Chrome y Safari, sólo tiene que seleccionar la pestaña 'Scripts', encontrar el archivo correspondiente en el menú desplegable y luego presione el botón "{}" (Pretty Print) en el icono situado en el panel inferior.

En Internet Explorer 9, haga clic en el icono de la herramienta por la selección de secuencia de comandos demenú desplegable para encontrar la opción para dar formato al JavaScript.

Observando las variables

Todos -. Una herramienta común con el desarrollo de NET, 'ver' le permite controlar una lista de variables de un lugar a mano, en la parte superior de la barra de la derecha en la "scripts" ficha. Viendo una variable es muy fácil,sólo tienes que escribir el nombre de la variable y 'ver' mantendrá su valor hasta la fecha.

Edición y ejecución de JavaScript en la marcha

Chrome - En lugar de editar en un editor independiente y recarga la página, con Chrome se puede editardirectamente en la página. Simplemente haga doble clic en la que desea cambiar el código y el tipo! Presiona Ctrl / Cmd y S para guardar.

Creación de un punto de interrupción cuando se produce un error de JavaScript

Todos - simplemente haga clic en el icono de pausa en la ficha Script de la consola de desarrolladores para hacer una pausa el guión cuando el error de JavaScript en primer lugar. La línea que ha causado el error se puso de relieve para que los revise.

Creación de un punto de interrupción guión basado en el cambio de DOM

Chrome, Firefox - Si sabe que su página se rompe cuando una parte de los cambios de DOM, o simplemente quiere saber qué script es responsable de cambiar el atributo de ese elemento, Chrome y Firebug tanto le permiten establecer un punto de ruptura JavaScript efectiva lo que le permite encontrar al culpable en el código.Simplemente selecciona el elemento que desea supervisar y haga clic derecho para seleccionar las condicionespara romper el.

(Gracias a Jason Wilson por la información adicional)

La ficha "Elementos"

Conocido como el "HTML" en la pestaña de Firefox y los "Documentos" en la pestaña de la Ópera, los "elementos" ficha muestra el DOM en su estado actual. En Internet Explorer, se le tenga que pulsar "Actualizar"botón para ver el DOM actual.

Obtención de las dimensiones de un contenedor de la manera más fácil

Chrome, Safari - Soy un gran fan de la utilización de overflow: auto para contener los elementos flotantes, pero causa problemas en versiones anteriores de Internet Explorer a menos que especifique un ancho real (auto y el 100% no será suficiente). Las dimensiones se pueden encontrar en el "estilo computarizada", que es práctico, pero sigue siendo un número de clics. Usando Chrome o Safari, es fácil ver las dimensiones de un elemento se cierne sobre él en el código fuente en la ficha "Elementos", o bien usando la lupa en la barra de herramientas inferior.

Firebug, Internet Explorer, Opera - Usted tendrá que seleccionar la pestaña "Diseño" en el panel de la derecha o para desplazarse por la lista de estilos computado en la barra lateral derecha.

(Gracias a Masklinn por la información adicional)

Ampliar la vista de todos los elementos

Firefox, Opera - En Firebug, en el asterisco "HTML" pestaña presionando (*) en el teclado num amplía todos los elementos excepto los scripts y hojas de estilo. Presionas la tecla shift y pulsando asterisco también se ampliaránlos scripts y hojas de estilo (link) los elementos.

En Dragonfly en Opera, hay un botón en los "Documentos" ficha para hacer la misma tarea, como se muestra a continuación.

Margen de incremento, el relleno, anchura, altura, borde - hasta el color

Todos - Si tiene un elemento que es necesario modificar el margen, relleno, anchura o la altura, usted puedeutilizar las teclas de cursor para aumentar / disminuir el tamaño.

Sólo tiene que utilizar las teclas de cursor arriba y abajo para aumentar / disminuir por una unidad de 1.
En Chrome, Safari y Firebug se puede incrementar / disminuir en una unidad de 10 por la celebración de la tecla "Shift" mientras pulsa las teclas de cursor arriba y abajo.
En Chrome y Safari, puede incrementar / disminuir en una unidad de 0,1 sostener la tecla "Alt" mientras pulsalas teclas de cursor arriba y abajo.
En Chrome y Safari, también puede incrementar / disminuir en una unidad de 100, mantenga pulsada la tecla "Shift" mientras pulsa Page-Up y Page Down.

Estos accesos directos son especialmente útiles cuando no está seguro de lo que exactamente el tamaño correcto debe ser. En Chrome, Safari y Opera también se puede utilizar las teclas de arriba y abajo para aumentar o disminuir los valores de color.

(Gracias a Mikkelrom por la información adicional)

Estilo: activo,: hover,: enfoque,: estados visitados

Chrome, Firefox, Opera - CSS El estilo de la consola de desarrollador es impresionante, pero se vuelve un pocomás difícil cuando las pruebas de otros estados, como elemento de activación. Afortunadamente, hay una solución.

Chrome tiene un botón integrado para este propósito. En buscar la mano derecha de la ficha "Elementos" la columna de puntos para el elemento / cursor icono que le permite probar otros estados.

Para Firebug, en la columna de la derecha haga clic en el menú de la flecha al lado de la ficha Estilo y seleccionarel estado deseado.

En Opera, es el icono que se parece a una lista de "Estilos".

Rote a través de tipos de definición de color

Chrome, Safari - Los colores se pueden definir de muchas maneras en una página web - por su nombre, a través de un valor hexadecimal (3 ó 6 dígitos), como RGB o HSL (o sus versiones alfa transparente). Se puede girar a través de estas definiciones diferentes en Chrome o Safari, haga clic en el cuadrado de color al lado de su color.

(Gracias a Masklinn por la información adicional.)

Selector de color

Opera - En Opera, haga clic en el cuadrado de color al lado de un color le permite seleccionar un color diferente a través de un selector de la mano.

La ficha "Recursos"

La sección de recursos se enumeran todos los hojas de estilo, JavaScript, las imágenes utilizadas en su página.Esta ficha, lamentablemente no existe en Firebug o Internet Explorer, aunque algunas de sus características se integran a otras fichas.

Guardar los cambios

Chrome, Internet Explorer, Safari - Hacer cambios en el CSS o JavaScript es grande, pero se convierte en unamolestia de volver a implementar en el código fuente una vez que esté satisfecho.

En Internet Explorer, en cada ficha un icono "Guardar" proporciona la funcionalidad de guardar en un archivo en una base por archivo.

Mientras tanto, la ficha "Recursos" en Chrome y Safari tiene una característica muy útil que almacena todos los cambios en las revisiones específicas que le permite ir rápidamente adelante y atrás a través de todos los cambios. Busque el archivo en el que hemos aplicado los cambios (que se puede acceder fácilmente haciendo clic en el nombre de archivo junto al elemento que ha cambiado), y una lista de las revisiones serán proporcionados. En Chrome, haga clic derecho sobre el nombre de archivo para guardar una nueva versión de su archivo. En Safari, lamentablemente tendremos que copiar y pegar.

Cookies y almacenamiento

Chrome, Opera, Safari - También en la lista de recursos es una lista de fácil acceso de diferentes opciones de almacenamiento junto con los datos almacenados para cada opción. Opera tiene un "almacenamiento" pestañaque hace lo mismo.

La pestaña "Red"

La ficha de red muestra todos los recursos y los archivos descargados para cargar la página. En la mayoría delos casos las herramientas de desarrollo tienen que estar abiertos a la ficha Red para mostrar la información, así que puede que tenga que actualizar. La ficha se conoce como "red" en Firefox. Para Internet Explorer, que sólo está disponible en la versión 9 y posteriores.

Deshabilitar caché del navegador

Todos - Cada navegador compatible le permite desactivar la caché, pero no hay coherencia con la forma.

En Chrome, usted encontrará la opción en la configuración de la rueda. En Firebug, usted encontrará la opciónen la flecha junto a la cabecera de "Net" ficha. En Internet Explorer, la opción se encuentra en "Caché" en la barra de menú.

En Opera, para borrar la caché, haga clic en la ficha Red, seleccione la pestaña de opciones de red secundaria y elegir la primera opción. En Safari, puede desactivar la memoria caché del navegador en el menú Desarrolloen la barra de menú.

Para que aparezca la limpieza de caché (y otros datos) de diálogo en cualquier navegador en Windows Ctrl, Shift y Suprimir.

(Gracias a Steven y Karl por la información adicional)

Estado latente

Todos - En Chrome y Safari, en la pestaña de red le permite ver el tiempo que tarda un servidor para responder a una solicitud. La línea de color se desvaneció para cada recurso indica cuándo fue enviada la petición, ycuando la respuesta fue enviado de vuelta. El color negro indica que el recurso se ha descargado. En Chrome, puedes flotar sobre estas líneas para obtener un desglose de las que el tiempo transcurrió.

En Opera, los mismos principios se aplican, excepto la latencia se mide por una línea gris en lugar de una línease desvaneció.

En Internet Explorer, la latencia se marca como amarillo y se cierne sobre la línea le dará más información.

En Firebug, la latencia es marcado en el color púrpura y etiquetados como 'Espera'. Se cierne sobre una de estas líneas en Firebug también ofrece un desglose detallado de las que el tiempo transcurrió.

DOMContentLoaded, la carga de evento disparado

Chrome, Safari - La ficha de red para Chrome y Safari también revela dos datos adicionales,DOMContentLoaded como una línea azul y el evento de carga de fuego como una línea roja.

La línea DOMContentLoaded indica cuando el navegador se ha terminado de analizar el documento (pero de otros recursos como imágenes y hojas de estilo no se puede descargar), mientras que la línea de evento de carga indica cuando estos recursos se han completado.

Si los dos eventos se disparan al mismo tiempo, la línea será de color púrpura.

(Gracias a Steven y Joey por la información adicional)

otro

Rupturas

Todas - A veces me parece a mi las herramientas de desarrollo se han estrellado y no responde a los clics de mi mouse. En lugar de cerrar la ventana del navegador y volver a abrir, a menudo encuentro que el uso de los atajos de teclado para cerrar y abrir de nuevo las herramientas de desarrollo para solucionar el problema.

Espero que estas características y secretos han sido de utilidad para usted, aunque su nivel de habilidad y experiencia va a determinar cuántos de estos son nuevos para usted. Deliberadamente no hemos incluidoperfiles y depuración remota en esta lista, ya que estos son temas que quiero tratar con más detalle en un artículo posterior. Por favor, siéntase libre de dejar comentarios, correcciones y sus propios consejos de abajo!

Agradecimientos: Traducción, Traductor de google!. andi smith

(Ver en inglés)

ACTUALIZACIÓN DE UNA TABLA TEMPORAL EN UN PROCEDIMIENTO ALMACENADO

2011-11-01T07:24:00.000-05:00

Bueno, acabas de pasar veinte / treinta minutos hasta darse cuenta de que cuando se cambia la definición de una tabla temporal que se utiliza en un procedimientoalmacenado de SQL Server, es necesario eliminar de hecho la tabla temporal antes de que usted puede volver a compilar el procedimiento. Por lo tanto, algo así como:

IF OBJECT_ID(N'tempdb..#tableName', N'U') IS NOT NULL DROP TABLE #tableName;
CREATE TABLE #tableName(
    Key1        INT
,   Description NVARCHAR(255)
)   
/* do stuff with table */

Entonces lo cambia a:

IF OBJECT_ID(N'tempdb..#tableName', N'U') IS NOT NULL DROP TABLE #tableName;
CREATE TABLE #tableName(
    Key1        INT
,   Key2        INT
,   Description NVARCHAR(255)
,   AggAmount   FLOAT
)   
/* do stuff with table referencing agg amount column*/

A continuación, la definición de tabla no se actualiza cuando se cambia en el código sin perder las definiciones almacenadas. Usted puede destacar la declaración Drop Table y de ejecución que por sí mismo, y entonces va a recompilar el código.

Simple, pero fácil de equivocarse.

ASP.NET DETECCIÓN DE DISPOSITIVOS MOVILES CON MÉTODOS ADICIONALES

2011-11-01T07:17:00.000-05:00

Download mobdetection - 992.33 KBIntroducción

En ASP.NET, se puede detectar fácilmente la solicitud del dispositivo móvilutilizando la propiedad Request.Browser.IsMobileDevice y Request.UserAgent.Butestas funcionalidades no funcionan todo el tiempo, así que para obtener los resultados más adecuados para la detección móvil y desea obtener más detalles sobre el móvil, el WURFL.dll es más útil.

En el fondo

Algunos de los populares dispositivos móviles / navegadores no ser detectados utilizando de esta manera porque los archivos de ASP.NET navegador no es compatible con Opera Mobile o Android. Esto significa que si desea clasificar la página de escritorio y móviles de la página, no te ayuda.

Uso del Código

1. Agregue la referencia WURFL.dll a su proyecto.
2. Copiar los archivos a la carpeta App_Data App_Data proyecto.
3. Copia y pega el archivo WurflLoader.cs a su carpeta App_Code.
4. Generar el proyecto y ahora puede probar la página WebForm1.aspx muestra en el navegador.

//
 // The sample Method to check weather the device is a mobile and not a tablet.
 //
public static Boolean isMobile()
{
   var device = WurflLoader.GetManager().GetDeviceForRequest(HttpContext.Current.Request);
   if (Convert.ToBoolean(device.GetCapability("is_wireless_device")) && !Convert.ToBoolean(device.GetCapability("is_tablet")))
  {
     return true;
  }
  else
  {
     return false;
  }
}

Puntos de interés

Si hay una necesidad de la detección de navegador de tu móvil y clasificación de los móviles necesarios, entonces esto va a ser muy útil. Se trata de un archivo DLLestándar abierto.

10 PALABRAS QUE USTED PODRÍA PENSAR VINO DE LA CIENCIA (PERO EN REALIDAD SON DE LA CIENCIA FICCIÓN?)

2011-10-27T07:41:00.000-05:00

La semana pasada llegó a nuestra atención que la frase "Blast Off" fue acuñado, no en un contexto puramente científico, sino una ciencia ficción, uno por EE Smith, un autor de ciencia ficción temprana refiere a menudo como "el padre de la space opera. " El término apareció en 1937 Smith Patrulla Galáctica historia, cuando se informa de otro personaje, "¿Cuánto tiempo usted calcula que va a ser antes de que sea seguro para nosotros para despegar?"Y resulta que despegue no es la única palabra o frase científica de origen de la ciencia ficción, aquí hay una lista de nueve más, originalmente compuesta por Jeff Prucher-editor para el Proyecto de Diccionario Oxford de Inglés de la ciencia ficción y autor del premio Hugo ganar valiente Palabras: El Diccionario Oxford de ciencia ficción para el blog de Oxford University Press.
9. RobóticaEste es probablemente el más conocido de estos, ya que Isaac Asimov [de esas pobres almas que nunca han mirado a los imponentes de Asimov patillas, que le ha representado hasta arriba] es famosa por (entre muchas otras cosas) las tres leyes de la robótica . Aún así, lo incluyo porque es una de las ciencias reales sólo se han nombrado en primer lugar en una historia de ciencia ficción ("¡Mentiroso!", 1941).Asimov también nombró a la ocupación relacionada con (robótica) y el adjetivo robótica.

A tamaño completo

8. La ingeniería genéticaLa otra ciencia que recibió su nombre de una historia de ciencia ficción, en este caso la Isla la novela de Jack Williamson de Dragón, que fue publicado por casualidad en el mismo año que "¡Mentiroso!" La ocupación de la ingeniería genética llevó algunos años más para ser nombrado, esta vez por Poul Anderson.

7. Zero-gravity/zero-gUna característica definitoria de la vida en el espacio exterior (la gravedad Sans artificial, por supuesto). El primer uso conocido de "gravedad cero", es de Jack Binder (mejor conocido por su trabajo como artista) en 1938, y en realidad se refiere al estado de gravityless el centro del núcleo de la Tierra. Arthur C. Clarke nos ha dado "gravedad cero" en su novela de 1952 Islas en el cielo.

6. El espacio profundoUna de las características definitorias de otros es su espacio vacío esencial. En la ciencia ficción, esta frase más comúnmente se refiere a una región de espacio vacío entre las estrellas, o que está alejado de todo el mundo a casa. EE "Doc" Smith parece haber acuñado esta frase en 1934. El uso más común en las ciencias se refiere a la región del espacio fuera de la atmósfera de la Tierra.

5. Ion drive motor iónico es un tipo de motor de nave espacial que crea la propulsión mediante la emisión de partículas cargadas en la dirección opuesta a la que desea viajar. La primera cita en Brave New Words es de nuevo de Jack Williamson ("El justiciero", 1947). Una serie de naves espaciales han utilizado esta tecnología, a partir de la década de 1970.

4. Presión del trajeUn traje que mantiene una presión estable en torno a su ocupante, útil en la exploración espacial y los vuelos tanto de gran altura. Esta es otra de la mente fértil de EE Smith. Curiosamente, sus trajes de presión fueron cubiertas de pelo, una innovación que no, por desgracia, replicado por la NASA.

3. VirusVirus de computadora, lo que es. David Gerrold (de "The Trouble With Tribbles" la fama) fue aparentemente el primero en hacer la analogía verbal entre los virus biológicos y auto-replicantes programas de ordenador, en su historia de 1972 "Cuando Harlie era uno."

2. GusanoOtro tipo de programa de computadora auto-replicantes. Llamada así por John Brunner en su novela de 1975 del jinete Shockwave.A tamaño completo

1. Gigante de gas
Un planeta grande, como Júpiter o Neptuno, que se compone en gran parte del material gaseoso. El primer uso conocido del término es de una historia ("plexo solar") de James Blish, lo más extraño de todo es que fue utilizado por primera vez en una reedición de la historia, once años después la historia se publicó por primera vez. Si esto se debe Blish concibió el término en los años intermedios o leído en algún otro lugar, o si fue en el manuscrito original y se editó a cabo es imposible decir en este momento.

Créditos de las imágenes
Asimov a través de, a través de Asimov Robot
Imagen de la ingeniería genética a través de GEK / ShutterstockTrek
Ion driver via
Neptuno a través de la NASA Marshall Space Flight Center

GUI vs CLI: Expresión Vs Operación

2011-10-27T07:34:00.000-05:00

Considere la posibilidad de una interfaz de usuario para un coche:

El objetivo de estas interfaces es hacer que algo funcione, y funcione de manera eficiente y segura. Las ranuras y los clics y los límites de limitar el rango de movimiento y el número de opciones. El aspecto visual muy alude a cómo lo utilizan activamente. Lo general no son difíciles de aprender. Más importante aún, las mesetas en la curva de aprendizaje. Una vez que aprenda a conducir un coche, no hay progresión mucho después de eso. Acotación es una propiedad importante de estas interfaces, por su diseño.Ahora mira esta "interfaz de usuario" para la reproducción de música:

O esta para, entre otras cosas, la manipulación de las palabras:

El objetivo de estas interfaces es la de expresar y crear. Tenga en cuenta la casi total ausencia de restricciones. No hay indicios en la interfaz en cuanto a cómo "correctamente" utilizar estos. Para un novato, un primer vistazo no ofrece pistas para saber cómo funcionan. Tienes que ir a través de un proceso de aprendizaje empinada para empezar a utilizarlos. Más importante aún, nunca se aplana la curva de aprendizaje. Usted podría estar tocando la guitarra desde hace décadas y aún aprender cosas nuevas. Infinitud es una propiedad importante de estas interfaces, por su diseño.¿Qué hace un tipo de interfaz limitada y la otra sin límites? Es la capacidad de combinar. Las interfaces físicas (y por extensión, interfaces gráficas de usuario) no se pueden combinar a voluntad para crear un nuevo comportamiento. No se pueden realizar cambios en la forma en que el odómetro se comporta, sin romperlo hacia fuera y poner uno nuevo. No se puede "tubo" de la lectura de la misma a una alarma que suena cuando se pasa de cierto límite.GUIs están inspirados en metáforas físicas y en última instancia se basan en las mismas motivaciones. Ellos tienen la intención de hacer que funcione algo, a hacer el trabajo. Ellos quieren reducir su conjunto de opciones en cada coyuntura, hacia la elección "correcta".El "derecho" opciones son horneados en el diseño, a través de un proceso de pensamiento deliberado. ¿Cómo va a ser utilizado? ¿Cuáles son sus usuarios tratando de lograr? ¿Qué acciones son más frecuentes que otras? ¿Qué acciones tienen el potencial de confusión? ¿Qué acciones es probable que sean los errores y debe ser evitado? Todas estas decisiones son tomadas por los diseñadores y codificado en la interfaz de usuario.CLI, por otra parte, siguen el modelo más abstracto, no modelos físicos. GUIs ofrecen continuamente señales al usuario acerca de qué hacer. Se esfuerzan por conseguir una externalización del conocimiento. CLI son para usuarios con conocimientos interiorizados. Esta diferencia cognitiva fundamental es importante.La internalización es crucial para el uso de energía.Esto explica por qué los programadores de lenguajes de herramientas pesadas, como Java IDEs a menudo se quejan de ser un mal necesario. Sí, le ayudan a hacer el trabajo más rápido, pero la inclinación de la IDE de modo de pensar de la expresión hacia la operación. Es por eso que se siente sofocante. ¿Con qué frecuencia te has sentido como un IDE-operador en lugar de un programador?Hay un tiempo para la operación, y un tiempo para la expresión. La mayoría de los debates de interfaz están mal porque son unos creadores de quejarse de las interfaces de operación, o los operadores de quejarse de las interfaces de creación. Necesitamos ambos. Pero también tenemos que entender cuando.

CONSIGUE TODO UN AÑO DE CAPACITACION EN MICROSOFT POR U$ 99.99

2011-10-27T07:26:00.000-05:00

Consigue todo un año de formación de desarrolladores de Microsoft por sólo $ 99.99! Ofrecemos prisa termina el lunes 31 de octubre.
"He tenido una capacitación en un segundo plano y pensé que no podía pagar, pero luego recibí un correo electrónico de LearnDevNow. Para casi nada tengo acceso a la sencilla y en profundidad, la formación actual ... yo no podía estar más contento con mi inversión. " - J. Griffin, consultor_________________________________________________________
En este mercado de trabajo, que es más importante que nunca para hacer crecer su capacidad de desarrollo y estar al tanto de las últimas tecnologías. ¿Quieres aprender desde MVP de Microsoft y los expertos, pero creo que no se lo puede permitir? Piense otra vez!
Suscríbete a 31 de octubre y que tendrá que pagar sólo $ 99.99 por un año entero de aprendizaje en línea ilimitado y material de referencia de LearnDevNow! Su suscripción incluye:
- Acceso inmediato a los cerca de 3.000 videos prácticos para Visual Studio, SharePoint, Silverlight 4, Visual Basic, Visual C #, ASP.NET, AJAX, MVC, WPF, WCF, LINQ, Windows Workflow, Gestión de Contenidos Web, procesos de negocio, portales, SQL Server, Analysis Services, Integration Services, Reporting Services, los servicios Web ASP.NET, ADO.NET, Windows Server y mucho más.Eso es más de 1.300 horas de formación y material de referencia en sus manos!
- Paso a paso la instrucción y demostraciones de clase mundial MVP de Microsoft y expertos, entre ellos Ken Getz, Robert Green, Don Kiely y Doug Ware.
- Videos formación de los futuros se incluye sin cargo. (Próximamente: SharePoint 2010 para administradores, HTML5 y CSS3, Entity Framework 4.1, MVC3 y mucho más.)
Ahora sólo $ 99.99 al año hasta 10/31/11
Únase a miles de desarrolladores de Microsoft de todo el mundo que han descubierto LearnDevNow para el aprendizaje en línea accesible, profesional y eficaz. Es hora de tomar el entrenamiento de un segundo plano y empezar a aprender hoy!
Suscríbase ahora.
Obtener descuentos en los precios de varios usuarios:1-5 usuarios = $ 99.99 por usuario10-6 usuarios = $ 89.99 por usuario
Usuarios de 11-20 = $ 84.99 por usuario21 + usuarios = $ 79.99 por usuario
Pruebe antes de comprar ... haga clic en el enlace de arriba para ver videos de muestra ahora.
PD Necesidad de aprender el desarrollo MOBILE o en la nube? Añadir una o ambas de estas bibliotecas de aprendizaje para su suscripción LearnDevNow ver para más detalles durante el proceso de pago.
_______________________________________________
Copyright 2011 LearnNow, LLC. Todos los derechos reservados.LearnNow, LLC, 10250 Valley View Road, Suite 121, Eden Prairie, MN 55344

OBTENER EL KIT DE DESARROLLO DE FLEX CODIGO ABIERTO

2011-10-26T21:41:00.001-05:00

Puedes descargar el kit desde este enlace: http://www.adobe.com/cfusion/entitlement/index.cfm?e=flexsdk

ADOBE FLEX 4.6 UNA PLATAFORMA INTERESANTE

2011-10-26T21:37:00.000-05:00

Con Adobe Flex se crean aplicaciones expresivas multiplataforma para la Web, dispositivos móviles y ordenadores de escritorio

Flex es un framework gratuito y de código abierto, altamente productivo para crear aplicaciones web, para ordenadores de escritorio y para dispositivos móviles.

PROGRAMACION ORIENTADA A OBJETOS

2011-10-25T08:57:00.000-05:00

Actualmente una de las áreas más importantes en la industria y en el ámbito académico es la orientación a objetos. La orientación a objetos es de amplio alcance en la forma dediseño, desarrollo y mantenimiento del software ofreciendo una solución a largo plazo a los problemas y preocupaciones que han existido desde el comienzo en el desarrollo de software: la falta de portabilidad del código y reusabilidad, código que es dificil de modificar, ciclos de desarrollo largos y tecnicas de codificacion no intuitivas, etc, etc.