Encuentro 12_ADSO FICHA 2758305 y 2758306 Fase 3 EJECUCIÓN 2024_08_29
Category
📚
AprendizajeTranscripción
00:00Corte el saludo para todos, muy buenas tardes, como se encuentran, como van muchachos, como
00:28va todo, como van esos proyectos, buenas noches profe, buenas noches muchachos, que tal todo,
00:40que tal esos proyectos, cuéntenmelo todo, profe he tenido problemas con el bootstrap para hacer
00:48la conexión con lo que yo ya llevaba del proyecto, ok, como de hacer la combinación y me dice, o sea,
01:03cuando yo voy a sacarle, digamos los botones ya no tienen colores y algunos accesos y demás,
01:12si los botones no tienen colores es que no se está conectando a bootstrap, si me hago entender,
01:20pero es que no, o sea, el bootstrap lo estoy usando digamos para el carrusel y lo estoy
01:25usando para otros dos entornos gráficos, pero digamos que lo principal, el pie, el perdón,
01:33el head, la cabeza, la cabecera, donde tengo los botones que estoy usando de otro enlace,
01:44otros hiper vínculos, ahí donde tengo todos los colores. Bueno, si quiere, miramos la formación
01:53de hoy y apenas terminemos podemos revisar su proyecto de forma rápida, ya que es el único
02:02aprendiz que hay. Listo, igual lo voy escuchando, es que voy llegando a la casa igual, en 20 minutos
02:10ya estoy ahí. Listo, igual pues yo voy a dar la formación del día de hoy y ya lo digamos,
02:20le miramos ese tema, ¿listo? Listo, ya hablamos. Bueno, entonces, la idea mía es compartir,
02:32voy a compartir la cámara, voy a dejar de, voy a compartir mi pantalla.
02:41Listo, en este momento, pues ya ustedes deben de estar viendo mi pantalla.
02:46Listo, entonces vamos a mirar, nosotros habíamos quedado la vez pasada
02:54en el A2, ¿listo? La incorporación de las tecnologías emergentes y disruptivas, ¿listo?
03:05Más o menos creo que eso fue lo último que se vio en la formación pasada, ¿listo? Entonces,
03:11el día de hoy vamos a terminar lo que ya habíamos, veníamos mirando, ya habíamos visto el tema del
03:21JDK, cómo tenían que presentar, digamos, lo de Android. Acá se encuentra todo lo relacionado con,
03:28un segundito, que están pidiendo ingresos. Ok. Listo, entonces, vamos con el A3, ¿listo?
03:45Entonces, ¿qué pasa? ¿Qué necesitamos nosotros? Nos están pidiendo, en este momento,
03:52evidencias sobre las tecnologías emergentes, ¿listo? Acá están pidiendo varios talleres,
03:58no es nada más. Lo único que van a hacer es responder estas preguntas. Ustedes ya tienen que
04:07tener, digamos, acá, entonces, van a responder estas preguntas, ¿listo? Entonces, van a elaborar
04:19una investigación, dice en teoría corta, sobre cada uno de estos temas. Estos simplemente son
04:25tecnologías que hasta el momento, bueno, ya tienen más, digamos, un poquito más de
04:32tendencia. Antes era un poco más, encontrar este tipo de tecnologías, pues, era más complicado.
04:40Ahorita, pues, el 3D es muy, muy común, ¿listo? Entonces, eso es lo que ustedes deben de realizar
04:48en esta A3, no es nada del otro mundo. Y ahí mismo van a hacer el taller 2, ¿listo? Que van
04:54a responder estas preguntas. No es absolutamente nada más. Entonces, cuando ustedes hagan su trabajo,
05:01colocan portada, colocan introducción y luego taller 1 responde todas las preguntas, más
05:08abajito, taller 2 responde todas las preguntas y me entregan un solo archivo. No tienen que
05:14entregarme, pues, obviamente todos esos archivos, sino solamente dos, ¿listo? Bueno.
05:23En el A2 Evidencia 4, ustedes van a entregar como tal un vídeo, digamos, sobre Machine Learning, ¿listo?
05:37Van a grabar, yo les recomiendo que coloquen unas diapositivas y empiecen a grabar la pantalla,
05:46así como lo estoy haciendo yo en este momento. Ustedes con el correo del CENA tienen acceso
05:52para grabar la pantalla. Si no lo pueden hacer tranquilamente con un correo Gmail,
05:57crean una reunión y le dicen grabar. Creo que Gmail no lo está haciendo. Antes lo dejaba
06:04hacer gratis, en este momento creo que no. Entonces, les recomiendo que lo hagan acá con
06:10Team. Ustedes con el correo del CENA tienen toda la posibilidad para poderlo realizar. ¿Listo?
06:16Entonces, colocan las diapositivas, graban la pantalla. Si son varios, son uno o dos que estén,
06:24bueno, más de uno. Simplemente, pues, van hablando cada uno de ustedes y van explicando tema por
06:33tema. O sea, ustedes verán cómo se lo reparten, pero lo importante es que todos puedan hablar.
06:38Necesitan subir un vídeo. ¿Listo? Entonces, sí o sí, necesitan hablar todos. No que necesitan
06:45que lo haga uno solo. ¿Vale? Entonces, es muy, muy fácil esta actividad. Bastante sencilla. El
06:51vídeo no debe superar los 10 minutos. O sea, no creo que tengan tanto tema como para un vídeo
06:57de 10 minutos. ¿Listo? Pues, ahí sería bastante, bastante sencillito este tema. ¿Listo?
07:05En la A25, simplemente texto argumentativo sobre el blockchain. ¿Listo? Entonces,
07:13¿qué tienen que hacer? Otra investigación. Como les dije, ya estas guías de aquí en adelante ya
07:19son investigaciones, son... toca hacer manuales técnicos, bueno, todo tipo de manuales. Entonces,
07:27miren que de aquí en adelante ya se vuelve mucho más sencillo. Lo fuerte está en la guía 7. Si
07:33ustedes superan la guía 7, muchachos, no van a tener... creería yo que de aquí en adelante no
07:38tendrían inconveniente. ¿Listo? Entonces, simplemente van a explicar en qué consiste la
07:46tecnología, cuáles son los objetivos de esa tecnología, y así pues cada uno de ellos. ¿Listo?
07:54Bueno, entonces, aquí pues también la minería de datos, las criptomonedas. Les recomiendo que
08:03se enfoquen también en todo lo que, digamos, toda la energía y todo lo que se necesita,
08:10todos los recursos para tener unas criptomonedas. En teoría se necesitan muchos recursos para la
08:16minería de datos. Sí, entonces tengan, expliquen bien todo ese temita, y pues ahí ya está,
08:23estaría lo que ustedes necesitan. ¿Listo?
08:31Entonces, ya lo que sigue, pues esto ya no corresponde a lo que me toca a mí. Entonces,
08:37como ustedes se dan cuenta, ya solamente quedarían tres actividades y todas tres
08:41son de investigación para terminar la guía 8. Entonces, con esto pues ya estaría. ¿Listo?
08:50Bueno, caso aparte, ya terminando, digamos, de explicar lo que les toca en la guía 8,
08:57lo que me deben de entregar, ya con eso pues terminaríamos dicha guía. La vez pasada yo
09:04les había hablado un poco de esta convocatoria que encontré. ¿Listo? Me pareció, pues, curiosa,
09:12interesante, pues quise saber qué tan atractiva en este momento se encontraba mi hoja de vida.
09:19¿Sí? Entonces, miren que ahí ya hice eso y me envía, ya pasé una prueba técnica,
09:28le digo una prueba escrita, y aquí me enviaron una prueba técnica como para realizarla. Y pues,
09:37ya dije, entrado, vamos a mirar a ver cómo está el mercado en este momento. Y me puse a mirar este
09:47tema de las pruebas técnicas. Lo que más me ha complicado en este momento, pues, es montar el
09:54ambiente de trabajo. Hacía rato, pues, no montaba un entorno de trabajo. Mi equipo, pues, no estaba
10:02habilitado para entornos de trabajo en este momento de esa manera. Pues, me ha tocado instalar ciertas
10:08aplicaciones. He ido mirando varios temas. Entonces, ha sido interesante. Por ejemplo,
10:16me volví a familiarizar en este momento con el PowerShell. Este es una herramienta importante
10:26de Windows. También encontré una herramienta que se llama ChocoLay. Esta herramienta me ha sido muy
10:37útil para instalar ciertas aplicaciones. Ha sido, pues, bastante interesante. Acá, pues, uno hacía
10:46una consulta, ¿sí? A ver si tiene privilegios, ¿sí? Entonces, ahí me decía que yo podía hacer
10:55mis consultas, a ver si tenía privilegios. Cada uno simplemente los pega y hace su consulta.
11:01Y me aparecía que estaba restringido. Pero aquí me dice que simplemente cuando aparece restringido,
11:09pues, debo correr esta partecita. Ya la corrí. Como tal se habilitó y copié esta información. Y
11:20con esto empecé a instalar todos los otros programas. Ha sido bastante, bastante interesante.
11:25¿Sí? Instalé PHP en su última versión. Y entonces, instalé MySQL también en su última
11:36versión. Estamos hablando, pues, de lo último que hay ahorita. Me tocó instalar Node, ¿sí? NVM,
11:47todo lo que ustedes tienen que instalar. También instalé Composer para poder instalar
11:52Laravel. O sea, son herramientas que hay ahorita en el mercado. Hay algunas que no tenía el
12:00privilegio, pues, de tratarlas. Pero fue bastante interesante. Simplemente con Chocolate él me
12:09instaló todo. Lo único que yo tenía que hacer era correrlo acá, verificar que sí se estuviera
12:14instalando. Y aparte de eso, pues, acá en las variables del sistema, uno va al sistema, mira
12:24las variables de entorno. Y acá, pues, tiene varios tipos de variables. Entonces, en la partecita de
12:31abajo, ya uno empieza a configurar todo lo que tiene que, todo lo relacionado con lo que realmente
12:39está, va a trabajar. Entonces, mire que acá en la parte de abajo, este fue el PHP, donde quedó
12:47instalado PHP. Entonces, uno viene acá y coloca PHP y coloca, digamos, la ruta. Y estas son las
12:56variables como tal de entorno. Entonces, uno va configurando la variable de lo que necesite.
13:02También está el path. Entonces, uno en el path lo edita. Y aquí, pues, termina de agregar lo que
13:10necesita. A veces no necesita uno, digamos, agregar, venir al path. A veces sí. Entonces, pues,
13:17esto es configuración, configurando el entorno de desarrollo. Muchas empresas ya lo tienen
13:23configurado. En este caso, me tocó configurar todo mi PC para eso. Entonces, mire que acá tengo
13:29Python, dado el caso que lo necesite. Tengo SAM, que era lo que les comentaba la vez pasada. Aquí,
13:39pues, quedó instalado composer. Esto que está aquí es la ruta donde me quedó Laravel. Entonces,
13:45en Bean, como tal, ahí está, en esta partecita, está Laravel como tal. Listo. Entonces, miren
13:55dónde quedó el chocolate. Aquí está la última versión de PHP. Aquí quedó como tal Node.js.
14:02Y acá, pues, tengo composer y acá tengo la última versión de Laravel. Listo. Entonces,
14:11ha sido bastante interesante este tema. Y me tomó tiempo. Me tomó casi toda la tarde
14:19llegar a configurarlo, pero ya está configurado, ya está listo para arrancar. Entonces,
14:24son cositas que uno va, digamos, al no practicarlas tanto se les van dificultando. Entonces,
14:33por eso encontré esta herramienta que se llama Chocolate, que es bastante interesante para
14:40instalar programas en Windows. Entonces, es muy, muy interesante. Si alguno quiere utilizarla,
14:49quiere probarla, es muy buena. Me pareció bastante, bastante útil. Listo. Y de todas
14:59las herramientas que les mencioné, vayan, los que quieran programar en PHP se van a familiarizar,
15:06los que quieran programar en PHP con un framework como Laravel. Listo. Acuérdense que el framework
15:12simplemente es un marco de trabajo donde nosotros podemos empezar a configurar todo lo que se
15:18necesita para empezar a trabajar. Listo. Y pues, acostúmbrense a trabajar con el PowerShell.
15:25El CMD es interesante, pero es más enriquecido el PowerShell. Listo. Igual, cuando les digo el
15:33CMD, es esta ventanita negra, que no es tan chévere a la vista. No sé, no lo mostró. Acá está.
15:47Entonces, podemos trabajar con el comando o con el PowerShell. Me gustó más el PowerShell que
15:53esta que no es tan agradable a la vista. Listo. Igual con las dos se puede trabajar, pero me
16:02gustó más esta el día de hoy. La probé, me parece interesante. Y pues, realmente trae más,
16:10trae colores. Entonces, esta es muy, muy, muy plana. Si yo llego a copiar esto acá, pues no va a pasar
16:17absolutamente nada. En cambio, cuando ya copio esto, pues él me ayuda a varias cosas. Listo.
16:24Entonces, por ejemplo, miren, aquí vamos a hacer una pequeña recopilación de lo que se hizo.
16:34Pues miren que aquí se escribió Choco, de hecho, la abrivatura de Chocolate. Install Node.js.
16:41Entonces, con eso me instaló Node.js. Aquí con Node.js lo instaló. Aquí con esto yo puedo
16:52tranquilamente verificar en qué versión me instaló de Node. Listo. Entonces, ahí ya estaría. Tengo
17:03la versión 22. Laravel. Se instaló Laravel. Miren que ya solamente escribiendo Laravel,
17:13él me dice qué versión de Laravel se instaló. Ahí me muestra los comandos de Laravel. Y pues,
17:21ya yo puedo crear tranquilamente una aplicación con Laravel solamente escribiendo así. Laravel
17:29y la instalación de Laravel como tal. Listo. Entonces, con New, aquí miren que en la partecita
17:37de abajo me dice que si yo digo New, aquí, para crear entonces sería New y Laravel más la
17:45aplicación. Entonces, es bastante interesante estas cositas y pues lo importante es leerlas,
17:52practicarlas. Y pues muchachos, o sea, como les digo, ya depende. A ustedes les enseñan
17:59una tecnología, pero esa tecnología por detrás lleva mucho, mucho. O sea, montar un entorno
18:07siempre ha sido más complicado. Cuando ustedes entran a una empresa y el entorno está montado,
18:13no tendrían tantos inconvenientes, pero es bueno que aprendan a montar entornos desde cero,
18:18por si algún día llegan a una empresa que la empresa no tiene nada. Y pues ustedes empiezan
18:24a instalar, instalar MySQL. Me tocó instalar MySQL como developer para nosotros los desarrolladores.
18:32También hay MySQL para servidores, para servidores dedicados. O sea, el mismo instalador
18:40permite a uno escoger hacia dónde lo va a instalar. Entonces, ya uno tiene que saber
18:45para qué es. En este caso, pues como es para el equipo, para poder hacer el desarrollo que me
18:51están solicitando acá, pues quiero probar a ver si, quiero realmente probar a ver cómo me va con
18:59esto. Acá me enviaron, digamos, una base de datos. Me la enviaron en otro formato. A todos nos
19:11enviaron lo mismo. Entonces, me enviaron una... Acá ya tengo parte de lo que necesito. Entonces,
19:20me enviaron, digamos, una base de datos como esta, que a mí me tocaba analizarla. Bueno,
19:29no tanto esta. Esta ya la depuré y ya está limpia. Sí, o sea, digamos, ya aquí estoy
19:36creando la tabla. Y les muestro la diferencia entre la que me enviaron y la que me tocó limpiar.
19:49Aquí, rapidito, para que ustedes más o menos vayan viendo cómo se configura un
19:54entorno laboral, lo que uno necesita hacer. Y entonces, por acá, por acá, por acá, por acá.
20:05Yo creo que eso debe estar acá.
20:09C, SAM, HTDOC.
20:14Caritas. Acá. Está en la... ¿Pero me va a poner problemas por el mismo nombre? No,
20:21me pone una ruta diferente. Entonces, por ejemplo, mire, esta es la tabla de proyectos.
20:26Esta tabla de proyectos viene en SQL Server. La descargaron de SQL Server y no la entregaron
20:35a nosotros. Entonces, mire qué es esta tablita. Y pues, yo ya la configuré para simplemente crearla.
20:44Bueno, en este caso están las dos tablas pegadas. Acá está la tabla de proyectos,
20:49acá está la tabla de instituciones. Entonces, ya yo la organizé y la configuré, pues,
20:56para que se me la reciba MySQL, ¿sí? Porque en este caso no me lo va a recibir MySQL porque
21:04está en SQL Server. Entonces, cositas como esas es lo que ustedes tienen que identificar. Por
21:11ejemplo, en SQL Server, una forma fácil de identificar SQL Server que el autoincremental
21:19es identitario. Y mientras que en MySQL, el autoincremental, cuando uno lo tiene acá,
21:27es autoincremental. Acá está, para una llave primaria. Entonces, es bastante útil mirar este
21:37tipo de cositas. Pruébense con proyectos, crear proyectos pequeños. Realmente, cuando uno crea
21:44un proyecto desde cero, es donde realmente se está dando cuenta que sí funciona. Por ejemplo,
21:52yo quiero un proyecto pequeño, que tenga un cruce. Quiero hacer un sistema de notas.
22:00Recordatorio. Entonces, tranquilamente, me creo un sistema recordatorio. De tareas. Yo me hago un
22:11sistema de tareas para mí. Fácil. Entonces, con eso ya ustedes, con solo un sistema de tareas
22:17pequeñito para ustedes, van a aprender muchísimo. Listo, muchachos. Entonces, realmente, para los
22:24que quieran programar, el camino hasta ahora ya lo empezaron a labrar. Es duro. Porque no es tan
22:30sencillo como parece. Y la programación necesita mucho la lógica de programación sí o sí. Esos
22:39libros de lógica de programación que yo les recomendé, léanlos. Y si no los tienen, me
22:46avisen. Yo les comparto dos o tres. Pero, lean libros de lógica de programación. Traten de
22:52resolver mucho. Digamos, en ese tiempo yo resolvía muchos acertijos. Entonces, traten de hacer ese
23:05tipo de cositas. No me acuerdo si hay un acertijo que es un león, un burro y una paja. Los tres
23:15están de un lado y tienen que pasar al otro lado del río. Ese tipo de acertijos, yo los buscaba y
23:21los resolvía. Eso les va a ayudar muchísimo a pensar y a buscar una lógica que sí van a necesitar.
23:30La lógica es importante, la necesitan para volverse unos buenos desarrolladores, los que
23:36quieran serlo. Y los que no, pues también les va a dejar ver todo desde un punto de vista diferente.
23:44Listo, muchachos. Entonces, pues eso sería todo por el día de hoy. Yo creo que los estaré
23:51notificando ya para vernos el día martes. Como les digo, hasta ahora ya nos alcanzamos con otro
24:01grupo. Entonces, ellos están los martes, ustedes los jueves. De una vez aprovecho y les doy clase
24:08a ellos los martes y clase a ellos y a ustedes el martes y clase a ellos y a ustedes el jueves.
24:14Listo para que nos rinda, para que les quede bien, podamos mirar todas las guías con tiempo,
24:20le quede tiempo de arreglar los problemas que tengan. Realmente vamos a mirar todos esos temas.
24:27Las personas que están atrasadas, por favor, pónganse el día. Pónganse el día, muchachos,
24:36que va a ser bastante complicado tratar de dejarlos a todos el día. No están asistiendo a la formación,
24:49los espero el lunes para mirar código. Muchachos, tienen toda la oportunidad del mundo para sacar
24:56esto adelante. Ustedes saben que si necesitan información me pueden decir, que les comparto,
25:01les digo dónde las encuentran, pues obviamente no se las voy a entregar en la mano. ¿Por qué?
25:06Porque la idea mía es que ustedes aprendan a investigar. Mire todo lo que realmente yo tuve
25:12que hacer en la tarde de hoy para, digamos, para poder organizar el tema que les acabo de decir.
25:18Me llevó una tarde, pero igual se pudo hacer. Entonces, muchachos, este tipo de cosas deben
25:25de aprender a hacerlas. No siempre van a tener una persona que los va a estar guiando. Entonces,
25:31eso es muy importante. ¿Listo, muchachos? Entonces, pues no siendo más, yo les des una
25:40feliz noche y nos vemos en otra ocasión. Camilo, ya está por ahí. Sí, yo lo estaba
25:50escuchando, pero ya estoy a unas cuadras de la casa. Pero mientras tanto, quería preguntarle,
25:56bueno, yo ya acabé la guía seis. Ya estoy en la guía siete. Sí, señor.
26:03Profe, ¿en este momento nosotros vamos en la guía ocho o no? Hoy finalizamos la guía ocho.
26:18Vamos en la guía ocho. Bueno, el tema de la guía siete es con base a la página,
26:25o sea, completamente en la unión. Todo es con base a su página.
26:33Ok, es que estoy leyendo como el material y veo que, o sea, ponen código de Java y ponen también.
26:45Por eso lo digo, o sea, ya cuando, cuando sea código, pásenme el proyecto de ustedes.
26:56Cuando sea investigación, apéguense a la guía.
27:01¿Sí me hago entender? Entonces, ahí dice, investigación sobre Java, investiguen sobre Java.
27:09Entonces dice, toca hacer un módulo, módulos en Java. No lo hagan en Java,
27:14ya ustedes tienen su proyecto, hagan los módulos en su proyecto.
27:18Ok. ¿Sí me hago entender? Sí. Ok.
27:27Profe, entonces, le estoy preguntando lo de...
27:33Ah, bueno, lo que le digo, que se está generando como ese problema.
27:39Sí, la idea era mirarlo, pero su mención no llegó.
27:42Ya estoy. A menos de nada, profe.
27:48Si me regalan unos cinco minuticos, ya estoy ahí.
27:53Igual tengo encendido el computador.
27:57Oiga, profe, le quería también decir una cosa.
27:59Imagínense que mandé correo, bueno, se mandó correo también de la parte del trabajo
28:08y respondieron que en este momento la plataforma la habilitaron,
28:15pero que no tienen datos, no hay información.
28:18¿De quién? ¿De la empresa o de qué?
28:21No, ellos están solicitando como un documento donde diga quién.
28:28Yo empiezo las prácticas el 14 de febrero.
28:35Resulta que me dieron una notificación diciendo que en este momento
28:40no tienen cómo validarlo y se suspendió todo.
28:44Y me dice la Recursos Humanos que no solamente yo estoy en eso,
28:49que hay mucha gente que también está igual.
28:52Ah, joder, madre.
28:57Sí, y gente que ya está para hacer práctica.
29:09Usted podría hacer una carta explicando todo eso.
29:12Me la envíe a mí y yo se la envío a la coordinadora del centro como tal.
29:18Ah, sí, profe, claro.
29:22Haga una carta explicándole todo lo que usted ha hecho, todo lo que pasó,
29:26que perdió la oportunidad de las prácticas por lo que le ha pasado
29:31y que usted estaba interesado en que ya le empezaran a remunerar sus prácticas.
29:38Y ya tenía la empresa y o sea, cuente todo, todo su susto,
29:42todo su choco aventuras.
29:45Me envía la carta y yo se la envío directamente a la coordinadora.
29:48A ver qué dice ahí.
29:51Listo.
29:52Porque directamente el correo de la coordinadora si no se lo puedo entregar,
29:55entonces yo se lo envío.
29:56Claro, claro, claro.
29:58Antes me agradecería muchísimo que me hiciste el favor.
30:01¿Por qué?
30:03Porque estoy en las dos cosas.
30:05En cuanto trabajo por otra, o llame uno a esto y empieza al menos con algo.
30:10Ajá.
30:17Profe, ya, ya llegué.
30:18Sí, gracias.
30:32Por favor, un momentico.
30:36Gracias.
30:37Gracias.
30:38Gracias.
30:39Gracias.
30:40Gracias.
30:41Gracias.
30:42Gracias.
30:43Gracias.
30:44Gracias.
30:45Gracias.
30:46Gracias.
30:47Gracias.
30:48Gracias.
30:49Gracias.
30:50Gracias.
30:51Gracias.
30:52Gracias.
30:53Gracias.
30:54Gracias.
30:55Gracias.
30:56Gracias.
30:57Gracias.
30:58Gracias.
30:59Gracias.
31:00Gracias.
31:01Gracias.
31:02Gracias.
31:03Gracias.
31:04Gracias.
31:05Gracias.
31:06Gracias.
31:07Gracias.
31:08Gracias.
31:09Gracias.
31:10Gracias.
31:11Gracias.
31:12Gracias.
31:13Gracias.
31:14Gracias.
31:15Gracias.
31:16Gracias.
31:17Gracias.
31:18Gracias.
31:19Gracias.
31:20Profa, qué pena.
31:21¿A quién va dirigida la carta?
31:23Al centro de...
31:24Al CIDESUACH.
31:25Al centro de...
31:29Al CIDE de Soacha
31:35Al centro de Soacha, sí?
31:37Sí señor
31:42Estoy conectando acá
31:46Aquí está el link, no sé por qué no...
31:49No sé por qué no...
31:54Bueno, mira, vamos a ver qué puede ser esto
31:58Porque era gran barra, qué sorpresa
32:19Ahí está
32:49Ya va a estar listo, ya va a estar listo, ya va a estar listo, ya va a estar listo.
33:16Listo, ahí se ve la pantalla, ¿cierto?
33:26Bueno, estoy haciendo esto.
33:36Acá está.
33:39Listo, ahí está bootstrap. ¿Es el bootstrap?
33:43Sí, este es el carrusel de bootstrap.
33:48Entonces, lo estoy uniendo.
33:50Si se puede dar cuenta acá, no me permite...
33:57Bueno, abro el otro más bien, para que se den cuenta.
34:10Así debería quedar, y con los espacios.
34:17Sí.
34:19Pero acá, no sé por qué no...
34:23O sea, se alcanza a ver el bordeado cuando se presiona, pero no toma.
34:30Ahora los dos... Esos son index, ¿cierto?
34:34Sí.
34:35Abra los dos index, por favor, en un IDE.
34:40Aquí está el index.
34:43Y el que se llama... Ah, bueno, esto lo tengo yo acá.
34:47Página principal y el index, que es el que yo tengo.
34:52¿Cuál es el que tiene los botones bien?
34:54Abra el que tiene los botones bien y abra el que tiene los botones mal.
34:59Déjalo a un lado y el otro.
35:03Ah, ok.
35:07Así, ¿no es cierto?
35:09Ajá.
35:12Listo.
35:14Vamos a analizar. Busca los botones. Usted mismo se va a dar cuenta.
35:17Busca los botones.
35:20Acá está.
35:22Ese es el carrusel.
35:24Sí. Ah, bueno, el carrusel.
35:27Los botones acá están.
35:29Aquí hay uno. Botón clase de inicio de sesión.
35:32Listo. ¿Dónde está el otro?
35:36El otro...
35:39Acá está.
35:51Eso...
35:54Eso no tiene clase de bootstrap.
35:59Este sí.
36:02No, esas clases que usted me está mostrando no son de bootstrap.
36:06Vaya bootstrap.
36:09Hágame caso. Vaya bootstrap.
36:12Sí.
36:15No, no son clases de bootstrap.
36:18Porque a las clases de bootstrap le hace falta una parte.
36:22Vaya document.
36:26Y vaya a...
36:29Baje donde dice...
36:32Baje, baje, componentes.
36:35Y botones.
36:38Ajá, ok. ¿Botones?
36:41Sí.
36:44Entonces, baje.
36:47Mira, ahí están los botones de bootstrap.
36:50Vamos a escoger uno. Mire que es el BTN.
36:53Es el que le da la forma de botón.
36:56Ok.
36:59El BTN Primary es el que le va a dar el color.
37:02Entonces, vamos a...
37:05Un momento, una pregunta antes de avanzar ahí.
37:08Yo recuerdo que usted me dijo que con el carrusel...
37:11Acá está.
37:14Con el carrusel, esta parte del bootstrap...
37:17Tenía que ponerlo después del...
37:20Tenía que cerrar el body.
37:23O sea, estoy viendo.
37:26Pero, ¿por qué el footer está fuera del body?
37:29Baje.
37:32Usted no puede dejar el footer fuera del body.
37:35¿Por qué, profe?
37:42Vaya Internet.
37:46Y coloque estructura de una página web.
37:54De una HTML.
38:01O sea, haga de cuenta que la página web...
38:04Son tres cajas.
38:07Sí.
38:10Baje, baje, baje.
38:16Este cuerpo del body...
38:19Vaya W3 School.
38:22O no, mejor dicho.
38:25Abra un IDE y cree la estructura de una página web.
38:31O sea, abro acá y creo la estructura de una página web.
38:34O venga, yo lo hago.
38:37Más rápido.
38:46¿Me avisas si ya ve mi pantalla?
38:56¿Me avisas si ya puede ver mi pantalla?
38:59Un momento.
39:02Sí, ya la veo.
39:05Esta es la estructura de una página web.
39:08Entonces...
39:11¿Qué pasa?
39:14Da de cuenta que una página web son tres cajas.
39:17Esta es la caja principal.
39:20La que va a tener absolutamente...
39:23Es más, también equivoqué, dos segundos.
39:26Está que está en la parte de arriba, este DocType.
39:31No sé si lo alcanza a mirar.
39:34Es lo que le va a informar al navegador...
39:38Qué versión estamos utilizando de HTML.
39:44HTML. Esa linea le dice que eso es HTML5. ¿Listo? La siguiente, esta que usted ve acá
39:55es la caja grande, que va desde HTML hasta HTML. Eso es lo que contiene absolutamente
40:03todo. Luego tenemos el HEAD. En este HEAD, esto es para todo lo que va a ir para el navegador.
40:14Todo lo que usted coloque ahí es para el navegador, no es para nadie más. Y luego
40:18va el BODY. En el BODY va todo el cuerpo de la página. Entonces usted el footer nunca
40:25lo puede dejar fuera del BODY. Siempre tiene que ir dentro del BODY. Ahí dentro del BODY
40:32va lo que es el HEADER, FOOTER, DIFF, SECTION. Esas sí las tengo claras, profe. Lo que
40:49no pensé, por lo que yo pensaba que el BODY contenía nada más lo que era el HEADER,
40:58lo que es parte de carrusel, cosas así. El SECTION y ya el FOOTER tenía que ir por
41:06fuera. No, el FOOTER va dentro del BODY como tal. El FOOTER va antes de los SCRIPTS. Yo
41:20le dije, los SCRIPTS son lo último antes de que cierre como tal el BODY. El pie de
41:32página o lo que tiene ahí va antes de los SCRIPTS. ¿Me va a entender? Si quiere, vuelva
41:38a compartir. Listo, profe.
41:50Listo, entonces digamos, solucionemos este y ustedes después solucionan el otro.
42:01Listo, pero bueno, acá lo tengo en el BODY. Ahí está bien, le faltan solo los SCRIPTS.
42:08Pero acá, ahora sí no entendí, yo por qué hice esto. Yo tengo el BODY, pero acá vuelvo
42:15y lo cierro. Ahí yo tampoco entendí. Quita esa etiqueta de ahí. Listo, suba. Ahí está
42:29el otro. No parece ser un DEEP. Suba, suba, suba, suba. Quiero mirar, ahí abre el BODY.
42:40Listo, ya no es más. Ahí está bien. BODY es una sola vez. Abre y cierra. Listo, ahí
42:49quedó bien. No, estoy mirando si es el único BODY. No sé por qué había puesto eso ahí.
43:01Y lo raro, sí funcionaba. Sí, los navegadores ahorita ayudan muchísimo a ese tema. Usted
43:10lo prueba en un navegador antiguo y eso se explota. Listo, volvamos. Estamos en el tema
43:18de los botones. Volvamos a los botones. Déjenme ver en el IDE de los dos. Y va a BOOSTRACK,
43:26que era lo que yo les estaba explicando. Volvamos a BOOSTRACK. Listo, entonces, los
43:33botones tienen dos clases. Tienen la clase BTN, que es la que lo convierte en botones.
43:39Pero tienen la clase BTN PRIMARY, BTN SECURITY, SUCCESS, DANGER. Esos son los que le dan los
43:46colores a los botones. Entonces, por ejemplo, tómela que dice DANGER. BTN DANGER. Cópiela.
43:54No, no, sólo la clase. No necesita llevarse el botón. Ok. No, sólo la clase. La letra
44:03BTN DANGER. O sea, esto. Eso es una clase. Ok. Vuelva a su proyecto. Y luego de la clase
44:17BTN, ¿dónde están los botones? Acá están. Listo. Mire que ya tiene la clase BTN, que
44:24es la que lo convierte en botón. Ahora se va a parar al frente de la N. De esta N. Sí,
44:34del espacio. Y va a pegar la otra clase. O sea, en ese caso, ya ahí tiene dos clases.
44:42O sea, con el espacio ya queda otra clase también. O sea, ¿sí me va a entender? Sí.
44:49Y se actualiza. ¿Qué? Fácil, rápido y sencillo. Pero, ¿y yo cómo hago para cambiarle ese color?
44:58O sea, es que lo quiero más vívido. Eso ya le toca cambiar. Ahí ya le toca cambiar, entrar a
45:07Bootstrap. ¿Dónde está Bootstrap? ¿Usted Bootstrap lo descargó? No, yo lo subí todo online. Entonces,
45:16créese su propia clase. ¿Sí me hago entender? Sí, eso no lo he manejado yo,
45:25profesor. No sé cómo se crea la propia clase. Listo, entonces, tranquilo. Vamos al proyecto.
45:32Listo. Entonces, en el proyecto, vaya al CSS. Cierra el otro. Cierra el que no va a usar. Deje
45:48el que va a usar. Listo. Entonces, en el CSS, mire que usted, en este momento,
45:55esta clase Btn está interfiriendo con la clase Btn de Bootstrap. ¿Sí me hago entender? Sí.
46:05Entonces, vaya a lo último y yo le muestro algo. Listo. Entonces, necesitamos crear una clase.
46:14¿Usted dónde sacó todo ese poco de texto? Media Query. O sea, todo eso lo hace Bootstrap. Usted
46:22no necesita hacer eso. Pero bueno, no importa. Mejor dicho, vamos a crear nuestros propios
46:29estilos. Creemos una carpeta que diga, en el proyecto final, vaya a la carpeta principal
46:36que se llama proyecto final. Pero vaya, crea una carpeta. Esa carpeta la va a llamar CSS.
46:46Para que empiece a organizar todo. Ok. Dentro de CSS, esto es una carpeta, ingrese.
46:58Y va a crear, crea un archivo. Sí. Lo va a llamar, póngale colores.css.
47:07Bien. Ya tenemos un archivo CSS. Entonces, colóquele punto para crear una clase.
47:18Y llámela, no sé, póngale morado 2, lo que usted quiera. Póngale por ahora. Morado 2.
47:28Listo. Abre y cierra. Y ahí va a colocar background color.
47:42Background color. Background. Ponga background. Ah, ya. Background color.
47:52Bueno. Y colóquele el color que usted quiera. Lo va a colocar en RGB. ¿Qué color quiere?
48:02Ah, ya lo tenía acá definido. Ah, bueno, pongámosle el mismo.
48:10No, pero ahí no está haciendo nada, porque el que tiene allá es rojo.
48:13Este. A ver si se ve mejor. Eso no es rojo. Bueno, pégalo ahí. Mientras tanto, sí. Listo.
48:29¿Por qué tiene?
48:34¿Eso es un warning? Ah, sí. Quiere decir que no se ha utilizado. ¿Guarde?
48:39Bueno, ahí yo ya tengo instalado un script que permite ya guardar. Listo. Entonces, vaya a la página principal.
48:52Y va a llamar esto en la cabecera. Vaya a la cabecera. Acá. Lo va a llamar. No, no. Llámelo
49:02después de todos los links. De todos. Llámalos después de todos. ¿En el último? O sea, acá. Sí, después de ese.
49:12Entonces, link, href.
49:18Style. Sí. No. Ahí coloca CSS.
49:26Pero no debo hacer como este, que llama al estilo? Sí.
49:36Entonces.
49:40No, no, le faltó, fue, espere.
49:45Y el hg.
49:47Claro.
49:53Eh, sí, suave. Entonces, miren, ya le, ya le voy a pasar la línea, para que usted la pegue.
50:01¿Eso? Para que le, no, no se, para que no, no se vaya a confundir y yo pueda explicar mejor.
50:07Le paso una línea, para que la pegue ahí. Van en chat. Ahora, sí, profe.
50:12¿Señor? Ah, bueno, es que ya, ya me di cuenta por qué, por qué pasó eso. Ya le, ya le
50:20pasé el alivio. Cópiela y pégala. Es que acá era un RIM. Ahí va un REL, STYLES, eso.
50:32Luego el TYPE, que es tipo CSS. Cópiela, cópiela que le acabo de pegar. Sí. A ver.
50:50Listo. Y ahí donde dice HRF usted va a colocar la ruta que es CSS.
51:02No, no, no, no. La ruta. Primero a la carpeta. Ah, ok. La carpeta. Si no, no la va a encontrar.
51:10Y ahora sí el archivo. Listo. Baje a donde está el botón. Y póngale ahí donde colocó
51:21Danger, póngale Morado 2. Arriba en la línea 32. No, sin el BTN, o sea, tal cual como lo
51:39llamo allá. Si usted lo hubiera llamado BTN, si me va a entender. Sí. Así fue, Morado 2. Listo, eso fue todo?
51:57Sí, ya lo actualizo.
52:05Ah, bueno, sí cambió el color. ¿Ah? Sí cambió el color. Listo. Sí, eso es todo.
52:15Ah, listo, ya. Entonces ya puedo lanzar con lo del carro también. Allá le toca hacer el cover
52:23también porque no está utilizando el cover. Baje y le explico el cover. Vuelve al CSS.
52:38Ahora va a escribir lo mismo. Morado 2. Punto Morado 2. Sí. Dos puntos. No, no, no. Dos puntos.
52:52Ah. Y busque el que dice ¿Cómo fue? ¿Cómo fue que le dije yo ahorita? Se me olvidó. Cover, cover con H. Con H, sí. Sí, HO, cover, ahí está.
53:11Listo. ¿Qué pasa? Eso es cuando estoy sobre. Entonces, copia lo que está arriba que es background, color.
53:21Y póngale ahí, escríbale ahí blue.
53:28Así como por salir del paso rapidito.
53:32Listo, guarde. Ahora pásenlos, eh, actualice y pase el mouse sobre el botón.
53:42Ah, ok, ya cambia. ¿Sí me hago entender? Eso es todo. Sí.
53:46Listo, profe, muchas gracias. Entonces, usted puede crear sus propias clases y las puede ir agregando. Y la idea es que ustedes lo creen en una sola carpeta.
53:58Si vio que se creó en la carpeta CSS, la idea es que todos los archivos de CSS estén ahí. Con eso no tiene ese reguero que yo veo ahí.
54:07Sí, es que me tocó utilizar para cada espacio, línea, hacer una subdivisión de cada botón.
54:23Pero es que todo eso que usted tiene ahí, eso lo hace bootstrap por usted. Entonces, no vería la...
54:31Digamos que, pues algo empírico ahí mientras tanto y fui investigando.
54:36Ok, y eso está bien, por eso le digo, ahí va aprendiendo.
54:39Sí.
54:41Por ejemplo, le voy a hacer una pregunta, a ver si se aprendió de lo empírico. La línea 149 nav espacio A, ¿qué significa?
54:52El nav.
54:58Ese lo usé para...
55:01No, no, por eso, o sea, ¿qué significa? Le voy a decir rapidito, déjelo ver, déjelo ver otra vez.
55:07Ahí lo que significa es que va a afectar en todos los anchors, o sea, todos los enlaces que se encuentren dentro de un nav.
55:18¿Sí me hago entender?
55:21Sí, todo lo que está en... Es que se cerró este.
55:25Todo lo que está dentro de un nav se ve afectado por esa línea.
55:28Ese es interesante, a mí me gusta.
55:32Entonces, mire que todos los que, por ejemplo, afectaría el que está en la línea 20, el que estaría en la línea 22, en la línea 24,
55:42o sea, todos esos apps se ven afectados porque están dentro de un nav, de una etiqueta de navegación.
55:50Yo lo entiendo así, ¿no? Todo lo que se programó, todos los recuadros, la imagen, la ilustración, lo va a delimitar o va a delinear en un solo renglón, ¿sí?
56:04Lo entendí así.
56:05No.
56:06Por eso el padding y el line, el line, perdón, el line que todo fuera.
56:12Eso está afectando únicamente a los enlaces, a nadie más.
56:19O sea, a las imágenes no.
56:23No, a las imágenes no, a los enlaces.
56:26Por ejemplo, el que está en el 20, el que está en el 22, el que está en el 24, 26, 27, 28.
56:33O sea, solo afecta a esos porque son los que están dentro de la etiqueta nav.
56:39Ah, ok.
56:41En todo su proyecto, todos los enlaces que se encuentren dentro de una etiqueta nav van a ser afectados por esa línea.
56:49Por eso le digo, el CSS no es tan...
56:54O sea, no es difícil, pero hay que tener, digamos, un poquito de... hay que estudiarlo un poco.
57:01Sí.
57:02Listo, compañero.
57:03Entonces, pues, no siento más, señor.
57:06No, le está diciendo el profe que yo...
57:09Igual, bueno, yo lo entendí que uno, digamos, tomaba este punto...
57:13Sí, el header.
57:14Entonces, ponía punto header y empezaba a desglosarlo en CSS para ir afectando cada...
57:22Sí, cada componente que tenga internos.
57:24Los enlaces, los vínculos.
57:27Así...
57:28Si quiere afectar los que se encuentren dentro de ese header, lo puede hacer de esa manera.
57:35Sí.
57:37Y hay otros que sí cambian, como el section que ya iba con numeral en vez de punto.
57:43El numeral es para... eso es ID, eso es único.
57:47Mientras que las clases afectan a todo el que usted se la ponga.
57:54Es que no veo, yo no sé por qué acá no lo tengo.
57:57Bueno, uno sí lo tenía.
57:59Que eso sí me tocó hacerlo.
58:00Ah, acá está el section.
58:07Es que estoy uniendo todo en uno solo para ya dejar solo las páginas y unificar lo que es la base de datos con la página.
58:17Que ya es el código que Sumerse me dice con los arreglos.
58:20Listo.
58:24Profe, en la guía 7...
58:29¿Viene ya todo enfocado al proyecto o son solo partes como investigación, unas partes para esto?
58:35No, hay algunas partes que son para investigación, pero la gran mayoría son del proyecto.
58:42Ok.
58:43Si es que hoy le di un ratito, mientras tuve tiempo, a armar como pedacitos, pedacitos, así para ir sumando en la página.
58:54Y ya espero acabarlo por ahí el sábado para ya unirlo.
58:57Para así sacar lo más pronto posible la guía 7 y pasar a la 8.
59:03Listo.
59:05Venga, lo anotamos por acá.
59:08Que Sumerse es uno de los que ingresa y se ha trabajado.
59:14Listo, Camilo.
59:17Listo, profe.
59:21Bueno, no siendo más, nos veremos el día lunes si quiere que corrija código.
59:27Y si no, nos veríamos el día martes.
59:30No, profe, el lunes nos vemos con falta para que Sumerse vea todo lo que han sabido.
59:34Espero ya tener todo lo que habíamos hablado en las clases anteriores.
59:37Y ya poder solo empalmar la base con la página.
59:42Listo, pues.
59:45Buenas noches.
59:46Buenas noches.
59:47Hasta luego.
59:48Hasta luego.