search
CursosEmpresasBlogLiveConfPrecios
Curso de PHP: Integración con HTML

Refactorizando código espagueti

Curso de PHP: Integración con HTML

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 min
  • 2
    Levantando un servidor local

    Levantando un servidor local

    09:59 min

¿Cómo combinar HTML con PHP?

  • 3
    PHP como preprocesador de HTML

    PHP como preprocesador de HTML

    08:43 min
  • 4
    Imprime texto y etiquetas HTML

    Imprime texto y etiquetas HTML

    07:00 min
  • 5
    Condicionales

    Condicionales

    11:43 min
  • 6
    Ciclos

    Ciclos

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

    ¿Cómo pasar variables de PHP a JavaScript?

    16:26 min
  • 8
    Evita el código espagueti

    Evita el código espagueti

    08:58 min
  • 9
    Refactorizando código espagueti

    Refactorizando código espagueti

    Viendo ahora

Manejo de formularios

  • 10
    Cómo obtener una solicitud al servidor con PHP

    Cómo obtener una solicitud al servidor con PHP

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

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

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

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

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

    Envío de imágenes

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

    Guardando imágenes en el servidor

    07:56 min
  • 15
    Tipos de inputs

    Tipos de inputs

    15:29 min
  • 16
    Otros tipos de inputs

    Otros tipos de inputs

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

    Valida si un formulario ha sido enviado

    11:21 min
  • 18
    Sanitizando datos de mi formulario

    Sanitizando datos de mi formulario

    15:05 min
  • 19
    Validando datos

    Validando datos

    07:59 min

Proyecto: formulario de contacto

  • 20
    Creando el maquetado

    Creando el maquetado

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

    Haciendo la lógica de recepción del formulario

    12:02 min
  • 22
    Integrando PHPMailer

    Integrando PHPMailer

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

    Implementando el servidor de correos de Gmail

    07:40 min

Conclusión

  • 24
    Es tu turno de poner todo en práctica

    Es tu turno de poner todo en práctica

    01:50 min
Tomar examen

Refactorizando código espagueti

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

Comentarios41

Cristobal Nyram

Cristobal Nyram

Estudiante
Hace 4 años
    Edgar Castro

    Edgar Castro

    Estudiante
    Hace 4 años
    Luis Miguel Falcon Montaño

    Luis Miguel Falcon Montaño

    Estudiante
    Hace 4 años
Gabriela Ugarte Maco

Gabriela Ugarte Maco

Estudiante
Hace 4 años
Yerson Felipe Ramirez Garnica

Yerson Felipe Ramirez Garnica

Estudiante
Hace 4 años
david bryan alcocer cañete

david bryan alcocer cañete

Estudiante
Hace 4 años
Juan David Rueda Quiroga

Juan David Rueda Quiroga

Estudiante
Hace 4 años
    Luis Alberto Aguilar Muñoz

    Luis Alberto Aguilar Muñoz

    Estudiante
    Hace 3 años
Joel Dominguez Merino

Joel Dominguez Merino

Estudiante
Hace 4 años
César Luis Amundaray Rodríguez

César Luis Amundaray Rodríguez

Estudiante
Hace 4 años
Jossie Steeven Quintero Giron

Jossie Steeven Quintero Giron

Estudiante
Hace 4 años
Antonio Cortes Avila

Antonio Cortes Avila

Estudiante
Hace 2 años
Juan Omar Palma álvarez

Juan Omar Palma álvarez

Estudiante
Hace 3 años
Cristobal Nyram

Cristobal Nyram

Estudiante
Hace 4 años
Sergio Andrés Barragan

Sergio Andrés Barragan

Estudiante
Hace 4 años
Cursos Cliniweb

Cursos Cliniweb

Estudiante
Hace 6 meses
Cursos Cliniweb

Cursos Cliniweb

Estudiante
Hace 6 meses
José Alberto Ramírez Quiroz

José Alberto Ramírez Quiroz

Estudiante
Hace 4 años
    César Luis Amundaray Rodríguez

    César Luis Amundaray Rodríguez

    Estudiante
    Hace 4 años
    Kenneth Angulo L

    Kenneth Angulo L

    Estudiante
    Hace 4 años
Jhon Abril

Jhon Abril

Estudiante
Hace 4 años
Tonathiuh Díaz Miranda

Tonathiuh Díaz Miranda

Estudiante
Hace 4 años
Joserra Parada Fontaiña

Joserra Parada Fontaiña

Estudiante
Hace un año
Joserra Parada Fontaiña

Joserra Parada Fontaiña

Estudiante
Hace un año
Jorge Eduardo Hernández Oropeza

Jorge Eduardo Hernández Oropeza

Estudiante
Hace un año

**trucaso de la clase **

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

¡Magia tenemos un arreglo muy chulo!

Muy buen truco!

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

Esta es la forma correcta:

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

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

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"; } ?>

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

en lugar de

array_push();

es más optimo usar

$tabla_del_9[] = $resultado

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

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! 😁

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

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

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

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

¡RECUERDA!

¡NUNCA! NUNCA IMPRIMIR ETIQUETAS HTML EN PHP

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

-____- -____-

:/

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

Supongo que es porque puedes colocar el HTML directamente.

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. 🤡

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"; }

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?

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>

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>

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

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