Ayudas con programacion web

Como muchos de vosotros sabréis, Javascript tiene varias maneras de ejecutar su código , ya sea embebiendo su código directamente en el <body> del documento .html , en un archivo externo, etcétera. Pues bien, la que es para mi la mejor manera de ejecutar código Javascript es la siguiente:

Las funciones de string vistas anteriormente son muy útiles en la búsqueda y reemplazo de caracteres de una cadena, en cambio no son de utilidad cuando lo que queremos es comprobar si una cadena cumple o no un patrón o formato determinado. Por ejemplo, si nuestro formulario consta de un campo de correo electrónico, nos sería de gran ayuda saber si el usuario introdujo un correo válido o no. De esta manera, las expresiones regulares nos ayudan a comprobar si el usuario introdujo un correo válido como "alex@aux.org" o si en cambio se equivocó al introducirlo por ejemplo introduciendo dos puntos seguidos "alex@aux..com".

Al no ser aun un estándar, webgl cuenta con poca compatibilidad con los IDEs de desarrollo, provocando que nuestro querido efecto de autocompletado de funciones y atributos no esté presente en ninguno de ellos. Para solventar esto, se me ocurrió trastear con el autocompletado de Netbeans, para conseguir que este ayudara a completar el nombre de las funciones y atributos de la biblioteca de gráficos WebGL, que como ya sabréis, suelen ser nombres muy largos y en inglés, además son como uno 150 entre funciones y atributos, así que sería muy difícil aprenderlos todos de memoria. Lo primero que debemos saber es que esto funciona en Netbeans 7.2 y posteriores , puede que en anteriores versiones también, pero no lo he probado. Una vez tengamos nuestro IDE instalado, cosa que aconsejo ya que es verdaderamente bueno para desarrollo web , necesitamos descargar un archivo javascript llamado webglMin.js (Está al final de la entrada) , en cual debemos añadir a nue...

Los shaders son a grandes rasgos, pequeños programas que se ejecutan en la tarjeta gráfica para representar todos y cada uno de los píxeles que compondrán la escena final en 3D. En concreto tenemos dos tipos de shaders: Vertex shader (VS): Se trata de una función de procesamiento gráfico, que se encarga de manipular y representar los vertex (vértices) en un plano 3D, se encarga por ejemplo de calcular el color, la textura o la posición en la escena de ese punto. Fragment shader (FS) o Pixel shader (PS): De forma parecida al VS, estos son funciones o pequeños programitas que manipulan los fragments (algo así como píxeles con datos adicionales como color, iluminacion, etc). GLSL el lenguaje para shaders

Selección de subcadenas La función substr()  nos permite seleccionar un conjunto de caracteres de una cadena, esta función no altera el string original. Puede tomar varios parámetros de entrada: substr( cadena, índice) : Cadena es el conjunto de caracteres que vamos a cortar, e índice es la posición desde la cual se cortará nuestra cadena hasta el final. substr( cadena, índice, número) : Utilizando este tercer parámetro conseguimos cortar la cadena desde la posición indicada por índice , tantos caracteres como indique número . Por ejemplo: <?php $cadena = "Esto es una cadena muy extensa en PHP"; //Devuelve la cadena completa echo substr($cadena, 0) . "<br>"; //Desde el caracter 12 hasta el final echo substr($cadena, 12) . "<br>"; //Desde el caracter 12 empezando desde la derecha hasta el final echo substr($cadena, -12) . "<br>"; //7 caracteres desde el caracter 14 echo substr($cadena, 14, 7) . "<br...

En esta entrada aprenderemos los primeros pasos que debemos dar antes de poder dibujar algo en el canvas utilizando WebGL. De esta manera y sin más dilación, si ya leíste la entrada anterior  ¿Que es WebGL?  y tienes una idea más o menos clara de lo que es WebGL y las tecnologías que utilizaremos, empezamos. Lo primero que necesitamos para empezar con WebGL es iniciar nuestro archivo HTML el cual nos servirá para prácticamente todas las lecciones que hagamos. <!DOCTYPE html> <html> <head> <title>Guia WebGL</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> //Codigo javascript </script> </head> <body> <canvas id="canvas"></canvas> </body> </html>

