Skip to content

Proyecto 1: HTML, CSS, y Javascript (2020)

Notifications You must be signed in to change notification settings

leandrodavid/proyecto-1

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Proyecto 1: HTML - CSS - Javascript - DOM

Fecha de entrega: 14 de Mayo de 2020 (inclusive).

Introducción

El proyecto consiste en la implementación de una aplicación web utilizando las tencnologías HTML, CSS y Javascript. Se permite la utilización de librerías Javascript Open Source, siempre y cuando se otorguen los créditos correspondientes a el o los autores, incluyendo links a las fuentes originales. También es posible la utilización de frameworks de CSS (como por ejemplo Bootstrap). No se permite el uso de frameworks JS (AngularJS, React, VueJS).

El proyecto es individual y se debe elegir uno de los 3 temas mencionados a continuación. Es recomendable, una vez elegido el tema y la aplicación concreta a implementar, consultar con la cátedra para asegurarse que permita cumplir los requisitos mínimos requeridos y a su vez no exceda la complejidad del mismo.

Descripción Tema 2 - Juego Online

El proyecto consiste en la creación de un juego de futbol relacionado con el club de Futbol Lanus, donde se tendrá que tratar de hacer la máxima cantidad de goles, el manejo consiste en chocar la pelota con la barra que aparece debajo de la cancha, esta barra se maneja con flecha izquierda y derecha del teclado. Cuando se eliminan los rivales aparece una especie de arquero, cada vez que se le pega a este arquero cuenta como gol. Pero cada vez que se hace un gol aumenta la velocidad de la pelota. Para jugar hay que estar registrado o se le asocia el nombre de anonimo. Tenemos dos opciones de juego

  •      1)nivel Acosta (Avanzado)- Es un nivel donde la pelota va mas rápido
    
  •      2)nivel Juvenil (Junior)- Es un nivel donde la pelota va velocidad normal
    

La pagina cuenata con dos temas visuales para elegir

  •      1)Visual 1 - Emula color de camiseta titular
    
  •      2)Visual 2 - Emula color de camiseta suplente
    

Las caracteristicas que guardaria la pagina cuando un usario la sale serian:

  •      1)Estilo visual
    
  •      2)El nivel de juego elegido
    

En el local storage se guardara las ultimas 5 partidas.

Observaciones

Es importante lograr un aspecto atractivo de la aplicación y permitir una interacción intuitiva para el usuario. También se evaluará el código generado para lograr el funcionamiento de la aplicación, en especial, es importante la separación del modelo de datos, la visualización y la lógica de la aplicación. Además, la página debe simular una aplicación profesional, de alguna empresa o institución (nombre y logo incluido).

Además, debe tener al menos dos temas o estilos generales diferentes y el usuario debe poder elegir uno de ellos. El navegador deberá recordar cualquier cambio que el usuario haga en la aplicación para la próxima vez que el mismo usuario acceda a la página.

  • El archivo principal debe denominarse “index.html”
  • Debe ser un documento válido HTML5.
  • Deben utilizar archivos **CSS externos válidos **para los estilos de la página.
  • El código Javascript debe estar en uno o más archivos externos al documento HTML. Pueden, y se recomienda, utilizar librerías Javascript para mejorar el aspecto y la usabilidad de la página, siempre y cuando den crédito a los autores apropiadamente.
  • Cualquier aclaración o comentario adicional sobre la página, debe hacerse en el archivo readme.md del repositorio.
  • Deben probar la página en diferentes navegadores.

Modalidad de Entrega

El proyecto deberá ser un fork de este repositorio. Al momento de hacer el fork, la cátedra asignará un docente a cargo de la corrección del mismo, el cual deberá ser agregado como colaborador al proyecto.

La entrega corresponde a un Pull Request desde el branch "master" al branch "entrega" del fork del usuario del Alumno, asignando al docente a cargo de la corrección. Se debe incluir en el mensaje del PR un link a la aplicación funcionando utilizando GitHub pages.

La corrección del mismo será a través de los comentarios que permite realizar GitHub en su página. Y el resultado del proyecto estará asociado al estado final del PR, que puede ser:

  • Approved: Aprobado :D
  • Request Changes: Re-entrega, se explicará en el mensaje, qué es lo que hay que corregir.

About

Proyecto 1: HTML, CSS, y Javascript (2020)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.6%
  • Other 0.4%