Está en la página 1de 3

Materia: Aplicaciones Web i4.

0
S10A01. Lunes 07, marzo 2022

Instrucciones de la Actividad
Nombre: DIEGO ALEXIS LARIS VALENZUELA
INSTRUCCIONES: Ver video de clases:

- (80%) EVIDENCIA 01. Hacer resumen del video de clase (Explicación + Capturas de Pantalla):
TEMA Evidencias
Bootstrap es un framework front-end utilizado para desarrollar aplicaciones web y sitios mobile
first, o sea, con un layout que se adapta a la pantalla del dispositivo utilizado por el usuario.

Introducción

Bootstrap incluye un primer sistema de cuadrícula fluida móvil con capacidad de respuesta que se
escala adecuadamente hasta 12 columnas a medida que aumenta el tamaño del dispositivo o de la
ventana gráfica. Incluye clases predefinidas para opciones de diseño sencillas, así como poderosos
mixins para generar diseños más semánticos.
Responsivo

Mobile First es un concepto de diseño web optimizado para móviles, donde inicialmente se crea
una página web para tablets y smartphones, para adaptarla luego a las necesidades de un
navegador de escritorio.

Mobile First

La rejilla o grid es la base sobre la que construiremos el layout de nuestra página, es decir, la
disposición de elementos. Es el componente esencial para asegurar que nuestra web se adaptará
convenientemente a diferentes resoluciones y pantallas.

Sistema GRID

Profesor: M. Alejandro Israel Romo Martínez


Materia: Aplicaciones Web i4.0
S10A01. Lunes 07, marzo 2022

Podemos utilizar, las clases de boostrap, para asi evitar realizar querys para realizar el
responsive.

Clases Responsive

Es fácil para la mayoría de los usuarios, ya que está bastante relacionado con CSS. Y puedes
Fácil de Personalizar
entender todo más fácil ya que es por clases.

Soporte en
navegadores

Boostrap nos probé componentes prediseñados como podrían ser: botones, navs, cards, esto para
hacer más rápido y eficiente nuestro diseño.

Componentes
prediseñados

Coherencia en el Y finalmente, boostrap nos ayuda a que nuestro código sea más factible, y eficiente esto con la
desarrollo. finalidad de desarrollar buenas prácticas en nuestro desarrollo.

- (20%) EVIDENCIA 02. Crear nuevo proyecto de angular:


EVIDENCIA CAPTURA DE PANTALLA

NOMBRE:
S10-app-matricula
(sin ruteo, tipo CSS).

Profesor: M. Alejandro Israel Romo Martínez


Materia: Aplicaciones Web i4.0
S10A01. Lunes 07, marzo 2022

Carpeta con 4
imágenes (para
carrusel).

Nota: La evidencia 02 es necesaria para el ejercicio de la siguiente


clase.
Guardar como: S10A01_NombreApellido.PDF
Subir archivo a plataforma Ms Teams (no por email).
Hora límite: 11:59pm. Martes 08, Marzo 2022.

Profesor: M. Alejandro Israel Romo Martínez

También podría gustarte