https://github.com/waldohidalgo/portfolio_responsive_web_design_certification

Repositorio con los 15 proyectos guiados más los 5 proyectos originales creados 100% por mí. Además, el repositorio contiene el código del proyecto final: Portfolio Recopilatorio
https://github.com/waldohidalgo/portfolio_responsive_web_design_certification

bootstrap5 freecodecamp freecodecamp-frontend freecodecamp-project front-end-development frontend jquery responsive-web-design scrollreveal-js

Last synced: about 1 month ago
JSON representation

Repositorio con los 15 proyectos guiados más los 5 proyectos originales creados 100% por mí. Además, el repositorio contiene el código del proyecto final: Portfolio Recopilatorio

• Host: GitHub
• URL: https://github.com/waldohidalgo/portfolio_responsive_web_design_certification
• Owner: waldohidalgo
• Created: 2024-02-24T23:43:38.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-26T17:17:03.000Z (about 1 year ago)
• Last Synced: 2024-02-26T18:38:06.341Z (about 1 year ago)
• Topics: bootstrap5, freecodecamp, freecodecamp-frontend, freecodecamp-project, front-end-development, frontend, jquery, responsive-web-design, scrollreveal-js
• Language: HTML
• Homepage: https://waldohidalgo.github.io/portfolio_responsive_web_design_certification/
• Size: 467 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Este repositorio contiene el código de **TODOS** los proyectos realizados para obtener la certificación Resposive Web Design dada por Freecodecamp. En total son 20 proyectos siendo 15 proyectos guiados y **5 proyectos originales**. Sumando cada paso o ejercicio al realizar los proyectos guiados se obtiene un total de **1035 ejercicios** tomándome alrededor de **50 días** en terminarlos por completo incluidos los proyectos finales. La certificación se puede ver directo en freecodecamp en el siguiente [link](https://www.freecodecamp.org/certification/waldo-hidalgo/responsive-web-design)

Se me ha generado el siguiente certificado:

![Certificado Responsive Web Design](./assets/img/Responsive_Web_Design_Certification.webp)

Las tecnologías que he utilizando fueron las siguientes:

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white)

Junto con las siguientes librerías:

1-Fancybox para el lightbox del certificado

2-ScrollReveal para las animaciones de entrada de los contenedores de iframes

En el proyecto final he querido colocar todos los proyectos realizados para obtener la certificación y un screenshot del proyecto es el siguiente:

![Screenshot Proyecto Portfolio Proyectos Responsive Web Design](./assets/img/screenshots/screenshot.webp)

Un listado del nombre de cada proyecto lo muestro a continuación:

#### Módulo 1

1-Learn HTML by Building a **Cat Photo App**

2-Learn Basic CSS by Building a **Cafe Menu**

3-Learn CSS Colors by Building a Set of **Colored Markers**

4-Learn HTML Forms by Building a **Registration Form**

5-Survey Form: Proyecto 100% Original **Canal de Denuncias**

#### Módulo 2

1-Learn the CSS Box Model by Building a **Rothko Painting**

2-Learn CSS Flexbox by Building a **Photo Gallery**

3-Learn Typography by Building a **Nutrition Label**

4-Learn Accessibility by Building a **Quiz**

5-Tribute Page: Proyecto 100% Original**Hitos Profesionales**

#### Módulo 3

1-Learn More About CSS Pseudo Selectors by Building A **Balance Sheet**

2-Learn Intermediate CSS by Building a **Cat Painting**

3-Learn Responsive Web Design by Building a **Piano**

4-Technical Documentation Page: Proyecto 100% Original **Python Tutorial**

#### Módulo 4

1-Learn CSS Variables by Building a **City Skyline**

2-Learn CSS Grid by Building a **Magazine**

3-Product Landing Page: Proyecto 100% Original **Easy Cumpleaños**

#### Módulo 5

1-Learn CSS Animation by Building a **Ferris Wheel**

2-Learn CSS Transforms by Building a **Penguin**

3-Personal Portfolio Webpage: Proyecto 100% Original **Recopilatorio Proyectos Certificación Responsive Web Desing de Freecodecamp**