Giter Club home page Giter Club logo

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

Mi Evaluación final del Módulo 1

Este es mi proyecto realizado para la evaluación final del primer módulo del bootcamp de programación Front End en Adalab.

Materiales utilizados

Para realizar el trabajo he utilizado el Adalab Web Starter kit, un kit que "incluye un motor de plantillas HTML, el preprocesador SASS y un servidor local y muchas cosas más".

También he utilizado los materiales didácticos proporcionados por Adalab así como una carpeta personal con enlaces de interés.

Conocimientos demonstrados

A lo largo del primer módulo hemos adquirido una serie de conocimientos que he tratado de demostrar en este proyecto.

En primer lugar, la correcta maquetación de una página web utilizando html y css. En este proyecto, los primeros pasos han consistido en observar el modelo en Zeplin proporcionado por Adalab en el pdf del enunciado y crear el contenido html con una semántica correcta. A continuación he tratado de aplicar estilos a este contenido en css y aplicar algunas técnicas requeridas en el enunciado como maquetación grid y flexbos.

Algunas cosas más que hemos aprendido y que he tratado de aplicar en el proyecto han sido, por orden:

  • utilización de variables SCSS
  • anidamiento de estilos con SCSS
  • transiciones y animaciones con CSS
  • parciales de SCSS y html
  • trabajo en ramas con github
  • mixins

Conclusiones personales

He intentado aplicar algunos conocimientos de una manera que me permitiera ahorrar de tiempo, a pesar de las recomendaciones de los profesores de primero maquetar de manera sencilla y luego realizar las modificaciones más avanzadas. Este ha sido el caso con las variables de SCSS para colores y tipos de fuente y el anidamiento del código SCSS.

He aplicado a posteriori los parciales y mixins, llegando a la conclusión de que si los hubiera utilizado desde un principio, hubiera ahorrado mucho tiempo que he utilizado luego en revisar mi código, eliminar líneas redundantes con los mixins, etc. Sin embargo, supongo que esto es cuestión de adquirir unos hábitos y una percepción de similitudes entre bloques de código que aún no tengo suficientemente entrenada. En general, concluiría que este proyecto me ha supuesto una práctica de enorme utilidad para el asentamiento de los conocimientos aprendidos durante este módulo.

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

Contributors

ctalloc avatar

Watchers

James Cloos avatar

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

Mejoras

Muy buen trabajo @ctalloc!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

  • HTML > LINK: El fichero de fuentes debe estar antes que nuestro fichero de estilos para que ningún fichero de estilos externo sobre escriba los nuestros.

  • HTML > ATRIBUTOS: Todos los a deben tener el atributo title.

  • HTML > HERO: El texto del título del hero debe ser: Anonymous proxy.

  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Looking through a window".

  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Aliquam in dolor et dolor tincidunt.".

  • CSS > FOOTER: Alguno de los elementos del footer en tablet deben estar maquetado con flexbox > order.

  • CSS > TRANSICIONES: Los elementos con transiciones deben tener estilos en modo :hover.

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.