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

Módulo 1 Evaluación Final

Autora: Blanca Ubis Martínez

Basado en el Adalab Starter Kit.

En este proyecto hay 3 tipos de ficheros y carpetas:

Los ficheros que están sueltos en la raíz del repositorio, como gulpfile.js, package.json... Son la configuración del proyecto y no necesitamos modificarlos.
La carpeta src/: son los ficheros de nuestra página web, como HTML, CSS, JS...
La carpeta docs/, que son generadas automáticamente cuando arrancamos el proyecto. El Kit lee los ficheros que hay dentro de src/, los procesa y los genera dentro de docs/.

Guía de inicio rápido

NOTA: Necesitas tener instalado Node JS para trabajar con este proyecto:

Pasos a seguir si queremos arrancar un proyecto basado en este desde cero:

Crea tu propio repositorio.
Descarga este proyecto desde GitHub.
- No recomendamos que clones este repo ya que no podrás añadir commits.
Copia todos los ficheros de este proyecto en la carpeta raíz de tu repositorio.
- Recuerda que debes copiar también los ficheros ocultos.
- Si has decidido clonar este repo, no debes copiar la carpeta .git. Si lo haces estarás machacando tu propio repositorio.
Abre una terminal en la carpeta raíz de tu repositorio.
Instala las dependencias locales ejecutando en la terminal el comando:

npm install

Pasos para arrancar el proyecto:

Una vez hemos instalado las dependencias, vamos a arrancar el proyecto. El proyecto hay que arrancarlo cada vez que te pongas a programar. Para ello ejecuta el comando:

npm start

Este comando:

Abre una ventana de Chrome y muestra tu página web, al igual que hace el plugin de VS Code Live Server (Go live).
También observa todos los ficheros que hay dentro de la carpeta src/, para que cada vez que modifiques un fichero refresca tu página en Chrome.
También procesa los ficheros HTML, SASS / CSS y JS y los genera y guarda en la carpeta public/. Por ejemplo:
- Convierte los ficheros SASS en CSS.
- Combina los diferentes ficheros de HTML y los agrupa en uno o varios ficheros HTML.

Después de ejecutar npm start ya puedes empezar a editar todos los ficheros que están dentro de la carpeta src/ y programar cómodamente.

Pasos para generar la carpeta docs:

Ejecutar el siguiente comando:

npm run docs

Ello nos generará una carpeta docs/ que subiremos al repositorio.
Posteriormente, con GitHub pages le indicaremos que la utilice para generar la web de nuestro proyecto.
Habrá que ejecutar este comando al final del proyecto cuando ya esté terminado y queramos publicarlo.
Si hacemos algún cambio habrá que ejecutarlo de nuevo y subir la carpeta docs/ nuevamente al repositorio.

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

Contributors

Stargazers

Watchers

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

Mejoras

Muy buen trabajo @blancaum!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

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.
HTML > FOOTER: Necesitamos ocho li dentro de los ul.
HTML > FOOTER: Necesitamos ocho a dentro de los li.

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.