Ha sido un curso rápido para introducirse en Sass!
Aquí dejo mi
(Estaré añadiendo los mediaqueries 😄)
🎉 Hasta una próxima oportunidad
Conociendo SASS
¿Qué es SASS y en qué se diferencia de otros preprocesadores?
¿Cómo funcionan los preprocesadores? Ventajas de utilizar uno
Instalación y configuración del entorno de trabajo
Anatomía de un proyecto de SASS e instalación y configuración del entorno de trabajo
Reglas y uso
Estructura de la hoja de estilos y variables
Uso de selectores, scope de las variables y shadowing
Creando la estructura del proyecto
At Rules: CSS y nesting
Quiz: Reglas y uso
Expresiones
Expresiones: Literales y Operaciones
Quiz: Expresiones
Proyecto: sección main
Creando la estructura de la sección main
Quiz: Proyecto: sección main
Herencia en SASS
¿Qué es la herencia y cómo funciona en SASS?
Creando la estructura de la sección de Cuidado de la Salud y Decoración del Hogar
Usando flexbox en la sección de Cuidado de la Salud y Decoración del Hogar
Quiz: Herencia en SASS
Mixins
¿Qué es un mixin en CSS?
Implementando mixins en el proyecto
Quiz: Mixins
Funciones
Creación de nuestras propias funciones
Proyecto
Creando la estructura de la sección '¿Por qué nosotros?'
Creando la estructura de la sección Galería de Estilos
Creando la estructura de la sección Mapa y Footer
Quiz: Proyecto
Deploy
Presentación de Github pages y deploy
Quiz: Deploy
Extras
Aprende a instalar y configurar Sass mediante Node.js
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Presentación de Github pages y deploy
19/20Recursos
Nombre del curso: Curso de Fundamentos de Sass: Crea tu Primera Landing Page
Decano: Sebastián Delmont
Director de escuela: Oscar Barajas
Profesora: Ana María Díaz Solorio
Dirección: Fernanda Jófili
Producción OPS: Lizeth Cáceres y Rocío Martínez
Creación audiovisual: Pablo Ramírez Durón
Edición de video: Daniel Cadena
Postproducción de audio: Santiago Guarín Suárez
Diseño gráfico: Carol Baquero
Coordinación general: Andrés Arizmendy, Daniel Gutiérrez, Carol Baquero, Carlos Céspedes y Sura Cedeño
Revisión: Natalia Moreno Espinoza y Rubén Cuello
Aportes 25
Preguntas 2
Ordenar por:
Listo mi proyecto. Hice una tienda en line para perros. Aquí les dejo la Tienda en linea y el repositorio.
Nos vemos en un siguiente curso. 😃
Se logro 😄
desplegado
https://esarmiem.github.io/Sass-Landing-Page/
repo
https://github.com/esarmiem/Sass-Landing-Page
Este curso me pareció OK, ya que en sí dice que son Fundamentos, la verdad aprendí bastante, no sabía nada sobre preprocesadores de CSS, el tema de los mixins me fascino.
Me gustaría que en el futuro nos traigan cursos más avanzados de Sass, aunque sea una mini ruta de Sass o preprocesadores de CSS.
Aprendí mucho, pero me quede con ganas de más.
👉 Por acá les comparto mi [repositorio](https://github.com/majoh99/eco-store/) y mi [proyecto en Github Pages](https://majoh99.github.io/eco-store/)
mi pagina desplegada https://giolujan.github.io/Eco-Store_Platzi/
Hola les comparto mi proyecto final espero le echen un vistazo, recibo consejos, actualmente trabajando en las media querys. 😁🤟Ataque a los titanes-fanpage 🥷🥷
1 - Repositorio: <https://github.com/OspinaFelipeDev/pagina-snk-sass>
2 - Pagina desplegada: <https://ospinafelipedev.github.io/pagina-snk-sass/>
Hola a todos!
Les comparto mi resultado, con las media queries a todos los tamaños y conectado a una API para Google Maps:
Hay que buscar información sobre las media queries, pero una vez que se entiende es muy práctico para trabajar. Éxitos! 👍
aqui esta mi proyecto
Listo mi proyecto.
**Repositorio:** [**https://github.com/Rivant09/fundamentosSass**](https://github.com/Rivant09/fundamentosSass)
mi deloy ( en netlify porque no sirvio gpages jeje) [EcoStore (ecostoresassjgl.netlify.app)](https://ecostoresassjgl.netlify.app/) y el repo [juliangavirialugo/eco-store-curso-sass (github.com)](https://github.com/juliangavirialugo/eco-store-curso-sass)
Me encantó el curso, dejo mi proyecto y el deploy:
<https://github.com/pantaberui/eco-store-platzi.git>
<https://pantaberui.github.io/eco-store-platzi/>
![]()Comparto mi proyecto saludos <https://luisalbertovegamendoza.github.io/PAGINAWEBSASS/>
Estructurar secciones*
Alguien sabe en que curso yo podría hacer que un botón me direccione a un correo electronico o que un botón me direccione a un formulario y de ahí a un correo institucional?
Mi repo:
Mi deploy: https://johnja1989.github.io/LandingPageEcoStore/
Mi repo:
Mi deploy: https://gnievap.github.io/eco-store/
Tengo que reconocer algo de la profe, no se si ella hizo el diseño de la página eco store, o se lo hizo alguién más de platzi, pero QUE BONITA LES QUEDÓ, los colores que usaron, el color cremita de fondo, el color cafecito en las letras y los SVG, el colorcito verde como militar, el naranja me encantó.
Aca dejo mi readme 😊
https://github.com/Naibaf93/Eco-store#readme
Aquí les comparto el proyecto ya en github pages
Gracias Ana María por explicar cada detalle! Dejo por acá el resultado de mi ejercicio:
https://lilifernandez91.github.io/landing-page-sass/
Comparto mi deploy con lo aprendido en el curso SASS.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?