CursosEmpresasBlogLiveConfPrecios

Reglas del diseño simple

Clase 2 de 24 • Curso de Clean Code y Buenas Prácticas con JavaScript

Clase anteriorSiguiente clase

Contenido del curso

Introducción al Clean Code
  • 1
    Deuda técnica y refactorización de código

    Deuda técnica y refactorización de código

    07:03
  • 2
    Reglas del diseño simple

    Reglas del diseño simple

    02:49
  • 3
    Qué es Clean Code

    Qué es Clean Code

    02:18
Nombre y uso de las variables
  • 4
    Uso correcto de var, let y const

    Uso correcto de var, let y const

    12:13
  • 5
    Reglas para la nomenclatura

    Reglas para la nomenclatura

    05:33
  • 6
    Cómo nombrar según el tipo de dato

    Cómo nombrar según el tipo de dato

    11:50
  • 7

    Nombres de Variables y Funciones Correctos en JavaScript

    00:28
Ámbito de las variables
  • 8
    Ámbito global

    Ámbito global

    02:40
  • 9
    Ámbito local o de función

    Ámbito local o de función

    03:40
  • 10
    Ámbito de bloque

    Ámbito de bloque

    05:39
  • 11
    Ámbito estático

    Ámbito estático

    04:17
  • 12
    Hoisting

    Hoisting

    07:42
Funciones
  • 13
    Declaración y expresión de funciones

    Declaración y expresión de funciones

    03:52
  • 14
    Parámetros y argumentos

    Parámetros y argumentos

    16:04
  • 15
    Funciones de flecha y el this

    Funciones de flecha y el this

    10:01
Clases
  • 16
    POO con ES6 (constructores, métodos y herencia)

    POO con ES6 (constructores, métodos y herencia)

    07:40
  • 17
    Herencia en JavaScript

    Herencia en JavaScript

    09:45
  • 18
    Tamaño reducido (responsabilidad única)

    Tamaño reducido (responsabilidad única)

    06:36
  • 19
    Organización

    Organización

    03:23
Optimizaciones
  • 20
    Cuándo usar comentarios

    Cuándo usar comentarios

    04:09
  • 21
    Formato coherente (codear en equipos)

    Formato coherente (codear en equipos)

    03:37
  • 22
    Principio DRY

    Principio DRY

    06:02
  • 23

    Tipos de Algoritmos y Complejidad Big O en JavaScript

    03:09
