Esta es una pagina web creada después de dar una continuidad del curso de Preprocesadores CSS de Platzi el cual puede ser visto a traves del Siguiente Link. En la cual se ven los conceptos generales de pre-procesadores HTML y CSS y se ve una introducción a los mas importantes como a Pug, Sass, Less y Stylus.
Nota: Aunque en producción no deben pasar los archivos de los pre-procesadores, en este repositorio se subieron como evidencia del proceso de aprendizaje de ellos.
Dentro del curso se implementan varias características de pre-procesadores tanto en HTML como en CSS como:
- Uso de Pug para crear templates HTML de forma modularizada y con reutilización de código.
- Uso de Sass, Less y Stylus para crear estilos CSS de forma modularizada y con reutilización de código.
- Uso de Variables para gestión de información como colores, fuentes, tamaños, logos.
- Uso de funciones propias de pre-procesadores o creadas para uso de operaciones.
- Uso de Mixins para crear plantillas que se repetirán dentro de la página y que se pueden reutilizar.
- Uso de condicionales y loops dentro de CSS y HTML para realizar ciertas acciones bajo ciertos criterios.
- Modularización de archivos para separación de responsabilidades en creación de la aplicación.
- Compilación de archivos por medio de Prepos.
A continuación se muestra el resultado de la página PlatziGames, si quiere ver la pagina por usted mismo puede entrar al siguiente link.
Inicio de la página
Inicio de la página Responsive
Sección de perfil en la página
Sección de artículos en la página
Sección de búsqueda en la página