- hace 21 horas
Categoría
📺
TVTranscripción
00:00Buenas tardes a todos, mi nombre es Fernando Alcón, del colegio José Joaquín de Cazas de Informática
00:07En mi proyecto hice dos páginas web, aquí tenemos una página de esas
00:13en donde podemos ver a simple vista en que la página tiene una barra de menú
00:19en donde a la parte izquierda tenemos un logo y en la derecha tenemos dos menús de inicio nosotros y contacto
00:25bajando del menú tenemos un banner en donde tenemos un fondo un tanto llamativo
00:34se podría ver de cierta forma algo informático con una opacidad un tanto oscura para que no tenga tanto brillo
00:42y sea algo que no dañe mucho la vista y tenga mejor visualización
00:50en el centro tenemos un título en donde le puse una animación que al recargar la página tiene un desvanecido
00:59desvanecido y a lo que termina de cargar queda ya intacta en ese porciento y centrado
01:05bajando del banner tenemos una imagen a la izquierda y un texto a la derecha que lo he hecho con un container dividiéndole en mitad y mitad
01:17para que se pueda ver visualizar en el mismo rango de ambos lados
01:22bajando
01:23tenemos
01:25esta sección que también tiene animación
01:29donde tenemos equipo
01:30que serían
01:31personas
01:33como por decir
01:34que son integrantes de tal empresa
01:36como dar ejemplo
01:37donde está
01:39una imagen de una persona
01:41de otra persona
01:42su nombre y su cargo
01:44bajando también de esto tenemos un carrusel
01:50un carrusel automático que cada tres segundos va cambiando
01:53y logotipos que pueden diseñar de manera chiquita para que no tenga todo el mismo tamaño
02:00y sea algo dinámico
02:04aquí se podría poner
02:06digamos si una empresa tiene colaboradores
02:10entonces abajo se le podría poner el logotipo de las colaboraciones que tiene
02:15y como finalización de la pagina
02:17esta
02:18un
02:20footer señor
02:30gracias un footer
02:31y esta sería toda la pagina
02:34con sus animaciones
02:36pasando a la otra pagina
02:42y esta tiene mas cosas
02:45también tiene animaciones
02:48al momento de mostrar el titulo
02:50esto es un carrusel donde tengo tres imágenes
02:53en las tres imágenes tiene diferentes títulos
02:56y todas
02:58todas tres tienen animaciones de entrada
02:59también podemos ver que tiene el mismo onda
03:01el menú que tiene arriba
03:03el logotipo a la izquierda
03:04y los tres menú de inicio de los observadores contactos
03:06bajando nosotros podemos encontrar
03:09una visión de tres textos
03:12para lograr esto
03:14como lo usé antes
03:15en dividir en dos partes
03:17ahora lo dividí en tres partes
03:20con un texto enlazado arriba
03:21con un logotipo
03:22en cada tema
03:23que también tiene toda animación
03:26aquí tenemos algo llamativo
03:31que es
03:32que lo usé
03:33que se llama Parallax
03:35Parallax sirve para dar a la imagen
03:37un dinamismo
03:38que al momento de nosotros
03:40estrolear
03:41la imagen también se va moviendo
03:43y da ese efecto
03:45que es muy llamativo
03:47a una página
03:48junto al texto
03:49bajando
03:51encontramos
03:53lo mismo
03:55que también usé
03:56un Parallax
03:56para que tenga
03:57al momento de trolear
03:58la imagen también se vaya moviendo
03:59y tenga ese efecto llamativo
04:02a la derecha
04:04te encontramos el texto
04:05un botón también encontramos
04:06que también tiene animación
04:08de que
04:09como tenemos
04:09el texto a la derecha
04:10la imagen izquierda
04:11el texto va a entrar
04:12desde la derecha
04:13a centrarse
04:14y tiene esa animación
04:16bajando
04:18encontramos lo mismo
04:19pero a la inversa
04:20en vez de tener el texto
04:22a la derecha
04:22tenemos el texto a la izquierda
04:23y la imagen
04:24no la tenemos a la izquierda
04:25sino a la derecha
04:25y es exactamente lo mismo
04:27y para tener
04:29un mejor dinamismo
04:31aquí podemos encontrar
04:34un mapa
04:35un mapa que tiene
04:37la localización
04:38de ese
04:38donde nos encontramos
04:39ahora actual
04:40y un registro
04:43que ya mismo
04:44les explicaré
04:45para que sirve
04:45y como les sirve
04:46dar una funcionalidad
04:47hacia una base de datos
04:48y abajo también
04:53tenemos el texto
04:54pasando
04:55pasando
04:57al código
05:00todo esto
05:08lo he hecho
05:08mediante HTML
05:09en donde
05:11he usado
05:11un
05:12un
05:13un defecto
05:13para que
05:14se reconozca
05:15todos los caracteres
05:16también
05:18para que
05:18se pueda usar
05:19desde
05:20la página
05:21se pueda ver
05:21desde celulares
05:22tablets
05:23y móviles
05:23que al final
05:24lo mostraré
05:24como se ve
05:25porque
05:26al configurarlo
05:28de cierta manera
05:28solo se ve para texto
05:29y las dos páginas
05:31están configuradas
05:31para verse
05:32en móviles
05:32y tablets
05:33y en dispositivos
05:34sin que se dañe
05:35o haya una ruptura
05:36en ciertas partes
05:37para todo esto
05:40estaba usando
05:41bookstrap
05:42bookstrap me ha ayudado
05:44bastante para ser
05:45la página
05:46más fácil
05:47y me ha dado
05:48muchas herramientas
05:48como el carrusel
05:50el container
05:52y eso me dio
05:54mucha facilidad
05:55al momento
05:55de crearlas
05:56el código
05:58que vemos
05:59de aquí
06:00de nav
06:01es
06:02todo el menú
06:03que vimos
06:03arriba
06:04apenas iniciamos
06:06la página
06:06donde vimos
06:07el logo
06:09a la izquierda
06:09y los tres menú
06:10a la derecha
06:11todo eso es el código
06:12de nav
06:14los iconos
06:15el logotipo
06:16bajando
06:18aquí nos encontramos
06:19con el
06:20carrusel
06:21que era lo que la imagen
06:22se iba dividiendo
06:23se iba pasando
06:24cada cinco segundos
06:26y eran tres
06:27respectos
06:28en la primera imagen
06:29vemos el fondo
06:30y un título
06:31que dice
06:32mis pasantías
06:33en la segunda imagen
06:35tenemos el mismo fondo
06:36pero aquí usamos
06:38un container
06:39que en container
06:41de bookstrap
06:43pinta un restito
06:46de que tienes
06:47doce celdas
06:48esas doce celdas
06:49tienes que cumplir así o sí
06:50y para yo tenerla
06:52centrada
06:53usé ocho celdas
06:54y dos de margen
06:55para que estén
06:56para que esté
06:57centrado el texto
06:58y una animación
07:00en la tercera imagen
07:04también usé
07:05exactamente lo mismo
07:06texto
07:07bookstrap
07:08y animación
07:09de margen
07:10de ocho
07:11y dos a los lados
07:12en las casillas
07:13para que dé
07:14como resultado
07:14también doce cifras
07:16que es lo que necesito
07:17para que un container
07:18sirva en bookstrap
07:19y esto es la funcionalidad
07:25para que nosotros
07:26podamos mover también
07:27automáticamente
07:27manualmente
07:28los cuadernos
07:31de la izquierda y derecha
07:32donde tenemos
07:33el título
07:33y los dos textos
07:34adicionales
07:35el código que tenemos
07:38aquí
07:39es
07:40es donde teníamos
07:42la división
07:43de tres textos
07:44también usando
07:46la herramienta
07:47que me da
07:47bookstrap
07:48de container
07:49usé una división
07:50de cuatro
07:51por cuatro
07:51por cuatro
07:52para que te dé
07:53la suma de doce
07:54también
07:55usé animación
07:56tiene su título
07:57su logo
07:58y el texto
07:59y aquí está
08:04el parallel
08:05el parallel
08:06es lo que me dio
08:07el dinamismo
08:08a la imagen
08:09de fondo
08:10y junto
08:10también tiene
08:11el container
08:13para que esté centrado
08:15ocho al centro
08:17y dos al lado
08:17y su texto
08:19acá bajando
08:25nos encontramos
08:25con
08:26la división
08:27que tenemos
08:28de la imagen
08:29que ocupaba
08:30el cien por ciento
08:30de la izquierda
08:31y a la derecha
08:32tenemos el texto
08:33aquí usamos
08:36para que
08:37la herramienta
08:39de container
08:40de bookstrap
08:40funcione
08:41y nos dé
08:41mitad
08:42y mitad
08:42usamos
08:43seis casillas
08:44para cada lado
08:45seis casillas
08:45de la izquierda
08:46y seis casillas
08:47de la derecha
08:47nos da la funcionalidad
08:49de poder usar
08:50a la izquierda
08:50la imagen
08:52que la pusimos
08:53al cien por ciento
08:54del que ocupe
08:55y a la derecha
08:56también el texto
08:57y no
08:58no hay
08:58ningún tipo
08:59de interferencia
09:00entre ambos
09:01para que no se choque
09:01acá está exactamente
09:05lo mismo
09:06lo hemos hecho
09:07a la inversa
09:08pero ahora
09:10el texto
09:11está a la izquierda
09:11y el demás
09:12también
09:12acá a la derecha
09:13aquí es donde
09:18podemos ver
09:18la url
09:19de google maps
09:20que me dio
09:21para poder
09:22poner en mi página
09:24y donde se me
09:27facilitó
09:28poner la localización
09:30aquí a la derecha
09:32tenemos
09:32el texto
09:34y un pequeño
09:35formulario
09:36que podemos
09:36completar
09:37en donde puse
09:41que sea
09:41nombre
09:42correo
09:43celular
09:43y cédula
09:44en celular
09:47y cédula
09:47puse
09:48que sea
09:48un tanto
09:50como
09:50los registros
09:52que hay en Ecuador
09:52solo puede ser
09:53memoria ecuatoriana
09:54y celula ecuatoriana
09:55porque las
09:56las reglas
09:57que tiene
09:58un número
10:00de Ecuador
10:00es que siempre
10:01empieza con
10:010.9
10:02y en la célula ecuatoriana
10:03los dos primeros
10:05dígitos
10:05de las 10 cifras
10:07son
10:08los dos dígitos
10:08son
10:09en total
10:10tiene 24
10:11de las 24 provincias
10:12que tiene el Ecuador
10:12por ejemplo
10:13Guayas
10:14tiene el 0.9
10:15por eso
10:16la célula
10:17de un ecuatoriano
10:18que vive en Guayas
10:19empieza con 0.9
10:20y la tercera cifra
10:21siempre empieza
10:22debe empezar
10:23entre el 0 y 5
10:24si es un 6
10:25o para arriba
10:27no es cédula ecuatoriana
10:28por eso
10:29las dos primeras cifras
10:30solo pueden llegar
10:31a una suma
10:32de 2 y 4
10:32como máximo
10:34y la tercera cifra
10:35no puede pasar
10:35de 5
10:36esa es una regla
10:37que implemente
10:38como para que tenga
10:39una funcionalidad
10:39y solo se puede usar
10:40de personas
10:42que son adecuadas
10:43aquí
10:47este es el footer
10:48donde
10:49donde tiene
10:50la hora
10:51respecto
10:51dividido también
10:52en tres partes
10:53que también
10:54es un container
10:55de división
10:56de 4 por 4 por 4
10:57para que haya
10:57esa división
10:58y no haya
10:58más gente
10:59de choque
10:59las librerías
11:01que usé
11:01es jQuery
11:02Parallax
11:03Bookstrap
11:04y
11:06WonMe
11:06WonMe
11:07me dio
11:07la facilidad
11:09de usar
11:09de las animaciones
11:10al momento
11:10de recargar
11:11la página
11:12y dar
11:12ese dinamismo
11:13al momento
11:14de pasar
11:14por ahí
11:15aquí tenemos
11:22la función
11:23del formulario
11:25que tengo
11:26de mi input
11:27donde
11:28en la variable
11:31nombre
11:32correo
11:33celular
11:33y cédula
11:34nosotros
11:35al llenar
11:35esos datos
11:36se va a enviar
11:37a nuestra base
11:38de datos
11:38pero para eso
11:39tenemos que
11:40realizar un sistema
11:41de validación
11:42de reglas
11:44para que antes
11:46de eso
11:46se pueda enviar
11:46porque
11:47tampoco quiero que
11:49pongan cualquier cosa
11:50y eso se envía
11:51a la base de datos
11:51por eso
11:52simplemente
11:53reglas
11:53reglas
11:57en cada una
11:57para que
11:58sean cumplidas
11:59aquí
12:03tengo
12:03un mensaje
12:05y un requisito
12:07en el que
12:07no puedes enviar
12:08nada
12:09si
12:09no está
12:11completado
12:11todo
12:12si estuviera
12:12vacío
12:13va a llegar
12:14un mensaje
12:14donde dice
12:15por favor
12:15rellena
12:16todos los campos
12:17si hay una vacía
12:18le va a decir
12:19lo mismo
12:20porque tienen
12:20que estar
12:20los cuatro datos
12:21y si
12:23está todo lleno
12:24le va a dar
12:26paso
12:26a lo que sigue
12:27así que
12:28si en nombre
12:30no tenemos
12:33no están las reglas
12:34que yo tengo
12:35que es un regex
12:36que solo se usa
12:38el alfabeto
12:39en español
12:39ya sea
12:40mayúscula
12:40minúscula
12:41espacios
12:41en nombre
12:43solo se usa
12:44el alfabeto
12:44en español
12:45no se puede usar
12:45ningún otro
12:46tipo de carácter
12:47que no sea
12:47el alfabeto
12:48en español
12:48sino no funciona
12:49en nombre
12:50puede poner
12:51carlos
12:52isaac
12:54cualquier nombre
12:55y va a funcionar
12:56otro tipo
12:57de letra
12:57no va a
12:59reconocerlo
13:00porque
13:01esa es una regla
13:01que implemente
13:02en correo
13:05puso una funcionalidad
13:06de que
13:07un regex
13:08también
13:08de que
13:09tiene que ver
13:10un arroba
13:10y punto
13:11pero antes
13:12del arroba
13:12no puede haber
13:13ningún tipo
13:13de otro carácter
13:14una comilla
13:15un guión
13:16no puede haber
13:17antes de ese arroba
13:19y después del arroba
13:20tampoco puede haber
13:21y el
13:22arroba y punto
13:23no puede estar juntos
13:24tiene una separación
13:25por el dominio
13:27de un correo
13:28por eso
13:29si no está
13:30bien puesto
13:31la página
13:34le va a dar
13:35un mensaje
13:36que dice
13:36el correo electrónico
13:37no tiene
13:38un formulario
13:39de válido
13:40y como ejemplo
13:40le puse
13:41usuario
13:41arroba
13:42dominio
13:42y punto
13:43com
13:43en celular
13:51puse
13:52para que no se pueda usar
13:53de ningún tipo
13:55de letra
13:55solo se puede usar
13:56números
13:57y en total
13:58tiene que haber
13:58una cifra
13:59de 10 dígitos
14:00en donde
14:01los dos primeros dígitos
14:02como dije antes
14:03son como
14:04un número de cuatro
14:05ya
14:05tienen que empezar
14:06con 0,9
14:07y los otros números
14:08si son aleatorios
14:09pero no se puede usar
14:10ningún tipo de letra
14:11acá en cédula
14:13es algo interesante
14:14porque
14:15tenemos que
14:17registrar
14:18los dos primeros
14:18dígitos
14:19que sean
14:200,1,2
14:22el segundo dígito
14:24que puede ser
14:25de 0 a 4
14:26y el tercero dígito
14:27que puede ser
14:27de 0 a 5
14:28para que cumpla
14:29lo que
14:30lo que es
14:30en realidad
14:31una cédula ecuatoriana
14:32si no llega a tener
14:34si él piensa
14:35con un 9
14:36el segundo dígito
14:38es un 7
14:39y el tercero
14:40es un 9
14:41también
14:41daría como error
14:42porque no
14:43no identificaría
14:44que es una cédula ecuatoriana
14:45como tal
14:45por eso
14:47tiene
14:47esas
14:48esas reglas
14:48si no llega a cumplir
14:50el
14:50el
14:51el
14:52la primera
14:53la primera condición
14:55que puse
14:55de que
14:55los dos dígitos
14:56tienen que ser
14:57a lo mucho
14:58un 2 y 4
14:59nos va a dar un mensaje
15:00de que
15:00no está cumpliendo eso
15:02si en el tercer dígito
15:03no llega a cumplir
15:04de que sea
15:05del 0 a 5
15:05también nos va a dar un mensaje
15:07de que no está cumpliendo eso
15:08y que lo corrija
15:09si llega a cumplir todo esto
15:13dará paso
15:14a
15:15a nuestro
15:15ayer
15:16para que se pueda ser
15:17enviado
15:18a la base de datos
15:18esos serían
15:21todos los requisitos
15:22que debes de tener
15:22para poder enviar
15:23llenar esos datos
15:25y que sean válidos
15:26y para poderse enviar
15:27aquí usamos un
15:30ajax
15:30ajax lo que hace
15:31es recibir
15:32y dar
15:34datos
15:35de forma
15:36asintrona
15:37de que
15:38no necesitamos
15:39la necesidad de recargar
15:40la página
15:40para que funcione
15:41sino que
15:42lo hace en segundo plano
15:43y eso nos da
15:44la facilidad
15:45y ganar tiempo
15:46en el momento
15:47de darle a enviar
15:48en donde
15:50usamos un tipo
15:51post
15:52mandamos
15:53todos esos datos
15:54a nuestro
15:54altion
15:55hp
15:55y toda la data
15:57que será
15:58sacada
16:00de nuestro
16:00nombre
16:01correo
16:01celular
16:02cédula
16:02que será enviada
16:04a nuestra base
16:06de datos
16:06si todo esto
16:08ya va a funcionar
16:09la base de datos
16:11nos mandará
16:11un mensaje
16:12que está
16:12ya
16:13configurado
16:14de que
16:14si
16:15todo ya
16:15está cumplido
16:16va a mandarlo
16:17y a sacar
16:18un rebote
16:18a la página
16:19donde nos irá
16:20el mensaje
16:21que tiene el servidor
16:22y
16:23limpiará el formulario
16:25porque ya
16:26al momento
16:26de completar
16:27el formulario
16:27y volvemos
16:28a esa misma parte
16:29de la página
16:29no habrá nada
16:30para que
16:31tenga
16:32esa
16:33limpieza
16:34y no quiera
16:35guardado así
16:36y si
16:37vamos a enresar
16:37otros datos
16:38ya tenemos
16:39esa facilidad
16:39de no borrar
16:40sino solo ya
16:41poner el siguiente
16:42y si llega
16:46a haber un tipo
16:46de error
16:46nos irá
16:47el que no está
16:48conectado
16:48con el servidor
16:49o hubo un error
16:51en el servidor
16:53al momento
16:54de mandar
16:54lo que tenemos
16:55en la página
16:56de la base de datos
16:57para que funcione
17:02nuestra conexión
17:03de la base de datos
17:04con nuestra página web
17:07usamos
17:08usamos una
17:10variable
17:12en donde
17:13podemos
17:13nuestra
17:14base de datos
17:16nuestra
17:16contraseña
17:17nuestro user
17:18y nuestro
17:19host
17:20donde
17:23también
17:23donde hace
17:24una conexión
17:25directa
17:26a todo eso
17:26nuestra base
17:27de datos
17:27y que si
17:33yo voy a tener
17:34un error
17:34nos irá
17:35error de conexión
17:36con la base
17:37de datos
17:37y
17:38adicionalmente
17:39también puse
17:40un
17:40conexión
17:42safe charter
17:42UTF
17:43que es para
17:44más que nada
17:44para
17:48asegurar
17:49de que
17:49todo lo que
17:50haya sido
17:51enviado
17:51haya sido
17:52con
17:52el juego
17:53de caracteres
17:53de UTF
17:548
17:54para
17:58el mensaje
18:00que tenemos
18:00en el servidor
18:00y saber
18:01lo que
18:01tenemos
18:02en nuestra
18:02base de datos
18:03está esta
18:04función
18:04en donde
18:05como ya estamos
18:06conectados
18:07a la base
18:07de datos
18:07desde
18:08Connection
18:08PHP
18:08y no volver
18:10a repetir
18:10eso
18:10usamos
18:11un
18:11Redquid
18:12Connection
18:12PHP
18:13para que
18:14de lo que
18:14está
18:15en Connection
18:15PHP
18:16que ya está
18:16conectada
18:16a la base
18:16de datos
18:17solo
18:18tengamos
18:18que poner
18:18ese código
18:19y ya
18:19estaría
18:20conectada
18:20también
18:21esta parte
18:21con la base
18:22de datos
18:22en
18:24Server
18:25Quiz
18:25Post
18:27que es
18:28esta línea
18:28es para
18:30verificar
18:30que
18:31todos los datos
18:32que se hayan
18:32llenado
18:33hayan sido
18:33un método
18:34post
18:34si no llega
18:35a ser
18:35un método
18:35post
18:35que es
18:36una manera
18:36más fácil
18:37de enviar
18:37datos
18:37sin haber
18:39mucha
18:39acumulación
18:39y que
18:41haya
18:42retrasos
18:42si llega
18:44a ser
18:45mandado
18:45el método
18:45post
18:46dará
18:46paso
18:47a
18:47lo siguiente
18:48si no llega
18:49a ver
18:49va a haber
18:50un error
18:50y vamos
18:51a tener
18:51que hacer
18:52nuevamente
18:53hasta que
18:54sea
18:54el método
18:55post
18:55como tenemos
19:01dos datos
19:02de nombre
19:02celular
19:03y
19:03células
19:04están
19:05en
19:05método
19:06post
19:06y esto
19:08hace
19:08un
19:09query
19:10en donde
19:11hacemos
19:11una consulta
19:13para
19:13la base
19:14de datos
19:14donde
19:14tenemos
19:15el nombre
19:15el correo
19:17de celular
19:17y
19:18cédula
19:20que también
19:21los valores
19:21están
19:22en
19:22signos
19:24de pregunta
19:24daría como
19:26decir
19:26que
19:26en nuestra base
19:27de datos
19:27esos
19:28datos
19:30están vacíos
19:31para poderlo
19:32llenarlo
19:33de lo que
19:34tenemos
19:34en nuestra
19:34página web
19:35hice
19:36un prepare
19:37para que
19:38la consulta
19:39se prepare
19:41y
19:42aquí
19:43es donde
19:44va
19:45llenando
19:46esos espacios
19:46que
19:47tenemos
19:47vacío
19:47y
19:50se
19:50coloque
19:50de manera
19:51correcta
19:51y no
19:51haya
19:52ningún
19:52tipo
19:53de
19:54error
19:57por ejemplo
19:57lo que
19:58pusimos
19:58nombre
19:59no se
19:59vaya
19:59celular
20:00o lo que
20:00pusimos
20:01en
20:01correo
20:01no se
20:01vaya
20:02cédula
20:02sino que
20:03vaya tal
20:04cual
20:04como
20:04debe
20:04ir
20:04nombre
20:05con
20:05nombre
20:05correo
20:06con
20:06correo
20:06celular
20:07con
20:07celular
20:07y
20:08cédula
20:08con
20:08cédula
20:08y eso
20:10se ha
20:10guardado
20:10correctamente
20:11en la base
20:11de datos
20:12si
20:14cumplimos
20:15todo eso
20:16al momento
20:17de nosotros
20:17enviar
20:18a la página
20:18web
20:19disculpe
20:21al momento
20:22de nosotros
20:22enviar
20:22todo eso
20:23a la página
20:23web
20:23nos dará
20:24un mensaje
20:25donde
20:26irá
20:27datos
20:28guardados
20:28correctamente
20:29la base
20:29de datos
20:29y nos irá
20:30los datos
20:31que pusimos
20:31en nombre
20:32en correo
20:32en celular
20:33y en cédula
20:34esto
20:36como un mensaje
20:37si no llega
20:38a ver
20:38si llega
20:38a ver
20:39un error
20:39en la ejecución
20:40nos dará
20:40el mensaje
20:41de error
20:42a guardar
20:42los datos
20:43de la base
20:43de datos
20:43en la base
20:44de datos
20:45si llega
20:46a haber
20:46un error
20:47en la preparación
20:48nos irá
20:48error
20:49en la consulta
20:49de SQL
20:51y se cerrará
20:53el programa
20:53haya salido
20:55bien
20:56o haya salido
20:56mal
20:56se cerrará
20:57el programa
20:57para que
20:58se vuelva
20:58a intentar
20:59y
21:01se cierra
21:02si no llega
21:04a ver
21:04acceso
21:05nos irá
21:05acceso
21:06no permite
21:06en esta
21:09ahí
21:09tenemos
21:10todo lo que
21:11hemos modificado
21:12para que
21:12esté correctamente
21:13alineado
21:15tengas
21:16buena imagen
21:17tenga buena vista
21:18todo esto
21:19está aquí
21:19y aquí
21:20tenemos
21:21un
21:21media
21:23esto es lo que
21:25le dije
21:26que se puede
21:27ver la página
21:28web
21:28con normalidad
21:30en celular
21:31en tablet
21:31y laptop
21:32porque
21:33para
21:35esos dispositivos
21:36tienen ciertos
21:38pixeles
21:38que
21:39esos dispositivos
21:40tienen
21:40diferentes
21:41pixeles
21:41por ejemplo
21:42una laptop
21:43no tiene
21:44los mismos
21:44pixeles
21:44que una
21:45tablet
21:45una tablet
21:46no tiene
21:46los mismos
21:46pixeles
21:47que un celular
21:47por eso
21:48es el requisito
21:49de que
21:50si son de
21:51ciertos
21:51pixeles
21:52se ajustará
21:54este tamaño
21:54para que no
21:55haya error
21:56de imagen
21:57en ninguno
21:57este sería
21:59para laptops
22:00este sería
22:01para tablets
22:02que es de
22:03768
22:04megapixeles
22:04a 999
22:05pixeles
22:07y para el celular
22:09está
22:09el de
22:10767
22:11megapixeles
22:12que es
22:12el regular
22:13de pixeles
22:14que tiene
22:14un celular
22:15común
22:16para ver
22:19para ver
22:20lo que
22:21se vea
22:22correctamente
22:23un celular
22:23lo tenemos
22:26ahí
22:26como podemos ver
22:29no hay
22:30ningún tipo
22:31de log de margen
22:32en donde
22:32se sobrepase
22:33algo
22:34o haya
22:34una
22:35una
22:37una
22:38interferencia
22:39de texto
22:39de que
22:40se choque
22:41con otro
22:42sino que
22:42está todo
22:43correctamente
22:43para que
22:44se vea
22:44de un celular
22:45si nosotros
22:46entramos
22:46en la página
22:46web
22:47de un celular
22:47así se vería
22:48tal cual
22:48tal cual
22:49como se ve aquí
22:50si tuviéramos
22:53una tablet
22:54se vería
22:55de esta manera
22:56como
22:58como en
22:59tablet
23:00es un poco
23:00más grande
23:01si podemos
23:01usar
23:02la herramienta
23:04de booster
23:04de container
23:05poder dividir
23:06ciertas partes
23:07en dos
23:08porque en celular
23:09al ser un tipo
23:10de cilio chiquito
23:11son un tipo
23:13de
23:13casillas
23:15y no podemos
23:16usar esa división
23:17porque
23:17si no sería
23:18muy chiquito
23:18y no sería
23:19visible
23:20para el usuario
23:21y sería
23:21muy incómodo
23:22pues
23:23esto es
23:23tan tablet
23:23ya podemos
23:24usar un poco
23:25lo que
23:25se dice
23:26para una
23:27computadora
23:28o una laptop
23:28no se divide
23:30en otras partes
23:31acá también
23:32para la
23:34funcionalidad
23:35es lo mismo
23:36también funcionan
23:37las animaciones
23:38y eso nos
23:43daría
23:44el uso
23:45de que
23:45esta página
23:46serviría
23:47para cualquier
23:47tipo de
23:48dispositivo
23:49lo mismo
23:50tengo
23:50con la
23:51otra página
23:52también
23:55se puede
23:56ver
23:56en celular
23:57o podemos
23:59ver
23:59con la
24:02animación
24:02y todo
24:03el
24:07carrusel
24:07que se mueve
24:08de los logos
24:08que se mueve
24:09cada 3 segundos
24:10y también
24:12si tuviéramos
24:13en una
24:13tablet
24:14se vería
24:15bien
24:15no hay
24:16ningún
24:16tipo
24:16de
24:16error
24:17de imagen
24:17y así
24:21estaría
24:21correctamente
24:22el
24:23el código
24:23de esta
24:23página
24:24que es
24:25diferente
24:25al que
24:26mostré
24:27delante
24:27contamos
24:35con
24:35las herramientas
24:37de
24:37bootstrap
24:38de un
24:38carrusel
24:39que es
24:40para tener
24:41los logos
24:41chiquitos
24:41que tenemos
24:42abajo
24:42y
24:43sea
24:44dinámico
24:44como
24:45el
24:46carrusel
24:46que tenemos
24:46arriba
24:47del
24:47página
24:47de la
24:48antigua
24:48página
24:48que
24:48era
24:49más
24:49grande
24:50y
24:50ocupaba
24:52mucho
24:52parte
24:53aquí
24:53podemos
24:53tener
24:54muchos
24:55iconos
24:56chiquitos
24:57como
24:57Google
24:57Carrusel
24:58y nos
24:58da esa
24:59facilidad
24:59Google
25:02que va
25:02a la
25:03mano
25:03de Google
25:03Carrusel
25:04y Anime
25:04Min
25:05que es
25:05la
25:05animación
25:06que tenemos
25:06al recargar
25:07la página
25:07o entrar
25:08primera vez a la página
25:10y hacer la animación
25:11cuando pasamos
25:11por esa parte
25:13del texto
25:14de la página
25:16aquí
25:17aquí
25:17tenemos
25:18el
25:19menú
25:19que
25:19es
25:20donde
25:21tenemos
25:21el logo
25:21a la
25:22izquierda
25:22y
25:23lo
25:23terminó
25:24a la
25:24derecha
25:25exactamente
25:26lo mismo
25:27es lo que
25:27viene
25:28en la
25:28primera
25:28página
25:28y
25:30aquí
25:30está
25:30el
25:31banner
25:31el banner
25:33que
25:33aquí
25:34en este
25:34banner
25:35no
25:35tenemos
25:35un
25:36carrusel
25:36que
25:37se
25:37va
25:37rotando
25:38cada
25:38cinco
25:38segundas
25:39aquí
25:39es
25:39un
25:39solo
25:40banner
25:40y
25:40está
25:41el
25:42texto
25:43y
25:43el
25:45fondo
25:46con una
25:46transparencia
25:47que es
25:47opaca
25:48para que
25:48no tenga
25:49mucho
25:49brillo
25:49aquí
25:53tenemos
25:53el
25:54texto
25:54que
25:55también
25:55usamos
25:56la herramienta
25:57justa
25:57que nos
25:57da
25:57de
25:58container
25:58dividirlo
25:59seis
25:59para que
26:00se pueda
26:01usar
26:01el lado
26:01izquierdo
26:01y el lado
26:02derecho
26:02y
26:03que
26:03no
26:04haya
26:04ningún
26:04error
26:04de
26:04imagen
26:05o
26:05choque
26:05entre
26:05ambos
26:06en
26:07donde
26:07a la
26:07izquierda
26:07tenemos
26:08una
26:08imagen
26:08y
26:08a la
26:09derecha
26:09tenemos
26:09un
26:09título
26:10con
26:10su
26:11texto
26:12aquí
26:15en
26:15este
26:16dato
26:17es
26:17donde
26:17tenemos
26:18la
26:19personita
26:20el
26:21nombre
26:21su
26:22cargo
26:22también
26:23dividida
26:24en dos
26:26partes
26:26en
26:27donde
26:28está
26:29la
26:29parte
26:30del
26:30chico
26:31y la
26:31parte
26:31de
26:31la
26:31chica
26:32y
26:36acá
26:36bajando
26:36encontramos
26:38el
26:38ovo
26:39y el
26:40carrusel
26:40que
26:41es
26:41donde
26:41tenemos
26:41los
26:42logotipos
26:42que
26:43son
26:43ocho
26:43en
26:43total
26:44y
26:45va
26:45rotando
26:46cada
26:46tres
26:46segundos
26:47como
26:50último
26:51tenemos
26:51el
26:51footer
26:52y
26:53aquí
26:54es
26:54donde
26:54tenemos
26:55la
26:55biblioteca
26:55de
26:55jQuery
26:56del
26:57logo
26:57de
26:57carrusel
26:57que
26:57está
26:58configurada
26:58para
26:59que
26:59en
27:01esta
27:01gama
27:01de
27:01pixeles
27:01se
27:02vea
27:02uno
27:02en
27:02esta
27:03gama
27:03de
27:03pixeles
27:03se
27:03vean
27:04tres
27:04tres
27:05y
27:05en
27:05esta
27:05gama
27:05de
27:05pixeles
27:06se
27:06vean
27:06siete
27:06como
27:10porque
27:11tenemos
27:11una
27:12gama
27:12de
27:12pixeles
27:12similar
27:13a la
27:13que
27:14tenemos
27:14aquí
27:15porque
27:16si
27:16llegamos
27:16a mover
27:16esto
27:17a
27:18cuatro
27:18también
27:19se
27:19ve
27:20aquí
27:20cuatro
27:21como
27:23en
27:231200
27:24pixeles
27:25tenemos
27:25siete
27:26acá
27:29si
27:29llegamos
27:29a tener
27:301200
27:30pixeles
27:31se
27:32verían
27:32los
27:32siete
27:32y
27:33eso
27:33se
27:33estaría
27:34rotando
27:34si
27:34tuviéramos
27:35un
27:37aproximado
27:37de
27:37300
27:38pixeles
27:38solo
27:39se
27:39vería
27:39un
27:40logotipo
27:40que
27:41como
27:41podemos
27:41ver
27:42solo
27:42se
27:42ve
27:42un
27:42logotipo
27:44y
27:45acá
27:45también
27:45hice
27:46una
27:46configuración
27:46de
27:47los
27:48segundos
27:48que
27:48si
27:49yo
27:49cambio
27:49esto
27:50se
27:50va
27:50rotando
27:51los
27:51segundos
27:52a lo
27:52que
27:52va
27:52cambiando
27:53automáticamente
27:54también
27:56usamos
27:56el
27:56Parallax
27:57el
27:57Bookstrap
27:58y
27:59Wombie
27:59en
28:00su
28:00biblioteca
28:01y
28:01eso
28:01sería
28:02todo
28:02muchas
28:02gracias
28:10yo
28:10tengo
28:10una
28:11acotación
28:11se
28:13llama
28:13query
28:14nosotros
28:15aquí
28:15en la oficina
28:16le decimos
28:16query
28:16porque
28:17el señor
28:17es
28:18el maestro
28:18de los
28:19queries
28:19pero
28:20se
28:21llama
28:21query
28:21vaya al
28:23colegio
28:23y diga
28:23query
28:24query
28:25es verdadero
28:27nombre
28:27la gente
28:30de la ciencia
28:30lo cambió
28:31a query
28:31una
28:39parte
28:39inicial
28:40aparte
28:43de eso
28:44también
28:44fuiste
28:45hacer
28:46más
28:46diferentes
28:46equipos
28:47si
28:47he dicho
28:49hola
28:51buenas
28:51hola
28:53no
28:53sé
28:58no
28:58sé
28:58qué
29:00trae
29:00plata
29:00comida
29:02hay una
29:02de youtube
29:03de noticiero
29:04¿qué pasa
29:05en la transmisión?
29:08al que le toque
29:09pero
29:12y
29:12en la noche
29:13normalmente
29:14¿quién la hace?
29:14cualquiera de los dos
29:15él
29:15pero me puede
29:16tocar a mí
29:17ya
29:17ya
29:19este
29:19ya vengan
29:20para acá
29:21entonces
29:22¿qué gusta
29:23aprender
29:23cuentas
29:24de
29:24el noticiero
29:25que
29:25ellos tienen
29:27por
29:29permiso
29:30la cuenta
29:31de romper
29:32y perdón
29:32la grabación
29:34como ya está
29:35muy
29:35en la
29:35cuenta
29:36se lo hace
29:37en la
29:37cuenta
29:38de romper
29:38en la
29:39en la
29:39pero
29:40hay
29:40normalmente
29:40en la
29:41más
29:41en la
29:41más
29:42puede
29:43hacer
29:43un
29:43en la
29:43de
29:44ese
29:44televisión
29:44¿verdad?
29:44no
29:45¿verdad?
29:45¿cuántas?
29:45¿cuántas?
29:45¿cuántas?
29:46¿cuántas?
29:47¿cuántas?
29:47¿cuántas?
29:47¿cuántas?
29:47¿cuántas?
29:48¿cuántas?
29:48¿cuántas?
29:49no?
29:50¿cómo voy a hacer el cambio?
29:53yo estoy en la
29:54de media
29:55a tres
29:56entonces
29:56no puedo
29:57tajar
29:58y cambiar
29:58mi cuenta
29:59otra vez
29:59hacer
30:00el noticiero
30:02porque no hay tiempo
30:03es rápido
30:03profesional
30:04¿y en el de la noche?
30:05si hay cosas
30:05que en realidad
30:06se usan
30:06¿a no se ve en la noche?
30:08¿y en el plan
30:09no lo hacen
30:10normalmente en el programa?
30:10Muchas gracias
30:11al ingeniero
30:12Paul
30:13y a las malas
30:14que me enseñó
30:15alrededor de todo este mes
30:17junto a mi compañero
30:17también Isaac
30:18que como vamos
30:20estamos trabajando
30:21bastante en la página
30:22al principio
30:23también con el proyecto
30:25de Isaac
30:25pero
30:26por bastante
30:26días
30:27la me dio
30:27a un caso a parte
30:29haciendo las dos
30:30páginas
30:31aunque
30:31con los horarios
30:32ya es más fácil
30:33que seguían
30:33muy bien
30:34felicitos
30:35a la cuenta
30:40de
30:40el noticiero
30:41pero hay un
30:42por la experiencia
30:43que yo creo
30:44yo lo que suena
30:45es un poquito
30:46de
30:46programación
30:47de
30:48bachillerato
30:49de colegio
30:49si ustedes abren
30:52bueno
30:53está bien
30:53está muy bien
30:54actualmente
30:54hemos ganado
30:56hemos ganado
30:57ok
31:00entonces
31:00ahora vamos
31:01a la gente
31:01a la gente