Hola bienvenidos a una nueva clase.
Como verán estoy en la página principal de admin LT e la pagina de este panel y yo lo voy a bajar.
No no se esfuercen ahora en hacer esto no es necesario.
Ya les cuento por qué.
Bueno yo voy a bajar acá si
mientras se baja yo voy a venir acá y vamos a crear una nueva carpeta que le vamos a poner ni un folder
PHP Tubau.
Creo que ya la tenía creada.
Mira si esto de haber sido una prueba que hice así que lo voy a borrar.
Si lo quiero borrar a mí no me permite hoy lo borramos.
Estoy desde acá si me va a permitir borrar esto es una particular particularidad de Mac
eliminar a la papelera.
Listo.
Bueno ya lo descomprimido y esta carpeta admin.
Yo la voy a abrir.
Miren todos los archivos que hay.
No se asusten.
Hay muchos que no los vamos a usar por no decir la inmensa mayoría pero yo voy a copiar todo esto.
Copio lo podría arrastrar también.
No lo voy a pegar dentro de la carpeta PHP Tube.
Ahí está esta copiando.
Mientras se termina de copiar ya me vengo el código y voy a ver que van a ir apareciendo los archivos
acá.
Miren cómo la carpeta PHP tubes se llenó con todo el proyecto del panel admin Lt.
Esto no puedo cerrar.
Entonces probemos si funciona el panel que nos aparece.
Local Jost vamos a entrar a ver qué pasa en las mejores familias.
Me había olvidado de iniciar esto esto esto no necesito arrancar un momento y ahora sí ya está funcionando
entonces curso de HPV y miren en cuanto entra se ve que tiene un index debeser Index puntuó HTML.
Ya estoy viendo el panel y lo puedo probar como lo veíamos en la demo recién.
Pero ahora lo tenemos en nuestro propio servidor local.
Buenísimo.
Ahora vamos a investigar un poco qué hay detrás de este semejante panel.
Bueno como primera medida veo que tengo dos archivos índex e indexados esto a qué se debe.
Esto se debe a que nos proponen dos versiones del dashboard Dashboard.
Se les suele llamar a no sé si escucharon recién un ruido que hizo la computadora un sonido es porque
recién ahora se terminan de copiar todos los archivos tienen muchos archivos esto no salía el icónico
este de acá y es porque todavía no se había pegado a la librería.
Yo me apuré en entrar ahora sí se está viendo completo y bueno retomemos por qué tenía dos índex porque
uno pertenece a una propuesta de panel principal y otro pertenece a otra propuesta.
La verdad que a mí no me interesa mucho esto porque nosotros lo que vamos a hacer es arrancar desde
un panel pelado sin nada completamente vacío o prácticamente vacío.
No quiero tener nada en el centro a lo sumo algún elemento voy a dejar por acá que esté seguro que lo
voy a usar y sobre todo que me quede como ejemplo por si quiero repetir y a lo sumo dejaré un ítem en
esta barra de la izquierda uno de estos ítem para después copiar y pegar y repetir las diferentes opciones
de nuestro menú lateral izquierdo nosotros vamos a trabajar con esto pelado.
Pero el problema es el siguiente.
Yo sé que ustedes están empezando y no solamente empezando con PHP y la mayoría de ustedes está empezando
con HTML también y con Java también con JavaScript.
Sé que es un desafío entonces voy a explorar ahora el índex que vendría a ser la primera versión del
panel y si no también podríamos ver el índex dos son muy parecidos así que tomemos el 1.
Bueno vean que en primer lugar ahora hay un montón de estos Link en el jeep se acuerdan el esqueleto.
Se acuerdan cuando poníamos y aparecía vacío el esqueleto.
Miren lo voy a repetir acá HTML Enter.
Miren qué vacío que está el Geb se abre acá y se cierra acá abajo.
Acá poníamos el título que quiero que aparezca en la pestaña el charged.
Bueno miren el tamaño de este Geb que se abre acá arriba y termina acá abajo y es como que tiene un
poco más de contenido bueno.
La mayor parte de estos son inclusiones o referencias de distintas librerías porque el panel más allá
de que es HTML el que hizo este panel tampoco es Dios tampoco es un genio que programo y esto me da
la razón a mí.
Yo sé que del otro lado hay un montón de gente muchas personas que piensan distinto y eso es lo bueno
que tengamos diferentes opiniones pero yo quiero también defender mi postura creo que acá es un ejemplo
clásico.
Bueno esta gente que es súper profesional y la gente que hizo el panel de ese medio rojizo por detrás
ni les cuento ni les cuenta lo profesional que es.
Sin embargo esa gente que se piensan que programaron hasta hoy dos grafitos porque esto es una librería
extraordinaria para manejar gráficos solamente esto es todo un desafío.
Es que piensan que realmente la persona que desarrolló esto honestamente las personas.
Yo no creo que uno solo hizo todo esto.
Las personas que desarrollaron esto se sentaron a desarrollar también esta librería de gráficos.
Miren esto es una librería o un plugin llámenlo como quieran de mapas así como los tiene Google.
Miren que bueno para mostrar por ejemplo haber usuarios conectados en tiempo real en el mundo.
Qué impresionante.
Bueno obviamente esta gente desarrolló el panel pero también se valieron de recursos desarrollados por
otros fueron y compraron los derechos para usar esto o si son de derecho libre lo usaron 5 sin pagar
nada y punto.
Así con muchas cosas de las que hay acá entonces entonces esa es la explicación de por qué hay tantos
de estos links íconos.
Ellos diseñaron cada Incognito que aparece no utilizan esta librería que es Font agua Epsom que era
una librería de iconos súper conocida.
Los usamos todos los programadores pero lo hizo otro.
Entonces si a ellos no les da vergüenza si ellos no se sienten menos programadores por recurrir a las
herramientas de terceros por lo menos a mí tampoco me siento menos programador ni soy menos profesional
porque cuando me contratan para hacer un panel de éstos recurro a algo hecho obvio obvio que es así
porque cuando se trata de trabajo también se trata de dinero se trata de ganar la mayor cantidad de
dinero con la menor cantidad de trabajo.
Entonces qué tiene de malo entonces.
Bueno no me quiero del tema pero algunos temas me tocan de cerca.
Se incluyen también APIs de por ejemplo cajas Google supongo debe ser para las letras.
Me estoy trayendo letras de Google así que esto ya es bastante más complejo.
El jet.
Bueno yo les puedo decir que cuando vaciamos todo nuestro panel esto lo vamos a dejar de momento a todos
los.
Los links estas inclusiones en todas las librerías porque todavía no sabemos si vamos a usar por ejemplo
a Permira este este Morris en una librería de gráficos de estos gráficos de estadísticas.
Yo la sacaría pero no mejor la voy a dejar porque no estoy seguro si usar o no gráficos de Morris.
Yo dejo todo en cuanto a estas inclusiones.
Ahora bien terminé el GED y empieza a partir de donde dice esta clase de Rapper empiezan las diferentes
partes del panel.
Presten atención.
Esto tiene que ser así lo captan a la primera porque es súper importante.
Se acuerdan que yo les dije que estos paneles básicamente están compuestos por tres o cuatro partes
el Geer que es esta barra de acá arriba el aceite que es una barra lateral.
Algunos tienen una barra lateral a la derecha.
Creo que este sí a ver si acá tiene una barra en la derecha.
Qué versatil está.
Y también tienen un futur o un pie de página.
Bueno gracias gracias a que esto está bien desarrollado y basado en vostra es que adentro del código
nos vamos a encontrar muy definido dónde empieza el Jer dónde termina donde empieza el les solemos llamar
content a esta parte al cuadrado este que se encuentra en el centro porque es el contenido en definitiva
en este tipo de paneles es lo que cambia todo lo demás casi siempre se mantiene igual salvo raras excepciones
entonces como el panel que estamos viendo ahora está lleno de opciones está lleno pero por qué es una
paleta es una paleta de muestra es que me voy a encontrar con un código abrumador masivo que la verdad
hasta que vos no te acostumbras a manejar estos paneles cuesta gracias a Dios con Atom o estas herramientas
nos ayuda a identificar dónde abre y dónde cierra la etiqueta entonces.
Bueno el GDR empieza acá arriba y termina por acá abajo por acá abajo.
Ahí de hecho miren que a veces es útil utilizar esta herramienta.
Puedo minimizar.
Entonces yo acabo de minimizar esto minimice Orjeda ahí tengo metido todo el género de hecho lo borro
todo era muy a grabar en la web estoy Index 2 por eso nunca estoy en el 1.
Miren le desaparecio la franja de arriba miren qué fácil es modificar esto.
Bueno por qué el Jer acá adentro está lleno de opciones.
Bueno son todas estas opciones muy actualizara no grabar el momento ahí grabo vuelvo era el Jaider si
tiene opciones porque tiene este botoncito para abrir y cerrar la barra lateral.
Acá miren todo lo que es bueno todo esto ocupa código y son todos estos detalles muchas veces los paneles
ya suelen traer dentro de sus carpetas a ver si lo encuentro fácil acá si no no se preocupen se lo cuento.
Hace mucho que no trabajo con LTE de manera profesional.
He empezado a trabajar con paneles de pago y los he empezado a conocer en profundidad a esos paneles.
Yo me inicié con este panel en su momento lo dominaba a pleno.
Bueno ahora debo reconocer que ya hay algunas cosas que no recuerdo de manera tan fresca pero a ver
a ver acá están las páginas.
Ya después lo buscamos pero no importa porque tiene un problema lo que les digamos lo que les quiero
mostrar.
Yo les quería contar que estos paneles suelen venir ya con cada una de las partes Gelder Asai content
vacías listas para ser rellenadas o sea prácticamente tengo unas cuantas etiquetas la etiqueta que abre
y cierra alguna etiqueta dentro y pocas cosas más.
Entonces yo tengo todo el panel vacío es súper útil.
La verdad es que sí.
El problema de eso es que ya está demasiado vacío y cuando quiera poner elementos no es cuestión de
copiar y pegar así como venga.
Hay ciertas maneras.
Por eso les decía que lo bueno o por ahí lo que yo suelo hacer es tomarme el trabajo de meterme en esa
jungla de código e ir borrando de a uno sin romper que es romper algo.
Por ejemplo no importa ya vamos a ir aprendiendo que son etiquetas para qué se usan de usándolas practicándose
te vas dando cuenta que quiere decir un huele que todavía todavía no hemos visto.
Pero si yo te puedo decir que aunque no sepas para qué sirve una etiqueta huele que abre por acá arriba
y cierra acá abajo.
Yo ni sé que hay acá adentro no sé para qué sirve en este momento o no lo hemos enseñado pero eso sí
lo que sé es que si a esto lo borro por ejemplo así completo
y borro además o borro de menos estoy rompiendo el HTML porque por cada etiqueta que abre tiene que
haber una que cierra.
Entonces si yo empecé a borrar desde el muelle que abre tengo que borrar hasta el muelle que cierra.
Entonces yo lo que hago es tomarme el trabajo de ir borrando elemento por elemento.
Yo tengo práctica me animo a borrar a muchos elementos sin romper nada y dejo uno o dos por ejemplo
a carrera me gusta dejarme el sobrecito con la función de despliegue pero no vacío todo lo que hay adentro.
Pero si le dejo la función de desplegar entonces si necesitamos más de esto sí necesito Campanita banderita
lo que me haga falta.
Simplemente copio el sobre y le voy cambiando el ícono.
Entonces dejo un ejemplo dos ejemplos en dos ejemplos en cada barra o en cada zona para inspirarme y
poder copiar.
Obvio es un trabajo importante con mi hijo Benjamín trabajamos muchísimo con estos paneles nos encantan.
Siempre estamos contando los días para empezar a trabajar y les llamamos ya tenemos una jerga y les
decimos cortar el panel.
A veces me dice papá lo cortas o lo corto yo cortar el panel les llamamos a eso a meternos con una motosierra
y empezar a desguazar a deportarlo como si fuéramos un carnicero separando la raíz para dejarlo listo
para empezar a trabajar.
Entonces quédense tranquilos que ese trabajo lo hemos visto por acá.
Ese trabajo lo voy a hacer yo voy a dejar un panel medianamente vacío limpio por eso no les recomiendo
que se bajen esto ahora y vamos a trabajar sobre esa versión en la próxima clase.
Ya les dejo el link para que se bajen el panel despistado vamos a decirlo de una manera más criolla.
Bueno un poco más de la presentación de lo que vamos a trabajar con este panel.
Gracias por la compañía.
Nos vemos en la siguiente.