Cierre
  • 24
    Sigue aprendiendo JavaScript

    Sigue aprendiendo JavaScript

    00:55
    Carina Payleman

    Carina Payleman

    student•
    hace 3 años

    4 reglas del diseño simple

    1. El código pasa correctamente los test.
    2. Revela la intención del diseño. El código debe autoexplicarse.
    3. Respeta el principio DRY: "don't repeat yourself", no repitas código.
    4. Tiene el menor número posible de elementos. 1 función = 1 acción.
      BinaryTreeCode

      BinaryTreeCode

      student•
      hace 2 años

      Gracias men encanta con lo explicaste, de forma resumida y concreta. Es que a veces en los aportes se exeden mucho sobre explicando temas simples.

    LEONARD CUENCA

    LEONARD CUENCA

    student•
    hace 3 años

    Clase 2: 4 reglas del diseño simple

    • El código pasa correctamente los test. -> Buenos test ayuda al código a garantizar la seguridad en funcionamiento
    • Revela la intención del diseño. El código debe autoexplicarse. -> Tu código tiene que hablar por sí mismo, revelando cuál es la intensión de ese método, esa variable, esa función. Etc.
    • Respeta el principio DRY: “don’t repeat yourself”, no repitas código. -> No te repitas a ti mismo, no repitas fragmentos de códigos
    • Tiene el menor número posible de elementos. 1 función = 1 acción. -> Mas simple sea tu código es mejor
    Irving Juárez

    Irving Juárez

    student•
    hace 2 años

    Mantener la regla de DRY (Don't Repeat Yourself), NO siempre es sencillo. En muchos blogs he visto, esto casi siempre se refiere a modularización del código (dividir nuestro código en funciones más especificas). Y aunque esto es correcto, es solo la primera parte de esta regla. . Existen muchas otras variantes para aplicar esta regla que no son siempre "obvias" al momento de escribir código. Por ejemplo, considera las siguientes funciones: .

    function sortNumArr(arr, asc = 1) { return arr.sort((a, b) => { let result = 0; if (a > b) result = asc ? -1 : 1 if (b > a) result = asc ? 1 : -1 return result; }); } function sortPeopleArr(peopleArr, asc = 1) { // Arr of person obj // { name: string, age: number } return peopleArr.sort((a, b) => { let result = 0; if (a.age > b.age) result = asc ? -1 : 1 if (b.age > a.age) result = asc ? 1 : -1 return result; }); }

    . Hace exactamente lo mismo, estan ordenando un array de datos, ya sea de primitivos o de objetos. En este caso, no se esta respetando la regla de DRY. .

    ¿Cómo lo solucionamos? Con una abstracción

    Vamos a crear una función que haga el algoritmo de ordenamiento, mientras que en uno de los argumentos le vamos a pasar el detalle, dependiendo del tipo de dato, al final queda algo como esto: .

    function sortGeneralArr(comparator, asc = 1) { return function (arr) { return arr.sort((a, b) => { let result = 0; if (comparator(a, b)) result = asc ? -1 : 1; if (comparator(b, a)) result = asc ? 1 : -1; return result; }); }; } const sortNumArr = sortGeneralArr((a, b) => a > b); const numSortedArr = sortNumArr(numArr); const sortPeopleArr = sortGeneralArr((a, b) => a.age > b.age); const peopleArrSorted = sortPeopleArr(peopleArr);
    Axel Enrique Galeed Gutierrez

    Axel Enrique Galeed Gutierrez

    student•
    hace 2 años

    En algún lado he escuchado lo siguiente: "Escribimos código para personas, no para máquinas." Esto haciendo referencia a que podemos escribir el código con las peores prácticas de todas forma la máquina lo va a entender, no así en el caso de una persona.

    José manuel Sanchez Juarez

    José manuel Sanchez Juarez

    student•
    hace 2 años

    Para mí es esta la regla más importante

    Respeta el principio DRY: "don't repeat yourself" junto con la ortogonalidad

    Eugenio Condori

    Eugenio Condori

    student•
    hace 2 años

    Siempre es mejor prevenir un mal codigo que pasar demasiado tiempo intentando entederlo y refactorizando

    Las 4 reglas del diseño simple

    1. El código debe pasar correctamente todos los test.
    2. El código debe hablar por si mismo
    3. Dont Repeat Yourself
    4. Tener el menor número posible de elementos.
    Brandon Lee Aguero Fernandez

    Brandon Lee Aguero Fernandez

    student•
    hace 2 años

    Para mi sería revela la intención del diseño, de esta manera cualquier desarrollador que lea el código pueda entender de la mejor manera lo que hace ese fragmento de código

    Camilo Taborda

    Camilo Taborda

    student•
    hace 2 años

    hay profes demasiado geniales !!

    Alvaro Gonzalo Laruta Quiroz

    Alvaro Gonzalo Laruta Quiroz

    student•
    hace 3 años

    yo pienso que es el de test

    Alex Condori Condori

    Alex Condori Condori

    student•
    hace 3 años

    Puede ser muy teórico lo que menciona, pero a la hora de hacer un proyecto es sumamente importante tener en cuenta estos puntos. Así que esto va para: #developers #softwareengineers

    Juan Pablo Ojeda Castañeda

    Juan Pablo Ojeda Castañeda

    student•
    hace 3 años

    Feedback Pareces una robot we, por fa mejora tus habilidades de oratoria, se nota desde la esquina que estás leyendo, esto por ende se le quita calidad y credibilidad al curso, te tienes que apropiar de tus palabras y de los conocimientos que tienes afianzados.

    Alejandro Gomez Maldonado

    Alejandro Gomez Maldonado

    student•
    hace 3 años

    puede por favor darnos algunos ejemplos de test o de cuales se pueden aplicar

      Reinaldo Mendoza

      Reinaldo Mendoza

      student•
      hace 3 años

      Como minimo los tests unitarios, son esos donde se prueban funciones, la parte mas pequena de un proyecto, asi cuando hagas un cambio el test te va a decir si rompiste algo, luego idealmente serian pruebas de integracion y end to end

    Maria Alejandra Luna Tito

    Maria Alejandra Luna Tito

    student•
    hace 4 meses

    quizas para mi la mas importante es la de que el Codigo debe hablar por si mismo.

    Eric Daniel Cavanzo

    Eric Daniel Cavanzo

    student•
    hace 10 meses

    Honestamente creo que las mas importantes o de mayor peso si serian tanto que pasen los test's(Debido a que si no lo pasan en si, si se genera el mismo caso pero en la realidad podria romperse o generar fallos que ya sabíamos) y el DRY ya que con este simplificamos mas el codigo y reducimos su cantidad, incluso llegando a entenderse mas fácil y siendo más rápido

    Daniel Ochoa

    Daniel Ochoa

    student•
    hace 2 años

    La regla más importante es seguir el principio DRY, hay códigos que repiten las mismas funciones, además casi siempre lo hacen por estar violando el último principio, de que una misma función haga muchas cosas, empiezan a copiar y pegar y modificar un solo parametro, lo que se debe hacer es el principio clásico "Divide y vencerás" asi mantenemos correctamente el DRY.

    Juan Martin Villanueva

    Juan Martin Villanueva

    student•
    hace 2 años

    Buenas, para mi, el principio mas importa es pasar correctamente todos los test

    Joan Alexander Valerio Rodríguez

    Joan Alexander Valerio Rodríguez

    student•
    hace 2 años

    Para mi sin dudas, la regla mas importante, sin quitarle el mérito a las demás es “Respeta el principio DRY (don’t repeat yourself)”. Al reutilizar código dentro de nuestro proyecto desde un método, estamos haciendo que este sea mas estable y mantenible.

    Ricardo Andrey Cifuentes Martínez

    Ricardo Andrey Cifuentes Martínez

    student•
    hace 3 años

    Pienso que cada regla del diseño simple aporta demasiado como para definir una más importante que otra porque están muy ligadas entre sí. Revelar la intención del diseño se logra de una manera eficaz a menor cantidad de elementos contenga y procesos simples existan, para ello se debe respetar el principio DRY. A su vez, un código que no pueda ser probado eficientemente puede conducir a una equivoca interpretación de la intención.

    Reinaldo Mendoza

    Reinaldo Mendoza

    student•
    hace 3 años

    Uy, esta difícil decidir la mas importante, diría que la separación de responsabilidad

    Martín Gutiérrez Hernández

    Martín Gutiérrez Hernández

    student•
    hace 3 años

    Revela la intención del diseño.

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads