CursosEmpresasBlogLiveConfPrecios

Refactorizando código espagueti

Clase 9 de 24 • Curso de PHP: Integración con HTML

Clase anteriorSiguiente clase

Contenido del curso

Introducción
  • 1
    ¿Cómo se renderiza una página web en mi computadora?

    ¿Cómo se renderiza una página web en mi computadora?

    08:20
  • 2
    Levantando un servidor local

    Levantando un servidor local

    09:59
¿Cómo combinar HTML con PHP?
  • 3
    PHP como preprocesador de HTML

    PHP como preprocesador de HTML

    08:43
  • 4
    Imprime texto y etiquetas HTML

    Imprime texto y etiquetas HTML

    07:00
  • 5
    Condicionales

    Condicionales

    11:43
  • 6
    Ciclos

    Ciclos

    09:41
  • 7
    ¿Cómo pasar variables de PHP a JavaScript?

    ¿Cómo pasar variables de PHP a JavaScript?

    16:26
  • 8
    Evita el código espagueti

    Evita el código espagueti

    08:58
  • 9
    Refactorizando código espagueti

    Refactorizando código espagueti

    18:19
Manejo de formularios
  • 10
    Cómo obtener una solicitud al servidor con PHP

    Cómo obtener una solicitud al servidor con PHP

    08:01
  • 11
    Envío de un formulario a través de GET

    Envío de un formulario a través de GET

    12:13
  • 12
    Envío de un formulario a través de POST

    Envío de un formulario a través de POST

    07:38
  • 13
    Envío de imágenes

    Envío de imágenes

    09:02
  • 14
    Guardando imágenes en el servidor

    Guardando imágenes en el servidor

    07:56
  • 15
    Tipos de inputs

    Tipos de inputs

    15:29
  • 16
    Otros tipos de inputs

    Otros tipos de inputs

    07:14
  • 17
    Valida si un formulario ha sido enviado

    Valida si un formulario ha sido enviado

    11:21
  • 18
    Sanitizando datos de mi formulario

    Sanitizando datos de mi formulario

    15:05
  • 19
    Validando datos

    Validando datos

    07:59
Proyecto: formulario de contacto
  • 20
    Creando el maquetado

    Creando el maquetado

    13:03
  • 21
    Haciendo la lógica de recepción del formulario

    Haciendo la lógica de recepción del formulario

    12:02
  • 22
    Integrando PHPMailer

    Integrando PHPMailer

    20:36
  • 23
    Implementando el servidor de correos de Gmail

    Implementando el servidor de correos de Gmail

    07:40