WebGL es una API multiplataforma destinada a crear gráficos 3D en un navegador web . Esta herramienta está basada en la conocida biblioteca de gráficos OpenGL ES 2.0 , además utiliza su mismo lenguaje de sombreado o "shading", GLSL. La API WebGL ha sido desarrollada siguiendo el estándar OpenGL, es decir, si conoces OpenGL, te será muy sencillo adaptarte a esta nueva API para navegadores web. Logo WebGL Esta nueva tecnología se ejecuta en el elemento Canvas de HTML5 , además tiene una completa integración con todas las interfaces DOM (Document Object Model). Al ser una API DOM, podemos utilizar cualquier lenguaje de programación compatible con DOM como javascript o java .

Si ya conoce el lenguaje C, verá que las funciones de manejo de caracteres son muy parecidas en nombre y uso. En caso contrario, verá que son funciones de los más fáciles de utilizar, tan solo hace falta tener memoria y aprenderse el nombre y los argumentos que necesitan, ya que el manejo de cadenas es necesario en casi cualquier proyecto web, dicho esto, comenzamos. Tamaño de la cadena La función strlen( ) devuelve como resultado el tamaño en caracteres de la cadena que le pasamos como parámetro. Esta cadena puede asignarse a una variable como vemos en el ejemplo: <?php $cadena = "Alejandro Santiago"; $caracteresCadena = strlen($cadena); echo "\$cadena tiene $caracteresCadena caracteres"; ?> La salida que devuelve el ejemplo es "$cadena tiene 18 caracteres".

Las cadenas o string  son secuencias de caracteres que pueden ser tratadas como una unidad, asignadas como variables, pasadas como parámetros a funciones o enviadas como salida al navegador, este tipo de datos, se diferencia de otros tipos por que va encerrado entre comillas dobles ( " " ) o comillas simples ( ' ' ). <?php $cadena1 = "String con comillas dobles"; $cadena2 = 'String con comillas simples'; ?> Aunque la salida del ejemplo anterior sea la misma, PHP interpreta de distinta forma las cadenas que van entre comillas dobles y las que van entre comillas simples. Los string  entre comillas dobles pueden sustituir ciertos símbolos por acciones , mientras que las comillas simples se limitan a mostrar todo el contenido sin atender a caracteres especiales, como podemos ver en el siguiente ejemplo. <?php $nombre = "Alejandro"; $fraseDobles = "$nombre tiene 19 anios"; $fraseSimples = '$nombre tiene 19 ani...

Funciones con número de argumentos variables Es normal que dependiendo de la situación en la que nos encontramos, variemos el número de parámetros con los cuales llamamos a una función. Hay tres formas de hacer esto en PHP: Definiendo la función con argumentos por defecto. Este método permite hacer llamadas con menos parámetros sin que aparezca un error. Utilizando un array  para pasar las variables. Usando las funciones de argumento variable func_num_args( ), func_get_arg( ) y func_get_args( ), ya utilizadas en PHP 4. Argumentos por defecto Para definir parámetro de este tipo, se sustituyen las variables por expresiones de asignación. El formato es el siguiente. <?php function nombreFuncion ($argumento1 = valor1, $argumento2 = valor2) { } ?>

La seguridad de nuestro proyecto PHP es algo que se debe tener muy en cuenta, ya que hemos visto caer grandes empresas como twitter o Stratfor sobre la que dediqué una entrada hace unos días. Si bien, es normal que nuestros proyectos estén totalmente preparados para recibir datos erróneos en formularios, contra accesos a directorios manipulando la URL, etcétera, es fácil que se nos pase por alto algún punto por el cual nuestra aplicación pueda abrir la puerta a una vulnerabilidad. Para comprobar la seguridad de nuestra aplicación, existe un proyecto llamado phpsecinfo  creado por el  PHP Security Consortium,  que comprueba y busca vulnerabilidades en nuestra aplicación.

Parámetros insuficientes Si se llama a una función con menos parámetros de los que debe utilizar por definición, aparecerá el siguiente error por defecto por ejemplo si llamamos a la función calcularFactorial( ) sin pasarle ningún parámetros: El error nos advierte que falta el argumento 1 para la función llamada, y nos muestra la linea desde donde se llamó a la función y también la linea donde esta definida la misma. Lo demás son errores que se generan al no tener valor el parámetro de la función y como vemos el resultado final es erróneo.

