Unidad 02 CSS y Bootstrap Tarea: cartera receptiva
El diseño receptivo garantiza que las aplicaciones web funcionen bien en una variedad de dispositivos y tamaños de ventana o pantalla. Como desarrollador, es probable que se le solicite que cree una aplicación móvil primero o agregue un diseño receptivo a una aplicación existente.
Instrucciones
- Use el marco Bootstrap CSS para crear una cartera de respuesta móvil. ¿Cómo se entrega esto?
- Cree los siguientes archivos de archivos:
- Usando Bootstrap, desarrolle el sitio de su cartera con los siguientes elementos a. Una barra de navegación b. Un diseño receptivo c. Imágenes receptivas La cartera de Bootstrap debería minimizar el uso de consultas de medios.
Pistas
- Use el sistema de cuadrícula de Bootstrap (contenedores, filas y columnas).
- En una pantalla
xs , el contenido debe tomar toda la pantalla. En sm y pantallas más grandes, debe tener algunos márgenes en los lados izquierdo y derecho de la pantalla. Consulte varios sitios en su dispositivo móvil frente a su computadora para ver ejemplos de estas diferencias.
- Use un servicio de validación HTML para garantizar que cada página tenga HTML válido. Extra small <576px Small ≥576px Medium ≥768px Large ≥992px Extra large ≥1200px .container 100% 540px 720px 960px 1140px .container-sm 100% 540px 720px 960px 1140px .container-md 100% 100% 720px 960px 1140px .Container-LG 100% 100% 100% 960px 1140px .Container-XL 100% 100% 100% 100% 1140px .Container-Fluid 100% 100% 100% 100% 100% 100%
Requisitos mínimos
o Aplicación funcional, implementada o repositorio de GitHub con README que describe el proyecto o Navbar debe ser consistente en cada página. o Navbar en cada página debe contener enlaces a las páginas de inicio/sobre, contacto y cartera. o Todos los enlaces deben funcionar. o debe usar HTML semántico. o Cada página debe tener HTML válido y correcto. (Use un servicio de validación) o debe contener su información personalizada. (Bio, nombre, imágenes, enlaces a las redes sociales, etc.) o debe utilizar correctamente los componentes de arranque y el sistema de cuadrícula.
Prima
- Usando Bootstrap, haga un pie de página adhesivo y use sub-rasgos y sub-columnas en el sitio de su cartera ( sugerir: consulte la documentación de Bootstrap).
Comprometerse temprano y con frecuencia
- Una de las habilidades más importantes para dominar como desarrollador web es el control de versiones. Construir el hábito de comprometerse a través de GIT es importante por dos razones: su historial de comet.
- es una señal para los empleadores que está trabajando activamente en proyectos y aprendiendo nuevas habilidades.
- Le permite revertir su base de código en el caso de que necesite regresar a un estado anterior.
Siga estas pautas para cometer:
- Realice los compromisos de un solo propósito para los cambios relacionados para garantizar un historial limpio y manejable. Si está solucionando dos problemas, haga dos compromisos.
- Escriba mensajes de confirmación descriptivos y significativos para que usted y cualquier otra persona que mire su repositorio pueda comprender fácilmente su historia.
- No comete un trabajo a medias, por el bien de sus colaboradores (¡y su futuro yo!).
- Pruebe su aplicación antes de comprometerse para garantizar la funcionalidad en cada paso del proceso de desarrollo.
Nos gustaría que tenga más de 200 compromisos al graduarse, ¡así que comprométase temprano y con frecuencia!
Presentación en BCS
Debe enviar lo siguiente:
- Las URL de las aplicaciones implementadas ¿Simplemente significa la URL para cada archivo HTML?
- Las URL de los repositorios de Github
- Las capturas de pantalla se proporcionan como referencia en la carpeta de
Assets/Images . Su aplicación no necesita ser exactamente como las imágenes. Use Bootstrap para crear un diseño similar y receptivo.
C: Users Jonpc Google Drive Bootcamp UNC-Chh-FSF-PT-03-2020-UC Mathcodes.github.io Hardwork Hardwork2 ReadMe.md
