Git Product home page Git Product logo

actp_2_maquetacion's Introduction

Maquetación - Front End B-learning

Maquetando una entrada de blog

Instrucciones:

Recrea el siguiente mockup de una entrada de blog utilizando todos los conceptos, herramientas y metodologías aprendidas en los cursos previos.

Mockup blog barbería Mockup blog barbería

Requsitos generales:

  • Primero revisa la guía de estilo.
    • En ella encontrarás los colores, fuentes, iconos e imágenes usados en el mockup.
    • Los archivos se encuentran en el siguiente link.
  • Luego, define qué dependencias utilizarás para crear la página web.
  • La página deberá contener:
    • Una barra de navegación
    • Un header
    • Una entrada
    • El perfil del autor del artículo
    • Una barra con flechas que permitan ir a las entradas anteriores y siguientes
    • Un footer

Recuerda que la página web deberá ser responsiva. Toma como referencia el siguiente mockup con la versión móvil.

Criterios de evaluación:

  • Uso de dependencias específicas para la página web
  • Utilización de BEM en clases CSS
  • Buenas prácticas y uso de identado correcto
  • Uso de media queries
  • Uso de GIT para versionar el desafío
  • Uso de Github Pages
  • Creación del repositorio con el desafío
  • Creación de README.md con link de página web subida a Github Pages
  • Entrega del desafío a través de la plataforma desafío

Luego debes enviar los cambios (vía push) y subir el link del repositorio a la sección correspondiente en la plataforma empieza.

Mucha suerte!

actp_2_maquetacion's People

Contributors

gsalinase avatar

Watchers

James Cloos 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.