Conclusión
  • 24
    Es tu turno de poner todo en práctica

    Es tu turno de poner todo en práctica

    01:50
    Cristobal Nyram

    Cristobal Nyram

    student•
    hace 4 años

    **trucaso de la clase **

    echo "<pre>" echo vardump($arreglo); echo "</pre>"

    ¡Magia tenemos un arreglo muy chulo!

      Edgar Castro

      Edgar Castro

      student•
      hace 3 años

      Muy buen truco!

      Solamente que el vardump() no requiere de "echo".

      Luis Miguel Falcon Montaño

      Luis Miguel Falcon Montaño

      student•
      hace 3 años

      Esta es la forma correcta:

      echo "<pre>"; var_dump($tabla_del_9); echo "</pre>";
    Gabriela Ugarte Maco

    Gabriela Ugarte Maco

    student•
    hace 4 años

    Excelente! me encantó la refactorización. Realmente hay muchas maneras de hacerlo, pero siempre usaremos la más legible . gracias Profe!!

    Yerson Felipe Ramirez Garnica

    Yerson Felipe Ramirez Garnica

    student•
    hace 3 años

    Yo lo hice de la siguiente manera :D

    <?php $multiplicacion = readline("Que numero para multiplicar"); $array = array(1,2,3,4,5,6,7,8,9,10); foreach ($array as $valor) { $resultado = $multiplicacion * $valor . "\n"; echo "$multiplicacion x $valor = $resultado"; } ?>
    david bryan alcocer cañete

    david bryan alcocer cañete

    student•
    hace 4 años

    Muy buen ejemplo, resaltando la importancia de hacer código limpio.

    Juan David Rueda Quiroga

    Juan David Rueda Quiroga

    student•
    hace 3 años

    en lugar de

    array_push();

    es más optimo usar

    $tabla_del_9[] = $resultado
      Luis Alberto Aguilar Muñoz

      Luis Alberto Aguilar Muñoz

      student•
      hace 3 años

      Pero neesitarias otro ciclo para recorrer la posicion, en cambio array_push guarda el valor en la ultima posicion.

    Joel Dominguez Merino

    Joel Dominguez Merino

    student•
    hace 3 años

    Muy buen ejemplo de como refactorizar un código lo más legible posible. La idea de crear un arreglo de puro string donde esta tanto el texto y la operación no me agrada del todo pero entiendo que es mejor eso a tener un poquito de lógica en el HTML. Gracias Carlos! 😁

    César Luis Amundaray Rodríguez

    César Luis Amundaray Rodríguez

    student•
    hace 3 años

    Una clase retadora. Hay que procurar escribir siempre tomando en cuenta estas recomendaciones.

    Jossie Steeven Quintero Giron

    Jossie Steeven Quintero Giron

    student•
    hace 3 años

    Cuando estudien algún framework como Laravel, aplicaremos este tipo de separación. En los controladores se escribe la lógica y el procesamiento de datos y el la vistas reciben esos datos y los muestran al cliente

    Antonio Cortes Avila

    Antonio Cortes Avila

    student•
    hace un año

    Impresionante se me vino a la mente hasta la segunda refactorizacion. Lo ultimo no se me hubiera ocurrido nunca

    Juan Omar Palma álvarez

    Juan Omar Palma álvarez

    student•
    hace 3 años

    con algunas incerciones m{as logr{e que al cambiar el valor $numero se muestre la tabla de multiplicar de la variable $numero ![](

    Captura de pantalla 2023-04-19 231359.png

    Cristobal Nyram

    Cristobal Nyram

    student•
    hace 4 años

    ¡RECUERDA!

    ¡NUNCA! NUNCA IMPRIMIR ETIQUETAS HTML EN PHP

    Sergio Andrés Barragan

    Sergio Andrés Barragan

    student•
    hace 4 años

    Un tema básico, con una explicación de muy alto nivel. Felicitaciones profesor!!

    José Alberto Ramírez Quiroz

    José Alberto Ramírez Quiroz

    student•
    hace 3 años

    ¿Por que no usar echo para imprimir HTML, afecta en el tema de seguridad?

      César Luis Amundaray Rodríguez

      César Luis Amundaray Rodríguez

      student•
      hace 3 años

      Supongo que es porque puedes colocar el HTML directamente.

      Kenneth Angulo L

      Kenneth Angulo L

      student•
      hace 3 años

      Tecnicamente se puede, y lo hemos hecho en los ejercicios de las clases, de manera didactica, para el aprendizaje. . Una profesora dijo una vez, solo porque algo es posible, no es que debamos hacerlo !! . 📜 Pero cuando hablamos de buenas practicas, la regla, la orden, el mandato, la obligacion que tenemos al desarrollar es NO HACERLO. . Por que ? buena pregunta ! . Y aqui es donde cada persona experimentada, avanzada en la practica, podra tener sus propias opiniones. 🏆 . Se me ocurren algunas:

      Orden, Legibilidad del codigo. Facilidad de mantenimiento. Una importantisima para hacer codigo modular es “separation of concerns”, tengo archivos php que se encargen de la logica, y lo que tenga que ver con mostrar en pantalla se lo dejo a las vistas o plantillas (tambien archivos php pero solo ellos tienen pemritido generar html) .

      Ya que tocas el tema seguridad, eso es otro tema que da para otro curso completo del gran Retax Master !!. . Sobre la seguridad puedo decir hace mas danio lo que viene hacia el servidor que lo que sale del server. a no ser que alguien para pruebas haga un echo del array que contiene la configuracion de la base de datos y lo deje expuesto en produccion. 🤡

    Jhon Abril

    Jhon Abril

    student•
    hace 3 años

    Tengo una duda. ¿Hay alguna buena práctica para que una función retorne HTML o simplemente ponerlo todo dentro de las comillas dobles? Ejemplo:

    function makeContent($message) { return "Tu mensaje: $message"; }
    Tonathiuh Díaz Miranda

    Tonathiuh Díaz Miranda

    student•
    hace 3 años

    Hola! implementaste dos ciclos en lugar de uno, duplicaste la complejidad del programa, cuál es el balance de performance que podríamos determinar en este ejemplo para satisfacer una correcta lectura de código y el mínimo de ciclos necesarios, es decir, 1?

    Joserra Parada Fontaiña

    Joserra Parada Fontaiña

    student•
    hace 8 meses

    Esta es mi propuesta :

    <?php function multiplicar($j) { $Multiplicar=[]; for ($i=1; $i <= 10; $i++) { $resultado = $j*$i; $texto = "$j x $i = $resultado"; array_push($Multiplicar, $texto); }; return($Multiplicar); }; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Asi se hace</title> </head> <body> <?php $multiplicando = 4 ?> <h2>Tabla del <?= $multiplicando ?></h2> <ul> <?php foreach(multiplicar($multiplicando) as $valor ): ?> <li> <?= $valor ?> <?php endforeach; ?> </ul> </body> </html>
    Joserra Parada Fontaiña

    Joserra Parada Fontaiña

    student•
    hace 8 meses

    Mi propuesta es :

    ?php function multiplicar($j) { $Multiplicar=[]; for ($i=1; $i <= 10; $i++) { $resultado = $j*$i; $texto = "$j x $i = $resultado"; array_push($Multiplicar, $texto); }; return($Multiplicar); }; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Asi se hace</title> </head> <body> <?php $multiplicando = 4 ?> <h2>Tabla del <?= $multiplicando ?></h2> <ul> <?php foreach(multiplicar($multiplicando) as $valor ): ?> <li> <?= $valor ?> <?php endforeach; ?> </ul> </body> </html>
    Jorge Eduardo Hernández Oropeza

    Jorge Eduardo Hernández Oropeza

    student•
    hace 8 meses

    Ok. Acabo de entender que para imagenes vendria siendo igual, algo como:

    <img src="<?= $path_body_images ?>Search.svg" alt="Search Icon">

    Jorge Eduardo Hernández Oropeza

    Jorge Eduardo Hernández Oropeza

    student•
    hace 8 meses

    Cómo sería esto para el caso de las imagenes? Realmente no me gusta porque debo declarar el echo en esos momentos de buscar el path de la imagen.

    Juan Sebastian Guarin

    Juan Sebastian Guarin

    student•
    hace 2 años

    Alguien podría indicarme si esta manera de usar echo es buena practica? o que me recomendarían para poder usar funciones y se puedan imprimir?

    <?php function tablas($numero){ for ($i=1; $i <=10 ; $i++) { $resultado = $numero * $i; echo "<li>$numero X $i = $resultado</li>"; } } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Buenas Practicas</title> </head> <body> <h2>Tabla del 9</h2> <ul> <?= tablas(9);?> </ul> </body> </html>

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