Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Examen Teorico Pwa

    Cargado por

    Misael Peloc
    94 vistas3 páginas
    Curso de PWA

    Título original

    EXAMEN TEORICO PWA

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Curso de PWA

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    94 vistas3 páginas

    Examen Teorico Pwa

    Cargado por

    Misael Peloc
    Curso de PWA

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    CURSO DE PWA

    EXAMEN TEORICO

    FECHA: …………………………………………..

    ALUMNO/A: ……………………………………………………………………

    1)HTML ES:

    o UN LENGUAJE DE PROGRAMACION
    o UN LENGUAJE DE ETIQUETADO
    o UN PROGRAMA DE DISEÑO WEB

    2)CSS SIRVE PARA:

    o PROPORCIONAR FUNCIONALIDAD A UNA WEB


    o PROPORCIONAR ESTILO A UNA WEB
    o DETERMINAR CUANTOS ELEMENTOS SERÁN VISIBLES EN LA WEB

    3)CON JAVASCRIPT PODEMOS:

    o POSICIONAR NUESTRA WEB EN LOS PRIMEROS LUGARES DE LOS BUSCADORES


    o OFRECER AL USUARIO UNA NAVEGACION SEGURA EN NUESTRA WEB
    o AGREGARLE FUNCIONALIDAD (PROGRAMACION) A NUESTRA WEB

    4)DE LAS SIGUIENTES ESTRUCTURAS HTML, CUAL ES LA CORRECTA:

    o <html><head></head><body></body></html>
    o <html><header></header><body></body></html>
    o <html><head><body></body></head></html>

    5)CON RESPECTO A LA ETIQUETA <head> Y <body> CUAL ES LA RESPUESTA INCORRECTA:

    o ES LA SECCION DE LA WEB, EN DONDE APARECEN LOS CONTENIDOS VISIBLES PARA EL USUARIO


    o ES LA SECCION DE LA WEB EN DONDE DEFINIMOS LO QUE SERA VISIBLE EN LA CABECERA
    o ES LA SECCION DE LA WEB DONDE SE CARGA EL CONTENIDO QUE NO ES VISIBLE PARA EL USUARIO

    6)MENCIONE Y DESCRIBA 5 CARACTERISTICAS DE UNA PWA

    o 1 …………………………………………………………………………………………………………………………………
    o 2 …………………………………………………………………………………………………………………………………
    o 3 …………………………………………………………………………………………………………………………………
    o 4 …………………………………………………………………………………………………………………………………
    o 5 …………………………………………………………………………………………………………………………………

    7)SI TIENES QUE REALIZAR UN PROYECTO (UNA APP) Y TE PLANTEAN REALIZARLA DE FORMA NATIVA O DE FORMA
    HIBRIDA (PWA) ¿CUALES SERIAN LOS PUNTOS QUE TENDRIAS EN CUENTA PARA TOMAR TU DECISION?

    ……………………………………………………………………………………………………………………………………………………………………………………
    ……………………………………………………………………………………………………………………………………………………………………………………

    8)SOBRE EL CICLO DE VIDA DE UN SERVICE WORKER Y DE ACUERDO AL SIGUIENTE GRAFICO: COMPLETAR EL


    NOMBRE DE CADA ELEMENTO REPRESENTADO E INDICAR CON NUMEROS (1, 2, 3) EL ORDEN EN EL CUAL
    TRABAJAN:
    9)PARA EJECUTAR UN SERVICE WORKER ES OBLIGATORIO TRABAJAR CON UN PROTOCOLO SEGURO (HTTPS):

    o SI
    o NO

    10)EN EL ARCHIVO manifest.json SE DEFINE EL COMPORTAMIENTO Y CONFIGURACIÓN INICIAL DE LA PWA.


    EXPLIQUE BREVEMENTE DE QUE SE TRATA CADA UNO DE LOS SIGUIENTES PARAMETROS DE CONFIGURACION:

    o Orientation: ................................................................................................................
    o Display: ……………………………………………………………………………………………………………………
    o Icons: ………………………………………………………………………………………………………………………
    o Name: …………………………………………………………………………………………………………………….
    o Description: ……………………………………………………………………………………………………………
    o Start url: …………………………………………………………………………………………………………………
    o Background_color: …………………………………………………………………………………………………
    o Theme_color: ………………………………………………………………………………………………………...

    11)CUAL DE LAS SIGUIENTES AFIRMACIONES CON RESPECTO AL DISEÑO RESPONSIVO ES INCORRECTA:

    o EL DISEÑO RESPONSIVO PERMITE DESARROLLAR DIFERENTES INTERFACES PARA DIFERENTES TIPOS DE


    PANTALLAS
    o EL DISEÑO RESPONSIVO PERMITE DESARROLLAR UNA SOLA INTERFAZ PARA DIFERENTES TIPOS DE
    PANTALLAS
    o EL DISEÑO RESPONSIVO PERMITE DESARROLLAR UNA SOLA INTERFAZ PARA UN SOLO TIPO DE PANTALLA

    12)CON RESPECTO A LAS MEDIA QUERY, CUAL DE LAS SIGUIENTES ES LA SINTAXIS CORRECTA:

    o
    @media (max-width: 600px) { @media (max-width: 600px) {
    body { o
    body {
    background_color: red; background-color: red;
    } }
    o } }
    @media (max-width: 600px) {
    body {
    background-color: red,
    }
    }
    13)EN EL SIGUIENTE GRAFICO SE HACE REFERENCIA A LOS EVENTOS QUE SE REALIZAN EN CONJUNTO CON EL
    SERVICE WORKER (INSTALL, ACTIVATE Y FETCH) INDICAR CUALES SON ESTOS ELEMENTOS EN EL GRAFICO E
    INDICAR CON 1, 2, 3 Y 4 EL ORDEN DE FUNCIONAMIENTO DE LOS MISMOS:

    NOTA DEL EXAMEN TEORICO:

    …………………………………………………………………………………………………………………………………………………………………………….

    TRABAJO PRACTICO Nº 1: CON LA CARPETA DE NOMBRE: “PARTE-PRACTICA-1” MODIFICAR LA APARIENCIA


    DEL SITIO:

     CAMBIAR EL COLOR DEL TEXTO


     CAMBIAR LOS COLORES DE LAS SECCIONES
     CAMBIAR EL CONTENIDO (NOMBRE DE LA PAGINA, MENU, TEXTO DEL FOOTER)
     CAMBIAR EL TAMAÑO DEL TEXTO DEL LOGO Y CORREGIR LA VISUALIZACION DE SER NECESARIO
     EN LA SECCION DE VIDEOS, REEMPLAZAR LOS IFRAME POR IMG Y AGREGAR TRES IMÁGENES
     CORREGIR LA VISUALIZACION EN DIFERENTES RESOLUCIONES DE PANTALLA UTILIZANDO EL INSPECTOR
    DE GOOGLE:

    TRABAJO PRACTICO Nº 2: CON LA CARPETA DE NOMBRE: “PARTE-PRACTICA-2” AGREGARLE AL SITIO LA


    FUNCIONALIDAD PARA CONVERTIRLO EN UNA PWA:

     TENER EN CUENTA LOS ARCHIVOS QUE HAY QUE GENERAR.


     CREAR MANIFIESTO, EL ARCHIVO MAIN, EL SERVICEWORKER
     AGREGAR LAS METAETIQUETAS
     COMPROBAR EL FUNCIONAMIENTO DE LOS EVENTO INSTALL Y ACTIVATE

    INDICAR LOS INTEGRANTES DE LA PARTE PRACTICA: …………………………………………………………………………………


    …………………………………………………………………………………………………………………………………………………………………………..

    NOTA PARTE PRÁCTICA 1: ……………… / NOTA PARTE PRÁCTICA 2: ………………… / NOTA FINAL: ………………………..

    También podría gustarte