ppt curso php y mysql

Upload: carlos-eduardo-pinan-indacochea

Post on 07-Jul-2015

464 views

Category:

Documents


2 download

TRANSCRIPT

PHP y MySQL

Elaborado por: Carlos Eduardo, Pin Indacochea.

CLASE NMERO 1

Introduccin a PHPQu significa PHP? PHP Hypertext Pre-processor, conocido al principio como Personal Home Page Tools. Para qu sirve? Para crear pginas Web de forma dinmica y es usado principalmente del lado del servidor. Actualmente se encuentra en la versin 6 que se est implementando, pero la ms usada es la versin 5.XReferencia en: http://es.wikipedia.org/wiki/PHP Referencia en: http://craftyman.net/10-mejores-practicas-para-php/

Carlos Eduardo, Pin Indacochea

3

Instalacin de XAMPP y DW

Carlos Eduardo, Pin Indacochea

4

Estructura PHP Hola Mundo

Carlos Eduardo, Pin Indacochea

5

Variables PHP

Informacin de variables: http://craftyman.net/10-utiles-variables-de-servidor-en-php/ Carlos Eduardo, Pin Indacochea

6

Operadores Bsicos PHPOperadores Aritmticos+ Suma dos valores

Operadores de Asignacin= Asigna a la parte derecha el valor izquierdo += Realiza la suma de la derecha con la izquierda y la asigna a la derecha -= Realiza la resta de la derecha con la izquierda y la asigna a la derecha *= Realiza la multiplicacin de la derecha con la izquierda y la asigna a la derecha /= Realiza la divisin de la derecha con la izquierda y la asigna a la derecha %= Se obtiene el resto y se asigna .= Concatena el valor de la izquierda con la derecha y lo asigna a la derecha

Operadores Lgicos! Operador NO o negacin .Si era true pasa a false y viceversa and Operador Y, si ambos son verdaderos vale verdadero or Operador O, vale verdadero si alguno de los dos es verdadero xor Verdadero si alguno de los dos es true pero nunca ambos && True si ambos lo son

Operadores Condicionales== Comprueba si nmeros son iguales != Comprueba si nmeros son distintos dos

- Resta dos valores

dos

* Multiplica dos valores

> Mayor que, devuelve true en caso afirmativo < Menor que, devuelve true en caso afirmativo >= Mayor o igual

/ Divide dos valores

% Resto de dividir dos valores

++ Incremento en una unidad

|| True si alguno lo es

valor1,indice2=> valor2, ...m indiceN=>valorN) Importante: El ndice puede ser un nmero o una cadena de texto al igual que el valor. Y la segunda: $miarreglo[0]=Hola; $miarreglo[1]=Que Tal; $cadena=$miarreglo[0]. .$miarreglo[1];

Mayor informacin en: http://www.manualdephp.com/manualphp/matrices-array.html Carlos Eduardo, Pin Indacochea

16

Recorrer Arreglos en PHP

Carlos Eduardo, Pin Indacochea

17

