Giter Club home page Giter Club logo

modulo-1-evaluacion-final-crisbib's Introduction

Adalab

Anonymous Proxy Project

Anonymous Proxy Project es más un ejercicio de evaluación de una Adalaber naciente, que un proyecto. Pero dado que es mi primera web hecha de manera individual y autónoma, lo considero todo un hito en mi objetivo a medio plazo de convertirme en desarrolladora Front-End

En él he aplicado la totalidad de los conocimientos adquiridos en las últimas semanas sobre html y CSS, tal y como se nos podía en el enunciado proporcionado por los profesores, con: Sass, flexbox, CSS Grid, media queries, e interacciones usando transiciones y animaciones

Tras dos días de trabajo intenso, pausado y también disfrutado, este es el resultado ¡Me siento muy orgullosa! Por haber alcanzado la meta con éxito, pero también por la gestión que hecho del tiempo, la distribución de los esfuerzos y todo el aprendizaje que he sumado durante el desarrollo de la tarea a mi mochila de programmer.

Descripción Técnica

Lo pasos que he seguido han sido los sugeridos por los AdaTeachers. Empezando por el acceso a GitHub Classroom para clonarme el repo, la descarga del starter kit y la publicación de las GutHub Pages. Y continuando por una buena lectura del enunciado y un dibujo de la estructura con papel y lápiz.

En general, el desarrollo ha transcurrido sin grandes dificultades técnicas. Las principales dificultades las encontré en la parte superior de la página, donde se encuentra el header y el hero, tanto a nivel estructural como de estilo. Estaba menos familiarizada con estos elementos y sus etiquetas.

He aprovechado el tiempo extra para implementar @minxins e @includes, y algunas transiciones más elaboradas. El resultado final lo puedes ver aquí.

Desarrolladora

Si te gusta mi trabajo y quieres saber más sobre mi, no dudes en **ponerte en contacto conmigo. Aquí te dejo mi perfil a LinkedIN: Cristina Blanco

Mis repositorios Git

Haz click aqui si quieres ver mi perfil de GitHub

Agradecimientos

Este es un BONUS de una de mis compañeras en Adalab, que considero muy acertado. Qué mejor que un agradecimiento para cerrar un proceso de reflexión, tras concluir un proyecto con éxito; cual poema, novela o canción.

Gracias a Iván, Dayana y Miguel por acompañarnos en este proceso de la manera en la que lo hacéis. Vuestro habilidad profesionales como programadores y como docentes, pero también personales -la paciencia, la empatía, el empeño en que ninguna se quede atrás, etc.- está haciendo el camino rico, divertido y dulce.

NOTA: Si al ver mi trabajo tienes alguna sugerencia o mejora ¡son siempre bienvenidas!

modulo-1-evaluacion-final-crisbib's People

Contributors

crisbib avatar

Watchers

James Cloos avatar

Forkers

crisbib

modulo-1-evaluacion-final-crisbib's Issues

Mejoras

Muy buen trabajo @CrisBIB!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

Puntuación: 311 / 399

  • HTML > ATRIBUTOS: Todos los a deben tener el atributo title.
  • HTML > ATRIBUTOS: Todos los img deben tener el atributo title.
  • HTML > HAMBURGUESA: El menú de la hamburguesa debe tener un nav.
  • HTML > HERO: El texto del título del hero debe ser: Anonymous proxy.
  • HTML > HERO: El texto del subtítulo del hero debe ser: In hac habitasse platea dictumst.
  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Insomnia tips".
  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Insomnia tips" que sea un H2 - H6.
  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Looking through a window".
  • HTML > MÓDULO LOOKING: Debe haber un párrafo con el texto "Donec accumsan...".
  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Lorem ipsum dolor sit amet, consecteur.".
  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Aliquam in dolor et dolor tincidunt.".
  • HTML > FOOTER: Necesitamos ocho li dentro de los ul.
  • HTML > FOOTER: Necesitamos ocho a dentro de los li.
  • CSS > HAMBURGUESA: El menú de la hamburguesa debe tener fondo azul 0271bc.
  • CSS > HERO: El tamaño en tablet de "Anonymous proxy" no es correcto.
  • CSS > FOOTER: Alguno de los elementos del footer en tablet deben estar maquetado con flexbox > order.

Es posible que cuando corrijas uno de estos puntos, otros se corrijan solos, ya que unos dependen de otros.

Y recuerda algo muy importante:

  • Escribe tu código en inglés.
  • Escribe todos los ficheros y carpetas en inglés.
  • Los commits también tienen que ser en inglés, empezando por un verbo en infinitivo.

Ánimo y si tienes cualquier duda avísame!!!

Con cada mejora que hagas, márcala como completada en este issue y su súbela a este repo.

Este issue ha sido creado automáticamente por ello puede tener algún error, si hay algo que no te encaja escribe por slack al coordinador de Adalab.

Para corregir el ejercicio buscamos determinadas palabras en el código para identificar las secciones. Por ejemplo buscamos Creando para buscar el título de la página. Si has escrito mal alguna palabra en el código es posible que te aparezcan aquí falsos errores.

Por favor no cierres este issue, ya lo haremos nosotros.

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.