Hola bienvenidos a una nueva clase y qué clase vamos a crear nuestra primera aplicación web.
Sí nuestra primera aplicación web y para mí es muy importante porque me recuerda a la primera vez que
hice funcionar algo en PHP.
Sentí algo indescriptible enviaba valores a un archivo PHP y este archivo en realidad es un programa
que me devolvía resultados.
No lo puede creer y espero que les cause el mismo efecto que me causó a mí hace algunos años.
Bueno vamos a aprovechar para hacer varias cosas a la vez y aprender varias cosas a la vez como ven.
He preparado una carpeta llamada calculadora y en él tienes perdón dos archivos uno calculadora punto
HTML y calculadora punto PHP.
Cómo estamos avanzando.
Quizá trabajamos de dos archivos al mismo tiempo.
Bueno en calculadora HTML.
Vamos a preparar la parte visible el front end lo que va a ver nuestro usuario a la hora de operar con
nuestra aplicación.
Entonces como es una web vamos a preparar el esqueleto HTML perfecto vamos a poner como título calculadora
y vamos a ir viendo los resultados.
Yo no vuelvo para atrás acá acá tengo una calculadora entramos aquí.
Ya veo que el título de la pestaña ha cambiado.
Venimos bien y acabamos aponer con un hacheros calculadora web.
Veremos como venimos perfecto.
Vamos a poner acá un par deberes
a lo mejor el título parece demasiado grande porque eso tengo grande la letra para que se vea bien el
vídeo.
Si estoy con un Shum del 175 por ciento
los veré como para que se genere un espacio.
Y acá vamos a presentar un formulario si bien algo vimos un formulario en la manera que tenemos para
darle al cliente la posibilidad de que envíe datos a nuestro programa.
Entonces un formulario lo abrimos con las etiquetas form bien como verán a ya me abrió una etiqueta
form con varias propiedades dentro y cerró la etiqueta for.
De qué se tratan estos parámetros.
En primer lugar vemos que dice Klaus bueno dentro de muy poco ya vamos a empezar a usar clases para
darle estilo.
Se acuerdan que algunas etiquetas yo utilicé esto Trail bueno.
Pero qué pasaba cuando se ponía stain y acá adentro escribía No sé qué salir del color rojo con el texto
alineado a la izquierda.
Además de ser un trabajo adicional y para nada eficiente se presta para que tengamos no sé una cosa
de cada color de cada forma desprolijidad.
Entonces está bueno setter prueba setter previamente lo que llamamos clases de estilo diferentes clases.
Entonces ya sabemos que todos los formularios van a salir de la misma manera con el mismo color márgenes
recuadros lo que querramos hacerlo pero ya formar parte de un capítulo más adelante.
El Auction nos define adónde vamos a enviar los datos que el usuario va a rellenar nuestro formulario.
Bueno yo me adelanto y les cuento yo quiero enviar desde calculadoras punto HTML que es lo que ve el
usuario hacia calculadora punto PHP que es a donde tenemos el programa.
Entonces acá vamos a poner calculadora junto al chip.
Buenísimo
método.
Bueno vamos a empezar diciendo que tenemos dos métodos para enviar la información.
Uno que se llama Post se escribe post o el Moto.
El método Goeth vamos a empezar usando el jet y sobre la marcha aplicándolo vamos a ver las evidentes
diferencias.
Desde luego ambos sirven para lo mismo para enviar datos a nuestro Bakken a nuestro programa que está
corriendo por detrás al servidor.
Bueno pero con esto no hacemos nada.
Vamos a grabar ahora y miren acá no aparece nada.
Por qué.
Porque dentro de las etiquetas form tenemos algunas etiquetas o elementos propios de los formularios.
El más clásico de todo es el input el input.
Miren lo que hace porque en este caso es de tipo texto aparece un casillero vamos a sacar un Meré para
que no se metan abajo
entonces yo antes de poner el input le vamos a poner acá
valor 1.
Miren cómo sale
ven entonces cómo observan este tipo texto porque está preparado para recibir texto.
Miren qué pasa si yo acá en vez de tipo texto voy a poner otro de los tipos predefinidos que es password
está bien oculta el carácter para que nadie nos pueda ver la clave.
Bueno como vemos tenemos otro tributo acá que se llama Nain el nombre.
Bueno acá le vamos a poner y ya explicó que es por supuesto le vamos a poner número uno cuando enviemos
los datos.
Seguramente acá va a haber otro casillero de copiar para borrar.
Este es el arte de programar saber copiar y pegar.
Mentira es.
Es el equilibrio.
Si yo copio y pego sabiendo lo que estoy Coppini pegando por supuesto que es totalmente válido.
Miren como ahora tengo dos casilleros que me salieron uno al lado del otro.
Hay una manera más elegante de arreglarlo pero yo por ahora con un a solucionar el problema.
Ahí está podría poner otro para que sea un poquito más separado.
Ahí está.
Valor 1 y valor 2.
Cuando yo envíe este formulario se van a enviar todos los datos juntos como un solo paquete.
Nosotros que somos programadores sabemos que no es un paquete.
Sabemos que es un.
Bueno va a ser una raíz relacional y cada dato va a ir con un índice o una etiqueta que es el NAMM.
Cuando lo veamos del otro lado cuando lo recibamos acá en el PHP nos vamos a dar cuenta.
Bien claro cómo funciona esto por ahora vamos a poner número uno.
Yo le puedo poner lo que quiera acá siempre y cuando lo busque al dato de este lado con la misma etiqueta.
Bueno acá para hacerlo bien sería número dos.
Acá tengo para ponerle un valor y si yo quiero que ella aparezca con un valor predefinido adentro del
casillero y yo puedo poner a veces se usa esto.
Vamos a ver para cuando se vuelve muy útil pero supongamos que en este caso la gente siempre el valor
que más frecuentemente ponen es el día.
No sé supongamos una aplicación.
Entonces eso se lo puedo ayudar al usuario poniéndole el 10 aparece con el 10 puesto.
Entonces cómo es rara excepción que pongo en un 11.
Podría ser para esto.
Yo no voy a poner ningún valor pero sí les voy a mostrar otro atributo muy importante que es el plazo
Wolder y miren qué función tan importante nos va a traer este plazo volver a poner ingrese número a
ver si no es muy largo no.
Justo es este texto gris que en realidad no es un valor si yo envío no se va a enviar la palabra ingreso
en números es una ayuda para el usuario que se borra no viene empiezo a escribir y si borro vuelve a
aparecer entonces copió esto y le vamos a poner otro Place el del Arca y le vamos a poner también para
que tenga coherencia le vamos a poner ingrese otro Omar ahí está bueno.
Y por último puedo declarar un imput
Taipe le voy a poner Submit.
Miren quien me aparecio aunque no se note por ahora es un boton y de valor le vamos a poner calcular.
No le voy a poner en enviar porque no es un formulario de contacto sino que es una calculadora entonces
no puede calcular si estamos en lo cierto.
Perfecto ya se ve nuestro botoncito ahi y vamos a bajarlo a esta para que quede Malina.
No se si queda mal la imagen me parece que queda mejor la a donde estaba calculá.
Bueno cuando yo presioné aquí se van a enviar estos dos datos con estas etiquetas a este archivo.
Puede que haya errores nos vamos a enterar cuando terminemos esto el HTML estaría apriori por lo menos
este primer paso ahora desde el lado del PHP.
En este otro archivo vamos a abrir y cerrar PHP obviamente.
Miren qué bueno lo que puedo hacer con Atom sobre todo cuando trabajamos así con dos archivos puedo
ponerlos uno al lado del otro pero a veces también es práctico a ver cómo estaban y ponerte ahí abajo.
Entonces puedo tener arriba el HTML y abajo el PHP para qué me puede servir esto.
Bueno algo muy práctico.
Ahora el formulario super simple pero para ir sabiendo cómo voy a enviar con etiquetas cada casillero
pude ir leyendo de acá y comparando de que por cada casillero que envío Tengo acá una instrucción que
lo recibe.
Se acuerdan de las variables super globales.
Bueno una de las super globales era global.
Hay otra que se llama así miren signo de peso guión bajo.
Bueno ese es el array que iba a traer todo lo que se envíe desde un formulario.
Entonces hagamos algo cómo hacíamos para ver una raíz cuando para poderlo imprimir con PHP que es algo
ordenado hacíamos eco etiqueta Pré.
Ahí están las dos etiquetas.
Y esto no va a andar si no imprimimos el array R.
Veamos qué resultados obtenemos.
Qué momento vamos a probar esto.
Vamos a poner acá un valor de 55 y calculamos.
Ahí está miren veamos todas las cosas que fueron pasando grande toca ahí.
Miren arriba lo que tenemos cambio en la dirección o sea al hacer clic en calcular no se envió.
Nos redirigió al archivo PHP y efectivamente ha llegado a una raíz con el índice número 1 o casualidad
es el Nein que yo puse acá en el segundo input habíamos puesto como NAICM número dos y acá llegaron
los valores que puse ahora analicemos la dirección vean que dice calculadora punto PHP porque fuimos
al nuevo archivo donde tenemos esto imprimimos el array signo de pregunta y de esto se trata el jet.
Cuando mandamos los datos por el TiP por el modo de envío Goeth sucede lo siguiente Después después
del archivo PHP automáticamente se pone un signo de pregunta Qué quiere decir que a partir de acá vamos
a empezar a pasar los parámetros que se están enviando.
Cómo organizados de la siguiente manera.
Etiqueta igual al valor si son más de un parámetro voy a poner un an person segunda etiqueta.
Segundo valor si fueran tres bueno tendría Hampson tercera etiqueta tercer valor.
Esto quiere decir que bueno que cuando se envían formularios porque yo también puedo hacer algo de trampa
y directamente devolver la imagen anterior a la web anterior yo puedo hacer trampa y directamente pegar
la dirección ya que al cambiar los valores vamos a poner siete siete 7 y acabamos con 1 1 1.
Y cuando le dé enter ven llegaron los valores por Get al archivo PHP sin ningún problema.
Para redondear esta clase le vamos a terminar en la siguiente clase de nuestra calculadora vamos a capturar
correctamente los valores.
Ya sabemos que llegan sobre todo.
Muchas veces se pierde noción de lo que está llegando es una.
Por eso es que me tomé el tiempo y la tarea de hacer esto ya sabiendo que llega un array ahora lo vamos
a entender de otra manera y no es como yo lo aprendí la primera vez lo hacía automático yo sabía que
tenía que poner esto sin saber por qué lo hacía.
Después con el tiempo me di cuenta de que era una red.
Entonces vamos a ser así vamos a crear una variable que se va a llamar número 1 y va a ser igual a lo
que llegue por ella siguió bajo Get Malki declaró la religión signo de peso y un bajo Beth y entrecomillas
le vamos a pasar cómo es el tal la etiqueta o el índice que le hemos puesto de número uno coincidentemente
el número uno también podría haber sido otra cosa sino para que tenga coherencia y luego así sea más
fácil.
Esto copio lo pego y no tengo más que hacer esto cambiar estoy ahí y después puedo decir cupa ahí el
número uno es.
Y acá también puedo hacer lo mismo copiamos acá abajo ponemos el número dos es y acá podríamos concatenar
con conquien con número y vamos a poner casi difiere uno y dos puntos como para vos y punto y como para
vos.
Esperemos que vuelva por atrás entonces ahora sí pongo agrandar estos números a ver cómo funciona.
Está el número uno es éste el número dos.
Arreglemos esto porque acá estaría bueno que hagamos un eco veré para hacerla completa.
Ahí está así bueno y ahora tendría que salir bien.
Mirá ven perfecto listo.
Obvio que esto lo vamos a terminar.
Es sólo el principio.
Lo seguimos en la próxima clase.