Loading repository data…
Reno-ntfs / repository
Este proyecto fue creado durante el bootacamp Technolochicas PRO, es una version del buscador con mas interaciones El propósito de la creación de este sitio es en poner en practica el uso de herramientas como HTML5 y CSS3
Contruir sitios responsivos(adaptables a diversos tamaños de pantalla) por medio de clases pre-hechas de css.
Cuando nosotras hacemos css, tenemos qué tener acceso a el HTML donde se van a utilizar, y para que nuestras sentencias que indica como cambiar las propiedades, como:
background-color: red;
Debemos utilizar un selector (elemento, clase, id), por lo tanto, para usar bootstrap se van a poder utilizar estos mismos selectores, sólo que ya van a estar predefinidos.
Para instalar bootstrap, lo que realemnte vamos a hacer es lo mismo que se hace con todos los recursos del mismo tipo, por ejemplo:
Para ligar un archivo de CSS, ocupamos:
<link rel="stylesheet" href="style.css">
En este caso, ligaremos con un archivo en internet:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
Bootstrap es uno de un montón de frameworks de CSS que podems ocupar. Todos se pueden traer por medio de un CDN e importar con un link a nuestro archivo.
Por otro lado, bootstrap requiere de JS para hacer componentes dinámicos, como el carrusel.
Por lo tanto voy a necesitar ese link en mi archivo, solo que este link va a tener código de JS, por lo tanto como cualquier link de JS deberá ir al final de mi body, arriba de la etiqueta de cierre.
<script src="archivoJS.js"></script>
En este caso, la linea para ligarlo contiene el link al archivo de JS, se pone al final para que una vez que se cargaron todos los elementos de HTML, ahora sí lo empecemos a hacer dinámicos, por que si ponemos el SCRIPT arriba, y el HTML se tarda en cargar, podriamos estar intentando hacer dinámico un elemento que todavía no existe.
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
Con esto ya tenemos nuestro sitio listo para usar bootstrap.
Es importante entender que como es un marco de trabajo va a tener sugerencias de como ocupar diversas cosas que ya se usan en CSS.
Y además va a tener los elementos más comunes usados en los sitios web ya con la sugerencia de cómo estruturarlos y en donde acomodarlos.
Y por último va a tener maneras de cambiar las cosas importantes extra, hablamos de colores, hablamos de box-model(padding, margin, border,content[width, heigh]), el tipo de display.
Este proyecto fue creado durante el bootacamp Technolochicas PRO, es una página web responsiva (adptable a diversos dispositivos).
El propósito de la creación de este sitio es en poner en practica el uso de herramientas como HTML5 y CSS3
Incluye recursos multimedia.
Visitalo ahora 🚀
Preview:
Si estás interesad@ en compartir o conectar para algún proyecto u oportunidad laboral, contáctame.
© 2023 RENO (Programa Technolochicas PRO)
Selected from shared topics, language and repository description—not editorial ratings.
Pagina web de reservas de un restaurante, este proyecto fue elaborado con fines educativos para mi universidad. En esta pagina se utilizaron diferentes lenguajes de programación y gran variedad de herramientas tecnológicas para su desarrollo.
JimenaCambronero /
Esta página ha sido creada a través de la obtención del Beneficio Participa de un Proyecto Real, ofrecido por CoderHouse a sus alumnos destacados. El mismo es un programa 100% virtual y consiste en la asignación de un trabajo Freelance (temporal) en el que se espera que se pueda cumplir con las necesidades y objetivos de los emprendimientos, fundaciones, organizaciones o empresas que requieran el servicio. Este proyecto fue construido con HTML, CSS y se incluyeron algunos elementos de Bootstrap & AOS elements.
RubenJ27 /
Este fue el proyecto con el que concursamos en la primera hackathon realizada en el departamento del Choco el cual fue ganador de la misma.
javiervaleriano /
En este proyecto utilizo HTML, CSS, Flexbox, Grid y JavaScript. En mi caso, este proyecto fue sencillo de hacer aunque lo que se complicó solo un poco fue el tamaño de las imágenes al usar Grid. Finalmente se logró.
Edubedo /
Este fue el primer proyecto frontend que desarrollé, se trata de un programa que te dice que personaje de Bob Esponja eres
sayagodev /
Spotifu, un clon de Spotify para aprender de manera didáctica Flexbox y accesibilidad web. Este proyecto fue creado utilizando una metodología basada en componentes.