Hola bienvenidos a una nueva clase.
Bueno acá me agarra justo trabajando un poquito con Photoshop y estoy haciendo el logo para nuestra
nueva aplicación nuestra nueva aplicación web que ya deja de ser algo simple sin complejidad.
Vamos a encarar la etapa que tanto estuvimos esperando.
Vamos a desarrollar PHP TV.
Si vamos a hacer una especie de gemelo de la plataforma que tanto consumimos que tanto consumo y que
también disfruto creando contenido yo creo que contenido ahí y la verdad que me apasiona.
Entonces se me ocurrió que podíamos inspirarnos en YouTube para desarrollar algo parecido pero vamos
a ser inteligentes vamos a tratar de no hacerlo tan complejo pero sí trayendo las funcionalidades a
cosas que nos interesen aprender.
Bueno en realidad es una aplicación que van a desarrollar ustedes y si me permiten yo simplemente voy
a participar un poco bueno antes de cerrar esta ventana me quiero ir dejándoles el consejo de que aprendan
aunque sea un poquitito de Photoshop nunca viene mal para esta tarea es muy útil para cuando necesitamos
sacarle el fondo de una imagen del fondo blanco.
Cuando queremos retocar algún logo que estamos reciclando de otra web hace falta aunque sea lo básico.
Bueno ahora sí.
Dicho esto vamos a pasar al tema de nuestro interés a lo que vinimos.
Entonces YouTube tremenda plataforma y si se dan cuenta YouTube no deja de ser una red social.
A dónde.
En un video determinado se lo puedo abrir o es un video muy actual por lo visto y vamos a poder dejar
mensajes vamos a poder seguir a cierto creador de contenido así que nos invita a desarrollar diferentes
funciones que nos van a ser de mucha utilidad para manejar bases de datos y después para aplicarlas
a proyectos que a lo mejor no tienen nada que ver con las redes sociales.
Pero vamos a sacar cuentas de visita vamos a sacar cuentas de comentarios así que es bastante versátil.
El ejemplo bueno como era de esperarse nos vamos a valer de plantillas desarrollar todo el CCCB una
plataforma de este nivel nos llevaría un curso varios cursos y estamos acá para otra cosa.
Entonces de hecho si a mí me encanta me encargara a alguien hacer algo similar no dudaría en contratar
diseñadores o comprar una extraordinaria plantilla.
Bueno lo que vemos acá son típicas plantillas que llamamos paneles o paneles de administración son muy
usadas por ejemplo en paneles de administración de servidores Jostein cuando se contratan hosting.
Yo accedo a un panel como éste para ver mis dominios para ver mis páginas web cómo están funcionando.
Bueno esto que vemos acá es una plantilla para hacer una plantilla o un modelo prefabricado vamos a
decir que no es más que una colección inmensa de gráficos botones opciones cajas.
Está basado en vostra.
Ya se dan cuenta Miren ven que están divididos acá en columnas tengo uno dos tres cuatro columnas y
miren cómo es totalmente responsivo miren como cuando lo Hachiko cómo se van acomodando acá estas cuatro
columnas.
Ahora se pusieron de otra manera y si lo ven angosto más todavía.
Miren ya queda apto para un teléfono.
Bueno este es típico de vostra porque esta plantilla este modelo pre hecho está basado en vostra.
Desde luego que acá hay un ejemplo bastante cargado de cosas innecesarias porque de eso se trata ofrecerme
una paleta de herramientas que a mi me permita decir bueno para mi aplicación Yo necesito ver estos
cuadraditos acá arriba quiero poner un gráfico acá y yo voy surtiendo Home eligiendo cada elemento para
conformar mi panel.
Yo podría no sé.
No es lo que vamos a hacer pero mira yo digo a ver esta caja aunque acá me la muestran para mostrar
fotos de usuarios.
Uy qué linda esta caja para usarla para poner el video supongamos yo puedo reciclar a gusto todo lo
que acá miren los tipos de tabla si navegamos en esta plantilla que se las presento como un modelo vamos
a utilizar esta plantilla porque es gratuita se llama admin Ltd. es muy conocida hay muchísimos paneles
ya sea contables redes sociales y un montón de herramientas online que hoy día funcionan con este panel
que cada uno lo adaptó a su necesidad.
Si ven acá en la barra lateral izquierda trae un sinfín de elementos.
Por ejemplo no quiero hacerlo cargar cargoso este video con una descripción que ustedes van a poder
explorar.
Pero miren tengo acá la opción de gráficos.
Entonces puedo empezar a explorar Miren veces qué calidad de gráficos para mostrar los datos estadísticos
que necesitemos.
Incluso hay varios tipos de gráficos varios autores de librerías.
Esta es otra librería América interesante un gráfico en tiempo real para los que estamos en el mundo
del té.
Esto es como la harina para el panadero los que hacemos té o el Internet de las cosas.
Estamos muy acostumbrados a tener que representar gráficamente un montón de datos estadísticos que qué
más gráficos de torta de círculo.
Muy interesante a ver qué más tenemos por acá.
No quiero colores barras barras de progreso todo lo que se necesita en un panel para una aplicación
web.
Botones para ser dulce no miren todo lo que hay.
Sliders miren qué bueno estos los electrónicos decimos potenciómetros pero son sliders o potenciómetro
deslizable como las consolas de audio.
Bueno miren para tener que supongamos en nuestra aplicación el usuario tiene que ser un número y en
vez de hacer un casillero y que lo escribo con teclado que puede ser incómodo.
Miren esto lo usen en una época que desarrollamos un producto que se llama ener bits que es un producto
de Internet de las cosas para el Control de Energía el usuario podía saltear con este mismo deslizable
o con uno muy parecido podía ser TIAR cuánto era el máximo de su factura que quería pagar a fin de mes
de su factura de electricidad.
Y supongamos cuánto era el mínimo entonces.
Bueno el sistema trataba de optimizar el consumo en este sector o se lo puede usar para un termostato
por ejemplo bueno la temperatura mínima de la casa quiero que sea ésta y la máxima esta entonces oscila
dentro de este gráfico.
Son ejemplos que se me ocurra bueno miren los formularios miren un formulario para cada caso.
Ya tenemos hecho esto y a la hora de usarlo es tan fácil como decir Bueno quiero insertar esta caja.
Bueno click derecho a inspeccionar.
Empiezo a moverme un poco para ver ver vamos a bajar acá abajo y ahí está.
Este es el formulario se desacomoda todo porque se angosto y se está viendo como si estuviera bien en
un teléfono.
Ahora si bien le hice click derecho y yo me voy moviendo.
Miren a la derecha la flecha de mi manos.
Cómo puedo ir seleccionando todo el formulario que quiero.
Eso ya es mucho.
Ahí estoy seleccionando toda la columna no solo la caja.
Ahí hago click click común acá.
Click derecho ahora.
EDIT as HTML y miren acá me aparece todo ese código.
Entonces es tan fácil como copiar este trozo y pegarlo en el desarrollo que estemos planteando en ese
momento y ya tenemos este modelo por supuesto le corregiremos los casilleros los labels las etiquetas.
Bueno virtualizada acá qué otras cosas las tablas.
Bueno utilizo una librería como un plugin que se llama data tables que me permite hacer maravillas como
éstas.
Poder buscar dentro de los resultados estoy buscando en el casillero de la derecha y agrandar así sea
de mejor acá.
En este caso yo estoy buscando ideas como poder buscando sobre columnas puedo ordenar algo totalmente
profesional.
Ya estamos hablando de Ligas Mayores y nosotros nos vamos a poder centrar en lo que importa en lo que
pasa por detrás en nuestro desarrollo en PHP buana disfruten recorriendo todas las opciones miren qué
lindo el calendario.
Si tuviéramos que hacer un gestor de correos ya está hecho.
Para qué trabajar y renegar a lo sumo modificar algunas cosas menores y algo muy interesante es que
ya nos trae un montón de páginas especiales como por ejemplo la de Lovin miren que prolijidad seriedad
qué bueno que está y desde luego la de registrar también para registrar un nuevo usuario trae la página
de error 404 para que la personalizamos no nos podemos quejar.
Bueno insisto esto es un panel no sé si genérico pero de los gratuitos uno de los más populares.
Lo bueno es que cuando aprendes a dominarlo miren a Carrió la fotito del usuario con desplegables puedo
abrir y cerrar la barra cuando aprendés cómo funciona este panel me refiero en su código cómo está ordenado
en secciones que no es para nada difícil.
En definitiva estos paneles están divididos en una barra superior que viene a ser un.
Se lo conoce como jer una barra a la izquierda que la conocemos como aceite y un content o contenido
que viene a ser toda la parte central.
En definitiva no importa en qué opción yo esté todo lo que veo en el borde es lo mismo lo que cambia
es el centro.
Dicho sea de paso estoy viendo todos los iconos disponibles de la librería PHA icons que es súper popular
y bueno me encantaría que arranquemos por esta opción porque una vez que dominen este panel hay cientos
de paneles gratuitos y cientos de paneles de pago.
Y para que vean que qué potentes esto que potentes mira en este panel que es de pago pero no lo podemos
usar acá porque estaría yo sólo tengo este panel pero si sólo publicarã para que trabajemos con esto
estaría violando las normas que establecen que esto es privaban para un uso comercial.
Yo lo tengo que pagar y sólo lo puedo usar para lo que lo pagué para la licencia que pagué en ese momento.
Pero no es para nada caro no son para lo que son.
Yo les aseguro que no es para nada caro.
Y bueno miren el aspecto profesional está basado el ejemplo en algo más económico en bitcoins en training
está orientado a eso el ejemplo pero no lo puedo usar para lo que quiera hay distintas variantes del
panel Miren que esta vez les quiero mostrar un par de pantallas más.
Va a quedar el link también de este panel para que lo vean y yo a donde he comprado muchos paneles.
Yo no tengo ninguna relación ni con esta gente ni con la que voy a nombrar ahora es simplemente un consejo
de corazón de mi experiencia.
He comprado muchos paneles a buen precio suscribiendo me adelanto element.
Ahí que 16 dólares por mes.
No tenés una cuota de permanencia si querés estar un solo mes y ahí te descargas un montón de paneles
de pago lamentablemente es que estamos viendo no está bien.
A ver vienen los formularios cómo se ven distintos tipos de formularios y tiene varias versiones.
Yo le puedo cambiar fácilmente el fondo.
Miren que bueno la verdad es que yo estoy encantado con este panel y todavía no he hecho ningún proyecto
comercial.
En mi trabajo con este panel y no veo las horas que me sale un trabajo para poderlo poner en práctica
porque estoy muy encantado.
Bueno así que con esto damos cierre a la presentación de esta nueva etapa.
Vamos en la próxima clase a ver un poco de qué se trata el código HTML.
Acá hay puro HTML de momento y algo de JavaScript de estos paneles.
Y bueno a empezar a bailar.
A eso vinimos un gran abrazo gracias por la compañía.
Nos vemos en la proxima.