Proyectos Wilson Perez

Desarrollador Web Fullstack en Formación

Mis Proyectos de Práctica

Cada proyecto representa mi progreso aprendiendo desarrollo web. Desde páginas simples hasta este portfolio completo.

Mi Primer Sitio Web

Mi primer proyecto usando HTML. Una página simple pero bien estructurada donde apliqué los conceptos básicos de HTML aprendidos.

Lo que aprendí:

  • Estructura general de un archivo HTML
  • Estructura semántica de HTML
  • Box Model y layout básico
  • Principales etiquetas de HTML
  • Concepto de atributos y valores en HTML
HTML5
imagen curriculum

Aplicado por primera vez CSS

Proyecto donde se aplicaron estilos CSS para darle un aspecto más profesional a nuestro proyecto web. Se utilizaron todos los conceptos de diseño con CSS aprendidos.

Lo que aprendí:

  • Utilizar archivos CSS externos al HTML
  • Utilizacion de propiedades, clases y valores
  • Utilizacion de pseudoclases y pseudoelementos
  • Identificar la aplicacion de precedencia en el uso de CSS
  • Agregar fuentes de tipos de letras externas al navegador
HTML5 CSS
imagen curriculum

Utilizando Flexbox

Aprendi a precindir de las tablas de HTML par poder posicionar contenido dentro de HTML. Se utilizo Flexbox para posicionar el contenido de acuerdo al diseño resivido.

Lo que aprendí:

  • Tener mas seguridad en la aplicación de reglas CSS
  • Las distintas forma de aplicar Flexbox en diseño web
  • Utilizacion de Filas y Columnas en Flexbox
  • Distribuir los elementos dentro de un contenedor
  • Adaptar los contenedores a diferentes tamaños de pantalla
HTML5 CSS Flexbox
imagen curriculum

Utilizando Bootstrap

Utilizar un framework de CSS para la aplicación de estilos CSS directamente en el codigo de HTML. Bootstrap hace bastante sencillo la aplicacion de CSS, aunque tiene algunas limitaciones, por lo que hay que complementarlo con codigo CSS.

Lo que aprendí:

  • Conocer el kit de herramientas de Bootstrap
  • Tener la capacidad de instalar Bootstrap en el head de HTML
  • Enlazar Bootstrap dentro del codigo HTML
  • Complementar los estilos de Bootsrap con codigo CSS
HTML5 CSS Bootstrap
imagen curriculum