Hola bienvenidos a una nueva clase y en esta oportunidad vamos a ver el último bucle o ciclo que nos
queda pendiente.
Creo que es uno de los bucles más importantes es el que más se usa.
O al menos yo estoy muy acostumbrado a usarlo van a ver qué útil que es.
Es un bucle que prácticamente está desarrollado para poder recorrer y recorrer de manera eficiente cualquier
tipo de Arráiz sobretodo los Arráiz relacionales.
Bueno acá yo he generado una raíz llamado ganancias 2018 y le ha asignado como llave o como índice cada
uno de los meses y haciéndole a cada mes un valor de unas supuestas ganancias.
Entonces vamos a imprimirlo antes de avanzar.
Yo he creado una carpeta llamada Fortich y dentro de ésta un archivo Fortich punto PHP.
Bueno voy a cerrar acá y me dispongo a ejecutar esto para ver que tenemos.
Bueno es bastante simple y esperable tenemos la descripción de todo el RAM y vemos cada mes relacionado
con la ganancia de ese mismo período.
Entonces vamos a ver cómo podemos utilizar el foril.
Yo voy a dejar esto acá de hecho para que quede separado vamos a poner varias etiquetas ver Acompáñame
copio y pego pero listo yo quiero que me quede después de que hagamos el ejemplo este arriba y más abajo
para que lo tengamos a tiro por si nos hace falta comprar algo sino después lo borramos.
Bueno Fortich vamos a valernos como siempre de la buena voluntad que tiene Atom o cualquier editor decente
que estemos usando nos va a proponer primero el favor que ya lo conocemos de sobremanera y luego tenemos
el Fortich.
Vamos a darle enter y ahí nos aparece la estructura de un ciclo.
For each for each para cada.
Entonces vamos a tomarlo así.
Para cada pie cambiarle el nombre a ver discúlpenme les va a servir este nombre para entender qué es
lo que tengo adentro pero ustedes me van a saber perdonar.
Yo voy a cambiar el nombre para que les permita afianzar mejor de qué se trata esto en vez de ponerle
ganancias.
Le voy a poner meses.
Ya sabemos que son las ganancias pero cómo acumulo meses.
No está demás se entiende.
No son meses de corroborar vía remplace.
Entonces voy a decir para cada y acá voy a poner el array que quiero recorrer.
Meses para cada meses cómo y acá voy a poner el singular.
Estoy creando una variable acá acá estoy pasándole el frizz el array que quiero desmenuzar recorrer
y acá le voy a decir cómo mes esto qué quiere decir que dentro del ciclo yo voy a ver mes a mes.
Con este nombre de variable por ahora este Bauluz lo vamos a dejar ahí como está no lo vamos a modificar
de momento.
Miren entonces ahora qué pasa si imprimo eco mes
a ver si le hace falta pegarle un Venere
cómo grabo y actualizar.
Y qué me imprimió.
Ven todas las llaves.
Todas.
Los índices Enero Febrero Mes a mes.
De hecho Miren voy a poner acá para que se note cómo está funcionando esto.
Este es el mes el mes de Vamos acá viene concatenar ahí.
Este es el mes de enero febrero marzo.
Ben ha recorrido cuantas veces y doce él solo supo cuándo detenerse porque yo no estoy diciendo que
desmenuzó o recorra todo el Arráiz meses mes a mes.
Entonces yo acá le estoy dando un nuevo nombre para que dentro del Fortich reconozcamos a cada uno de
los meses va a ser mes.
Ojo miren esto voy a volver al esqueleto del frizz y mire cómo me lo plantea miren cómo me lo plantea
PHP en su web.
O mejor dicho Atom en su esqueleto me dice variable cómo llave y valor llave y valor o índice y valor.
Es lo mismo.
Bueno cuando programamos o por lo menos a mí me gusta ser coherente con con los nombres que les pongo
a las variables no me gusta mucho usar el quiz porque sí tengo muchos favoritos.
Después me quedan unas ensaladas de Kish que no sé cuál es cuál pero en definitiva miren lo que pasa
voy a borrar de nuevo cuando utilizo el value.
Qué pasa.
Esto también es una variable nueva que se crea y que va a tener un valor dentro del Fortich.
Entonces este es el mes de pongo mes y acaba de escribir un poco más y la ganancia fue fue de achicaron
un poco la letra para que la entrevista fue de acá que vamos a hacer.
Voy a cerrar y abrir comillas punto a punto porque voy a concatenar y vamos a poner algo ahí está.
A ver no me falta nada y si me falta algo actualizar y ver cómo funciona esto.
Miren este es el mes de enero y agrandar la letra acá mucho no bueno.
Este es el mes de enero y la ganancia fue de 1000 vén entonces se dan cuenta el mes es la llave.
El índice y la ganancia fue de Value value es el valor que contiene ese índice.
Entonces así podemos hacer cosas muy muy interesantes.
Bueno esto al final no lo voy a usar y acá vamos queriendo empezar a apretar el acelerador ese esa velocidad
warp.
Ese botón de nitro de óxido nitroso que nos va a hacer acelerar pero es un primer toque todavía vamos
a pegar la primera Celera Haditha.
Se acuerdan que yo les contaba que en un archivo HTML sólo podemos escribir HTML para hacer una página
plana estática.
En cambio en un archivo PHP no solamente puedo escribir PHP sino que también combinarlo con HTML pueden
coexistir las dos cosas.
Para eso es que ponemos estas etiquetas.
Yo le estoy diciendo el PHP y va a empezar acá y termina acá y yo tranquilamente acá abajo puedo poner
HTML que incluso ya les dije es tan noble que ni siquiera estoy obligado a poner el esqueleto pero lo
quiero poner para que tenga todas las de la ley para que tenga un título en la página del título.
Vamos a poner ganancias.
Bravo actualizo y veo quizá qué modificaciones va teniendo esto.
Miren al poner ganancias acá arriba en la pestaña eso tenemos título.
Bueno podría poner el lenguaje C un montón de cosas pero por ahora vamos a trabajar en el body el body
es el cuerpo de la página y el contenido.
Entonces puedo separar un poco para trabajar más cómodo y vamos a valernos del frizz acá para hacer
algo interesante y lo que voy a hacer en primer lugar es comentar esto para desactivarlo que ya no molesta.
No comento todo porque seguro que voy a reciclar esto y si no después lo borro no tengo problema.
Listo ya no molesta nada y habiendo hecho un poco de lugar acá qué podemos hacer en primer lugar vamos
a poner un título porque ya estamos haciendo una web construyendo.
Yo diría que la hemos estado haciendo webs en definitiva pero esto es algo un poquito más formal con
un poquito más de forma.
Vamos a poner.
Se acuerdan los encabezados.
H Los jugadores mono aprieto la H.
Y acá puedo elegir quiero un H2 el H1 va a salir casi una falta de respeto al tamaño que va a tener
muy muy grande no quiero que sea tan grande y vamos a poner ganancias con ganancias.
Bueno insisto acá nada de comillas porque es HTML puro H2 y la etiqueta de H2 que cierra escribo ganancias
vamos viendo como luce bien me gusta y vamos a poner acá.
Yo calculo que con dos Berres vamos a andar bien porque quiero dejar un poco de espacio en blanco.
Bueno ahora quiero generar sobre todo para poder practicar el frizz una tabla.
Vamos a hacer algo un poquito más interesante más complejo se les va a gustar cuando vean cómo con un
frizz podemos hacer una magnífica tabla.
Bueno en HTML las tablas tienen sus etiquetas simplemente utilizando esta etiqueta se escribe Table
Viviano.
Bueno ahí está Presioné ENTER y ya Atom me ha puesto la etiqueta de inicio y de cierre.
Bueno acá estoy definiendo una tabla desde luego que si grabo y actualizo no voy a ver nada porque me
faltan varios componentes propios de las tablas.
Una de estas etiquetas que les cuento es la de Here por empezar con el signo no me lo reconocía.
Voy a poner T.R solo para ahí está.
Me generó la de apertura y la de cierre.
Bueno esto está generando una fila en nuestra tabla por cada etiqueta T.R que abre cierra se está generando
una fila entonces adentro de esta fila subió a querer setter columnas o nombres de columnas.
Bueno para setter cada celda digamos cada columna.
Yo tengo dos tipos de etiquetas.
De momento vamos a aprender está la TH de etiqueta th miren que ahora me abre y me cierra casi en la
misma línea.
Todo esto es cuestión de orden.
Si yo estuviera todo en una misma línea miren así funcionaría igual incluso si tuvieras toda la página
en una sola línea también funcionaría todo esto de intentarlo de ordenarlo es para un beneficio personal
para que lo podamos entender mejor.
Bueno voy a trabajar con todos en una sola línea por supuesto.
Bueno las etiquetas th son las que van a contener los nombres de la columna.
En definitiva por lo general dentro del primer TR o sea dentro de la primera fila que hagamos vamos
a utilizar las células.
Esto viene a hacer celdas digamos th porque son las primeras las que van a contener el nombre de la
columna.
Entonces los nombres de las columnas en nuestro caso serían un mes y vamos a hacer otra columna con
otro nombre que va a ser montón.
Un ejemplo podría ser pesos.
Bueno vamos a necesitar también.
Yo quiero generar ahora una fila demo pero ya de las otras de las que contienen los valores.
Entonces para que sobre todo para que ustedes vean como necesito generar otra fila que va y otro tener
claro por cada fila Hunter no se olvida.
A ver.
Ahí está y ahora viene la diferencia.
Cuando voy a usar filas con datos cada celda en vez de generarla con th es con t de Ben no.
Ya saben sólo para los nombres de columnas utilizo la th y la TD va para los valores.
Entonces voy a cenar a ver dos valores no tengo muchas ganas de trabajar sobre todo porque vamos a hacer
un boliche y después entonces vamos a poner acá género y al lado de enero vamos a generar otro otro
tb que va a tener un monto no sé 1234 pesos dólares pero mejor mejor dólares y acá arriba vamos a poner
T.R acá abajo perdón y al poner RE que hice otra fila.
Mira vamos a poner.
Febrero y vamos a las 4 3 2 1.
Vamos a ir viendo cómo está quedando esto por cualquier cosa que hayamos tomado algún camino equivocado
y querramos dar marcha atrás ahí está y se va armando.
Me gusta se va armando esta tabla y como ven tenemos la columna mes ven que como estoy usando th acá
automáticamente me han puesto como en negrita el nombre de la columna monto acapare ese monto.
Y bueno ya la tabla.
Sí obvio faltarían algunos detalles recuerden que tenemos lo que se le conoce como estilo o CSS.
Bueno es una especie de lenguaje para darle estilo valga la redundancia de forma color tamaño posición
a todo lo que hagamos con HTML.
Esta tabla está Mejías pobre media triste.
Entonces el estilo se le puede aplicar a cada etiqueta.
No importa cuál sea.
Entiendo que a la inmensa mayoría le podamos aplicar un estilo.
Si yo le aplicara un estilo que hiciera que el color sea rojo a la etiqueta tabla ese estilo va a afectar
a todo lo que esté adentro de tabla.
Se le suele decir a esto que todo esto que está acá son hijos de tabla.
Esto que están acá serían hijos de T.R y así entonces miren vamos a hacer una prueba fácil para darle
estilo tablas o simplemente esta manera se llama estilo inline o en la línea porque yo les voy a dar
un estilo in-situ.
Hay otra manera de crear unas especies de sitios predefinidos con todo el estilo para aplicarle por
ejemplo todas las tablas del mismo estilo.
Ya vamos a llegar a esa parte no se preocupen de momento esto que para muchos está mal hecho de aplicar
estilos en línea pero que sí si se usa y hay veces que hay que usarlo ya vamos a ver cómo y cuándo y
sobretodo por qué se empezó a decir que es mal usar esto pero no hay malos ni buenos hay cosas apropiadas
y no apropiamos no me quiero ir.
Sigamos Staël.
Yo puedo decir color cuando digo color estoy refiriéndome al color de la letra del texto.
Vamos a ponerle rojo para que se note.
Miren cómo afecta a toda la tabla.
Sin embargo si este estilo yo se lo pongo a esta etiqueta va a afectar solamente a sus hijos y al resto
no..
De hecho que no me desagrada como queja porque estoy resaltando el color rojo es demasiado exagerado
podría ponerle azul.
Miren cómo queda.
Bueno pero bueno ya que estamos en lo dejarás un rato vamos a volver a la etiqueta madre para aplicar
algo de estilo.
Y qué quiero qué quiero poner yo quiero poner una propiedad que es border.
Quiero dibujar las líneas entre las celdas entonces esto es así Border dos puntos que tenga un ancho
de un píxel que sea sólido porque hay algunos tipos de bordes de bordes de puntos o de líneas y que
sea de color.
Por ahora vamos a ser negro sin complicarnos.
Veamos si esto funciona bien se ha dibujado todo el borde externo todo el borde externo a la tabla.
Bueno pero yo quiero que todo tenga bordes.
Entonces yo podría copiar esto lo copio y se lo podría aplicar.
A ver vamos a sacar momentáneamente esto del azul se lo aplico a Terre se lo aplico este TR también
ahí separo se lo explicaré a este certamen.
Veamos.
Bueno pero como ven solo está saliendo el borde externo en la tabla y eso es porque ellos se lo tendrían
que aplicar también al borde.
A cada una de las celdas.
Mirá voy a copiar esto y si lo voy a explicar a los th ahí se lo aplico a éste si lo aplico.
Veamos qué pasa.
Se va dibujando cada una de las celdas yo se lo voy a explicar a éste si se lo voy a aplicar a este
yo no voy a seguir aplicando el resto porque se van a ver bien.
Incluso sale como con un doble borde no me empieza a mentir ya no me gusta tanto como queda pero.
Pero hay otra propiedad que yo puedo aplicar acá a la tabla con tricomas para separar y poder poner
otra propiedad Border Border colapse.
Miren el efecto que causa va queriendo no redibujar los bordes cada vez que pide entonces se ordena
cómo pretendo faltaría hacerlo también a estas.
Esta última fila.
Pero miren esto va a quedar.
Estaba tan tan bonito pero empecé a destruirlo con todos estos estilos entonces tenemos una manera más
apropiada sobre todo más ordenado.
Funciona igual y que sería crear lo que se conoce como estilos.
Yo defino un estilo y si lo voy a aplicar a ciertas etiquetas entonces cada vez que yo crea una etiqueta
dentro de esta página ya va a salir de nacimiento vamos a decirlo así con un estilo determinado.
Entonces entonces
vamos a irnos después del encabezado este Kreuziger antes del body acá vamos a crear.
Si bien funciona creemos donde lo creemos bueno es más apropiado crearlo acá se pone medio Stil Enter.
Bueno y acá voy a escribir este tipo de marca o lenguaje que se lo conoce como CSS o o estilos también
y voy a decir así a qué le quiero aplicar el estilo lo voy a poner a los nombres de las etiquetas separados
por cómo yo quiero ponérselo a la etiqueta table a la etiqueta th y etiqueta td como para no agarrarlo
y se lo pongo todo bien.
Abro una llave y acá voy a escribir el mismo estilo que yo quería ponerle esto que tenía acá yo quiero
ponerle a todo esto
me vuelvo acá lo pego incluso acá adentro puedo ser más ordenado y ponerlo así.
Miren qué lindo queda.
Ordenaditos entiende lo grabo entonces ya puedo borrar todo esto que me destruyó lo elegante del código
que tenemos acá entonces a veces sí nos puede sacar del paso poner un estilo si es para cambiarle el
color algo en particular momentáneamente pero cuando ya hay que poner tantos estilos en línea.
La verdad es que nos destruye la legibilidad del código.
Funciona igual.
Ya lo saben.
Bueno ahí grabo y vamos como queda esto.
Por algún motivo no funciona.
Vamos a ver en qué me equivoqué.
Y si no funciona porque acá es Border me conviene Avelar.
Bueno a ver si era eso si ya estamos.
Bueno podríamos agregarle algunas cositas más pero bueno ven que las letras llegan como muy cerca de
la línea.
Ahí hay una propiedad que se llama pacing y Gnasher algo parecido al margin o al margen pero el padre
lo que hace es dejar un espacio interno esto con un margen interno.
Bueno se lo vamos a agregar.
No hicimos tanto pero el padre se vamos a poner solo a las etiquetas td y Th.
Mirá no te sientas abrumado por lo general esto no es un trabajo que se haga de manera frecuente por
lo general utilizamos plantillas o páginas ensambladas brechas que ya tienen todo resuelto y nosotros
nos dedicamos a lo dinámico generar los datos pero ya que estamos yo creo que si sos un experto en HTML
estas partes de tela saltaste y fui directo a la parte donde estamos programando el PHP.
Pero bueno vamos a aplicarlo a un estilo más que sólo se lo vamos a aplicar a los th y a los tb que
va a ser joder vamos a poner Badín made in Spain.
Cuando yo pongo sólo Padín se lo voy a aplicar a los cuatro lados.
Si pusiera para inglés lo aplico solamente el lado izquierdo y así Padín y le vamos a poner un par de
cinco pixeles o sea va a dejar cinco pixeles de espacio todo alrededor.
Veamos el cambio.
Ahí está ben queda mucho mejor y ya para rematarla podríamos poner texto.
Miren está Fex.
Aparte están todas al capone en Text y mirá todo podés recorrer todas las propiedades que hay ir probando
y aprendiendo.
Alin que es para alinear y lo vamos a poner left para que se alinee todo la izquierda.
Mirá como gamer acá listo.
Bueno sobre todo era por el mes que lo teníamos ahí en el medio que quedaba bastante feo porque por
defecto el encabezado quedó eliminado siempres en el centro del centro.
Bueno volvamos a la tabla miren cómo cambia esto cuando mira si yo agarro esto control viejo copiar
esto vamos a agregar unas cuantas filas bueno va creciendo la tabla pero como vemos yo le hago crecer
para que notemos algo.
Esto es fijo qué quiere decir que esto no cambia nunca es el encabezado son los nombres de las columnas
lo que va a ir variando son las filas.
Yo tengo que en definitiva repetir muchas veces esto.
Entonces yo me voy a quedar con una sola voy a borrar todas las demás vamos a borrar o borrar a esta
y yo les dije Les prometí que si se podía mezclar acá código PHP.
Miren lo que voy a hacer.
Dónde empieza la fila.
Ahí vamos a separar lo vamos a aislar del rebaño.
Acá quedó separada de la fila.
O sea Miren voy a actualizar para que se note.
Tengo una sola fila si yo borro todo esto que es la fila con sus dos celdas queda así no solo las columnas
vamos ahí la volvió a poner en la fila y vamos a hacer lo siguiente Voy a poner el chip.
Vamos a poner frizz.
Vamos a hacer un Fortich pero para ahorrar me lo voy a comer acá no tiene nada de malo.
Lo voy a pegar acá y no va a utilizar el Arráiz meses.
Dónde está la raíz meses y voy a traer de acá arriba tranquilamente lo voy a poder utilizar.
Abro llave pero también cierro PHP.
Entonces después de la fila yo voy a volver a abrir.
Etiquetas PHP solamente para poner la llave final que me falta.
Entonces todo lo que esté acá en el medio en este caso código HTML se va a repetir tantas veces como
elementos tenga meses veamos como anda esto.
Hoy se repitió 12 veces lo que estaba adentro.
Es un paso.
Ahora nos faltaría algo.
Yo acá no quiero que salga enero.
No quiero que salga el nombre del mes que le corresponde a esa fila.
Entonces cómo.
La variable mes va a ir actualizándose en cada vuelta conteniendo el nombre del mes que le corresponde
a esa vuelta.
Yo acabo de verbenero y astutamente voy a poner PHP.
Abro y cierro etiquetas de PHP y biopoder mes listo para que Bandar igual pero para que nadie diga nada
le ponemos el punto y coma que se merece.
Actualizo.
No funciona.
Quería que fuera así.
Mentira.
Me salió sin querer pero provecho de que lo hice mal para mostrarles algo que nos pasa siempre a todos.
Por qué no sale nada.
Y claro porque me olvidé de poner el eco.
No lo estoy imprimiendo ahora sí.
Enero febrero marzo abril Ben esto sí que está bueno.
Y acá tenemos tendría que aparecer el valor correspondiente en cada vuelta donde estoy teniendo el valor
de esa vuelta acá en Malu.
Entonces acá esto lo borro PHP.
Abro y cierro eco acá malo grabo
entonces.
Mira mira el tamaño que tiene la tabla y mira con qué poquitas líneas.
De hecho que bueno todo esto me lo podría haber ahorrado todo esto pero donde el esqueleto HTML bueno
porque lo quisimos hacer prácticamente de lujo como Dios manda pero no solamente este pedacito de la
tabla ya hubiera salido esta tabla más el estilo por supuesto.
Así que miren qué versátiles esta clase ya se ha hecho muy larga queda todavía para que sigamos charlando.
Así que lo voy a dejar para la próxima.
Pero bueno esto va tomando color.
Bueno no me quiero ir sin agradecerles la paciencia porque sé que ahora sí estamos ajustando un poco
la tuerca y va a ser un poco más pesado pero obtenemos estos resultados que pagan el esfuerzo con creces.
Muchas gracias por la atención.
Nos vemos en la siguiente.