GithubHelp home page GithubHelp logo

tpo-codo-a-codo's Introduction

TPO-codo-a-codo

Proyecto final del fullstack python de codo a codo.

Premisas

¿Qué hay que entregar? El TPO deberá cumplir con los siguientes requisitos:

 ● Poseer al menos 3 páginas html, siendo su temática libre. En caso de ser un Sitio Web estilo
     One Page, el mismo deberá tener al menos 3 secciones.

 ● Utilizar etiquetas semánticas para estructurar el sitio.

 ● Contener un formulario de contacto con validación realizada mediante Javascript.
 
 ● Utilizar al menos un Iframe, íconos de FontAwesome, y fuentes locales o bien de Google
    Fonts.
    
 ● Tener al menos una página totalmente responsive con 3 puntos de corte para 3 tamaños de
    dispositivos distintos.
    
 ● Utilizar al menos una animación, transformación o una transición (se deberá indicar dónde
    fue incorporada la animación).

 ● Poseer una estructura HTML maquetada con Flexbox y/o Grid.
 
 ● En caso de querer utilizar Bootstrap (no es obligatorio), sólo podrá hacerlo en la página del
    formulario del sitio web.
    
 ● La página deberá subirse a un servidor on-line para poder ser navegada por el Docente.
    Ejemplo: GitHub Pages, Netlify, 000webhost o similares.
    
 ● Además de los aspectos técnicos ya mencionados, el proyecto deberá contemplar aspectos
    de diseño los cuales serán evaluados por el Docente. Para eso se recomienda que vean el
    material disponible en el Aula Virtual. Seminario de Diseño Web:
    https://youtu.be/fVkGt2tYIj0. Para más información, ver material incluído en el Aula Virtual
    Metodologías y herramientas I/Diseño.

La idea se saco del sitio oficial del video juego Squad, un shooter tactico muy famoso en steam el cual he estado jugando por un tiempo, y haciendo que asemeje al sitio de la comunidad en latino america, ofreciendo guias videos y unirse al "equipo" este no esiste

se uitlizó el maquetado Grid y Flexbox. algunas animaciones de css puro y otras donde utilizaba tanto JS como Css. por ejemplo el menu desplegable y el navbar con animacion.

Sitio

https://latamsquad.netlify.app/

Para completar se utlizaron los Lenguajes

css3 html5 javascript

Capturas del sitio

Sitio Escritorio

main 2nd 3rd footer

Sitio Smartphones

1-removebg-preview2-removebg-preview3-removebg-preview

tpo-codo-a-codo's People

Contributors

costellocesare avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.