Introducción
Qué aprenderás sobre los sistemas de diseño para desarrolladores
Conoce Sistemas de Diseño populares
Instalación y flujos de trabajo
Bonus: Personalizando la Terminal
Instalación y flujos de trabajo
Instalación de Node / Express desde 0
Bonus: html, css, js
Automatización
Automatización (Pre procesadores)
Continuando con la automatización
Paradigmas
SMACSS: Arquitectura de CSS escalable y modular
OCSS: Orientación de objetos en CSS
BEM
Bonus: Bootstrap
Naming
Naming
Qué son los tokens
¿Qué son los tokens?
Espaciado
Espaciado
Grillas
Grillas
Bonus: Animando en CSS
Mi primer componente
Mi primer componente
Documentación
Documentación
Testing
Testing
Bonus: Debug en el navegador
Deploy y versionamiento
Cómo empezar en Github
Deploy y versionamiento
Design review
Design review
Cierre
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Si ya tienes una cuenta,
Iniciar sesión
Naming
13/25Modificadores
Son clases que modifican el comportamiento o clase de un elemento.
Utilidades
Son clases que nos ayudan a generar ciertas propiedades de uso general.
Aportes 9
Preguntas 0
Interesante, para ser un buen frontend habrá que hacer la ruta de ingles jajaja
En este enlace pueden encontrar más de 500 guías de estilo para tomar de inspiración.
Creo que una de las cosas mas difíciles y que me pasa mucho es precisamente nombrar las clases a la hora de hacer el código
Apuntes de naming:
Naming genera una regla de cómo definir nuevas clases. Debes tener muy en claro cuál será la regla que utilizarás para evitar confusiones y pérdida de tiempo.
BEM va de lo general a lo particular: .house , .house_window
Recomendación: NUNCA utilices nombres en español. Puedes meter la “ñ” y esto no es reconocido por SCSS.
¿por qué se genera un archivo .DS_Store?
Excelente, es importante tener una reunion al inicio del proyecto para que todos utilicen los naming definidos para el proyecto.
Lo bueno de utilizar pre procesadores es eso, te ahorra mucho tiempo con los mixins
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.