PORTAFOLIO

..

Paso 1: Creacion de responsive first del index.html y main.css

1a: Creacion del menu desplegable en html, css y JavaScript

• Se maqueteo el html
• Se le colocaron las clases al html
• Se le colocaron los estilos al css con sus animaciones
• Se llamaron las clases en el JavaScript y se hizo la function "toggleMainMenu(), para colocar la clase inactive"
• Se finalizo el menu desplegable

1b: Creacion del loader(animacion)

• Maquetacion en el html
• Colocar clases al html
• Colocar los estilos al css
• Probar

1c: Creacion de la main-page (pendiente)

• Maquetacion en el html, css y javascript de las secciones principales que se van a mostrar (pendiente)

  • Presentacion con boton de contact (hecho)
  • Proyectos, se tiene que hacer un javascript para encapsular el codigo html y asi poder hacerlo mas escalable, cuando se quiera colocar nuevos proyectos (hecho)
    • Agregar el nuevo proyecto de YardSale: Tienda online (hecho)
  • Presentacion de que tecnologias manejo y la experiencia (hecho)
  • blog (hecho)
  • Seccion de contacto (hecho) (pendiente hacer mapa para ver donde vivo)
    • en la section de contactos arreglar el textarea (hecho)
  • Arreglar el boton de la section de contact despues de ver las clases (pendiente)

• Colocar las clases al html (hecho)

• Colocar los estilos (hecho)

• Mostrar a un amigo (Hecho)

1d: Agregar los media queries (hecho)

• Se agregaron los media queries hasta el 1300px en adelante (hecho)
• Queda mejor el gri-temprate-colummn fill para todos los tamaños de pantalla (hecho)
• Despues de los 1300px, el hamburguerMenu desaparece y el main-menu se queda en la parte izquierda de la pagina, agregar position: fixed; y los width y height (hecho)

Paso 2: Creacion de el about_me.html con su CSS en responsive

• Creacion del html (hecho)
• Colocar las clases (hecho)
• Crear los estilos (hecho)

Paso 3: Creacion de el skills.html con su css en responsive (hecho)

• Redaccion de el p-hero donde se diga las habilidades que he aprendido como las que estoy en desarrollo.
• Crear una seccion donde se vea el progreso de las skills y dentro poder colocar los cursos que se han hecho, de cada uno html, css y javascript.
• Crear otra section donde pueda colocar los trabajos donde he estado.

Paso 4: Creacion de el proyects.html (hecho)

• Creacion del html (hecho)
• Colocar las clases (hecho)
• Crear los estilos (hecho)

Paso 5: Creacion de el contact.html (hecho)

• Creacion del html (hecho)
• Colocar las clases (hecho)
• Crear los estilos (hecho)