Las funciones son grupos de instrucciones independientes que tienen un propósito determinado. Por ejemplo tenemos funciones que calculan la raíz cuadrada de un número, cuentan los caracteres de una palabra o devuelve un número aleatorio. La estructura básica de una función es la siguiente: nombreFuncion(parametro1, parametro2... parametroN) Estas funciones pueden ser llamadas con o sin parámetros , según haya sido su definición. Cuanto PHP encuentra una llamada a una función, primero evalúa cada código y lo utiliza como parámetro de entrada. Después ejecuta la función y devuelve el valor solicitado o bien ejecuta alguna acción sin devolver ningún valor. En el siguiente ejemplo podemos ver llamadas a 3 funciones con 0, 1 y 2 parámetros de entrada. <?php echo (sqrt(9) . "<br />"); echo(rand(5, 10) . "<br />"); echo(pi()); ?> El ejemplo anterior muestra la raíz cuadrada de 9, un número aleatorio entre 5 y 10 ambos inclusive y el número pi respect...

do-while Este bucle es igual al anterior "while" solo que la condición se evalúa una vez se han ejecutado las instrucciones que contiene. Por lo tanto, el código que está entre sus llaves se ejecuta una o más veces . Su estructura principal es la siguiente: do{      instrucción1;      instrucción2; } while (condición);

Las estructuras de control nos permiten elegir diferentes caminos en función de los datos que evaluemos en cada momento. En esta entrada trataremos dos tipos de estructuras de control. Estructuras de elección Estructuras de bucle Estructuras de elección Existen dos tipos, elección simple y elección múltiple. if-else La sintaxis de esta estructura es:      if (condición) instrucción;

Operador ternario Hasta ahora, los operadores que hemos visto son capaces de manejar uno o dos operandos. El operador ternario evalúa un operando, y dependiendo si es true  o false , evalúa el segundo operador o el tercero. El orden es el siguiente, el operador que se quiere evaluar se pone delante del símbolo "?", justo después se coloca la expresión que se ejecutará si la evaluación anterior es true  y por último se coloca el símbolo ":" y la expresión que se ejecutará si es false. La salida es: Eres un adulto

En entradas anteriores hemos utilizado en varias ocasiones símbolos comunes en el ambiente matemático e informático. Estos símbolos que podemos ver entre variables o dentro de funciones, son los operadores. Existen varios tipos de operadores, que explicaremos a continuación. Operador de asignación Uno de los operadores mas utilizados y más básico es el llamado operador de asignación, que se utiliza para dar un valor a la variables, como vemos en el ejemplo. Las variables, que están a la izquierda del operador toman el valor que se encuentra en la expresión de la derecha. OJO, no confundir este operador con el operador de comparación que son dos iguales juntos "==".

En esta segunda parte de la entrada Variables PHP 5 , hablaremos sobre funciones relacionadas con variables, he decidido seccionar la entrada en dos partes para no excederme en demasía en una misma entrada. Dicho esto procedo a explicar las principales funciones que PHP 5 brinda para el manejo de variables. isset() Esta función se utiliza para comprobar si existe una variable dentro de nuestro programa, si existe devuelve true , si no, false . La salida del programa es: La variable $nombre existe

Las constantes  son tipos de datos que no varían en el desarrollo de un programa, un ejemplo de esto en la vida real es por ejemplo el número pi o el número e. A continuación veremos un ejemplo de creación y uso de una constante en PHP con la función define() . Para comprobar si una constante ya a sido creada podemos utilizar la función defined()  como vemos en el siguiente ejemplo. La salida del programa es: El numero pi es: 3.141559265

Las variables son zonas de memoria que nos permiten almacenar datos de distintos tipos. Las variables en PHP 5 comienzan por el símbolo $  y a diferencia de otros lenguajes de programación, no necesitan ser declaradas. Existen varios tipos de variables , dependiendo del contenido que almacenan: Entero (integer): Almacena números sin decimales, se pueden utilizar números decimales (14), octales (024) o hexadecimal (0x12). Coma flotante  (double): Son números con decimales (0.5). Carácter (string):  Almacena texto o información numérica que aparece entre comillas dobles ("") o simples (''). Boolean : Consta de dos posibles valores, true (verdadero) o false (falso). Nulo (NULL): Es un tipo especial, su valor es NULL. Vectores  (Array): Colecciones de datos. Objetos  (object): Conjunto de datos y funciones independientes.