FuncionesSlo para refrescar la memoria, las funciones sirven para reutilizar el cdigo sin necesidad de reescribirlo en todo el lugar de nuestra aplicacin, es decir, usar una programacin ordenada e intentar orientarla a objetos en vez de que sea estructurada. Un ejemplo de funcin en PHP es:[Public / Protected / Private] function [NombreFuncion] ([parmetros si existen]) { lgica de programacin; programacin; return [Algo]; // Si es que hay algo para devolver [Algo]; } Nota: Si no usas Public / Protected / Private se asume como Public en las clases, dentro del cdigo si usas Public / Protected / Private te generar un error de T_ el tipo de declaracin realizada.

Carlos Eduardo, Pin Indacochea

18

Funciones

Carlos Eduardo, Pin Indacochea

19

Introduccin a Clases en PHPPara usar clases en PHP es igual a Java usamos: class [Nombre]{ lgica; lgica; } En PHP tambin instanciamos las clases, pero antes de ello debemos usar alguno de los siguientes:

include(ruta archivo): Carga el cdigo de un archivo con posibilidad de aadirlo varias veces sin generar errores crticos. require(ruta archivo): Carga el cdigo de un archivo con posibilidad de aadirlo varias veces mostrando cualquier error de forma crtica. require_once(ruta archivo): Carga el cdigo de un archivo una sola vez mostrando cualquier error de forma crtica. include_once(ruta archivo): Carga el cdigo de un archivo una sola vez varias veces sin generar errores crticos.

Mas informacin en: http://www.php-es.com/language.oop5.htmlCarlos Eduardo, Pin Indacochea 20

Introduccin a Clases en PHP

Carlos Eduardo, Pin Indacochea

21

Introduccin a Clases en PHP

Carlos Eduardo, Pin Indacochea

22

Estructura HTMLEstructura de una pgina en HTML: http-equiv="Contentcharset=utfTtulo de Documento Estructura del Documento HTML

Referencia en: Macromedia Dreamweaver CS3Carlos Eduardo, Pin Indacochea 23

Componentes HTMLFormulario: Casilla de Verificacin: Casilla de Opcin: Lista/Men: Mayor informacin en: http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo http://es.kioskea.net/contents/css/cssposition.php3

Carlos Eduardo, Pin Indacochea

76

ESTILOS (CSS)Las hojas de estilos se dividen en componentes HTML, clases y ID, cada una de ellas se simboliza de la siguiente manera: Clases (.[NOMBRE]): Seala a un grupo de objetos que puede llevar la [NOMBRE]): misma clase, es llamada dentro del componente HTML de la siguiente manera: ALGO; cuando se lleva un punto (.); automticamente HTML lo reconoce como CLASE. ID (#[NOMBRE]): Es una llave primaria, es decir, nicamente lo puede (#[NOMBRE]): llevar un objeto HTML ya que es la mejor prctica, por lo general se usa en casos muy concisos o para trabajar anidado a JavaScript y finalmente formar AJAX. Los componentes HTML son: h1, h2, h3, h4, span, div, input, select, span, div, select, body, etc; y van sin punto (.) ni #; simplemente como su nombre lo etc; indica. indica.

Carlos Eduardo, Pin Indacochea

77

ESTILOS (CSS)

Nota: La extensin de las hojas de estilos es *.CSS (.css); podemos encontrar varios ejemplos en Internet y tambin en el mismo DreamWeaver

Carlos Eduardo, Pin Indacochea

78

Caso 3 Armar una pgina con CSSUse el caso 2 y cree una hoja de estilos para darle un aspecto visual agradable y que finalmente se convierta en un sistema pequeo con un diseo sencillo.

Carlos Eduardo, Pin Indacochea

79

CLASE NMERO 8

Introduccin al patrn MVCEl patrn MVC (Modelo Vista Controlador) es un patrn de diseo que nos ayuda a darle cierta estructura lgica a nuestras aplicaciones. El principal objetivo es separar la lgica del negocio de la lgica de presentacin interfaz.

Mayor informacin en: http://www.proactiva-calidad.com/java/patrones/mvc.html Carlos Eduardo, Pin Indacochea 81

Introduccin al patrn MVCMODELO

Carlos Eduardo, Pin Indacochea

82

Introduccin al patrn MVCVISTA

Carlos Eduardo, Pin Indacochea

83

Introduccin al patrn MVCCONTROLADOR

Carlos Eduardo, Pin Indacochea

84

JavaScript

Carlos Eduardo, Pin Indacochea

85

JavaScript

Carlos Eduardo, Pin Indacochea

86

JavaScriptPara llevar la parte de JavaScript usaremos:

http://www.ulpgc.es/otros/tutoriales/JavaScript/index.htm http://www.elcodigo.net/cgibin/DBread.cgi?tabla=herramientas&campo=0&clave=49&info=1 http://www.htmlpoint.com/javascript/tutorial/ http://librosweb.es/ajax/ (RECOMENDADO)

Carlos Eduardo, Pin Indacochea

87

EjerciciosIncorpore al Caso 2 los patrones de diseo MVC y vea la mejor forma de incorporar JavaScript en los eventos, sea para re direccionar, mensajes de alerta, etc.

Carlos Eduardo, Pin Indacochea

88

CLASE NMERO 9

Introduccin a AJAX (XMLHttpRequest)AJAX (Asynchronous JavaScript And XML); es una tcnica de desarrollo Web para evitar la XML); sobrecarga de la pgina innecesaria. La estructura bsica del objeto de AJAX es la siguiente:function getXMLHttpRequest(){ getXMLHttpRequest(){ var xmlhttp=false; xmlhttp=false; try{ // Crea objeto AJAX para navegadores diferentes a Internet Explorer xmlhttp=new ActiveXObject("Msxml12.XMLHTTP"); xmlhttp=new ActiveXObject("Msxml12.XMLHTTP"); }catch(e){ try{ // Crea objeto AJAX para navegadores de Internet Explorer xmlhttp=new ActiveXObject("Microsoft:XMLHTTP"); xmlhttp=new ActiveXObject("Microsoft:XMLHTTP"); }catch(E){ if(!xmlhttp && typeof XMLHttpRequest!='undefined'){ if (!xmlhttp XMLHttpRequest!='undefined'){ xmlhttp=new XMLHttpRequest(); xmlhttp=new XMLHttpRequest(); } } } return xmlhttp; xmlhttp; } Mayor informacin en: http://librosweb.es/ajax/index.html http://www.cristalab.com/tutoriales/introduccion-a-ajax-con-php-y-formularios-c165l/

Carlos Eduardo, Pin Indacochea

90

Autocompletado con AJAX

Carlos Eduardo, Pin Indacochea

91

Autocompletado con AJAX

Carlos Eduardo, Pin Indacochea

92

Autocompletado con AJAX

Carlos Eduardo, Pin Indacochea

93

Autocompletado con AJAX

Carlos Eduardo, Pin Indacochea

94

Autocompletado con AJAX

Carlos Eduardo, Pin Indacochea

95

EjerciciosIncorpore al autocompletado elaborado con AJAX la posibilidad que al hacer CLICK en un TEXTO que aparece por debajo del texto digitado, se copie y pegue a la caja de texto original y desaparezca el auto sugeridor para completar la palabra.

Carlos Eduardo, Pin Indacochea

96

CLASE NMERO 10

Introduccin a JQUERYjQuery es una librera JavaScript muy rpida y muy ligera que simplifica el desarrollo de la parte de cliente de las aplicaciones Web. En otras palabras, jQuery incluye muchas utilidades para crear fcilmente las pginas web de las aplicaciones dinmicas complejas. Las libreras jQuery son un archivo .JS que se invoca de la siguiente manera: