Giter Club home page Giter Club logo

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

MODULE 1. FINAL PROJECT

This project has been created to implement all the concepts that we have been learning in the first module of the course.

Content

The content was made following all the requirements given by the teachers and it was built using the Adalab web starter kit

To implement this package into my project, the first thing I did was to download the starter kit, set it up and start editing the files in the src directory. To install the dependencies I had to use the comands npm install and npm start in the terminal zsh. After that I started to build the project's parts which were divided in partials, and were conected to its respective HTML parts using the <include> tag generated by the starter kit. The project has tree main parts which are Header where flexbox layout was used, Main which contains 2 sections where the second one was mocked-up with grid, and a Footer which was also laid out using flexbox. For the styles given to the project, SASS was used to condense the code and together with BEM for a correct use of classes given to the HTML tags. All of it was compiled into CSS.

Demo

About me

Hi , I'm Daniela Cueto

A passionate Jr Frontend Developer👩🏽‍💻 from Spain/Bolivia. Currently living in Lisbon

  • 🌱 I’m currently learning HTML, CSS, GIT, GULP, SASS

  • 📫 How to reach me [email protected]

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

Contributors

danielacueto avatar

Watchers

 avatar

Forkers

danielacueto

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

Mejoras

Muy buen trabajo @DanielaCueto-1!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

  • HTML > HERO: El texto del título del hero debe ser: Anonymous proxy.
  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Insomnia tips" que sea un H2 - H6.
  • HTML > FOOTER: Necesitamos una o dos etiquetas nav dentro del footer.
  • HTML > FOOTER: Necesitamos dos ul dentro de nav.
  • CSS > HERO: El hero debe tener una imagen de fondo centrada horizontal y verticalmente.
  • CSS > HERO: El titulo "Anonymous proxy" no es correcto, no tiene el tamaño correcto.

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.