PHP como preprocesador de HTML

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

Carlos Alfonso Garcia Gonzales

student•

Gracias RetaxMaster por las enseñanzas y la buena onda! Para complementar para los platzinautas mas experimentados les comparto un comando para ejecutar el servidor php desde la misma ruta de trabajo (extraído del curso "Curso de API REST con PHP" de Platzi):

php -S localhost:8000 NOMBREARCHIVO.php

y llaman desde el browser a localhost:8000 (con eso ya no es necesario copiar tu proyecto en la carpeta www del WSL) 👍

Cristobal Nyram

student•

Ya conocía ese comando, pero no sabía que se podría hacer eso de colocar un parámetro del archivo que deseas.

Andrés Felipe Lopez gomez

student•

Los que están usando Windows pueden usar los emojis con la tecla Windows mas el punto. win + . así saldrá el lista de emojis

Carlos Alfonso Garcia Gonzales

student•

Buen tip, no lo conocía!

LESTHER XITUMUL MANUEL

student•

Levantar un Servidor con PHP en cualquier carpeta en Windows

php -S localhost:8000 -c php.ini

El código php -S localhost:8000 -c php.ini es un comando que se utiliza para levantar un servidor local utilizando PHP en cualquier carpeta en Windows. Cuando se ejecuta este comando en la línea de comandos, se inicia un servidor PHP en el puerto 8000 de localhost. El parámetro -c php.ini se utiliza para especificar el archivo de configuración php.ini que se utilizará para el servidor.

Este comando es útil cuando se está desarrollando una aplicación web utilizando PHP y se necesita ejecutarla en un entorno local para probarla antes de implementarla en un servidor en vivo. Al levantar un servidor local, se puede acceder a la aplicación a través de la URL localhost:8000 en el navegador web.

Es importante tener en cuenta que este comando debe ejecutarse en la carpeta raíz del proyecto o en la carpeta donde se encuentre el archivo PHP principal de la aplicación.

Nelson Gonzalez Escalante

student•

Consideraciones

Cuando emprezamos a combinar archivos PHP con HTML es importante empezar a definir nuestras etiquetas de cierre. De esta forma PHP sabe cuándo está ejecutando código PHP y cuándo está ejecutando HTML.

Aunque estemos trabajando con HTML, nuestros archivos seguirán siengo archivos .PHP, es por eso que PHP -a diferencia de otros lenguajes- tiene etiquetas de apertura y cierre, porque en el mismo archivo soporta dos lenguajes.

Juan Camilo Valencia Silva

student•

<!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>3</title>
</head>
<body>
    <h4>Impreso con HTML</h4>
    <?php
        echo"<h4>Impreso con PHP</h4>";
    ?>
</body>
</html>

Walter Omar Barrios Vazquez

student•

También puedes usar la versión abreviada:

<?="<h4>Impreso con PHP</h4>"?>

Cristobal Nyram

student•

Solo como buenas prácticas a lo largo de tu carrera como dev no se recomienda combinar tanto el código HTML con PHP

Aka SinssChoss

student•

Tabla del 5

<!DOCTYPE html>
<html lang="es">
<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>Jugando con PHP</title>
</head>
<body>
    <?php
        echo "<p>Tabla del 5</p>";
        for($i = 0; $i <= 10; $i++){
            echo "<p>5 * $i = " . $i*5 . "</p>";
        }
    ?>
</body>
</html>

Daniel Steven

student•

Profe disculpa la pregunta fuera de contexto, que tema usa para vscode ?

Carlos Eduardo Gomez García

teacher•

¡Hola! Es el tema Ayu en su versión Dark :D

José Herrera

student•

Y si traslado ese codigo al preposesar PUG si me va a funcionar quien me responde a esta pregunta saludos . . .

Juan David Rueda Quiroga

student•

pero se puede usar php o phtml, no influye y uso phtml para distinguir el HTML, ¿Si lo hago de esta forma estoy cometiendo un error?

Kenneth Angulo L

student•

La respuesta sencilla es depende !! . Los .phtml era una forma antigua de nombrar archivos para discriminarlos de los que contenian presentacion visual (html) de los que eran solo script (php). No se si magento aun usa esa nomenclatura dentro de su estructura de archivos. . Hoy 2022 si quieres nomrbarlos asi puedes hacerlo, pero php no los va a reconocer como los archivos de script, tampoco lo va cargar automaticamente como un index.php. hay que hacerle algunas configuraciones mas, incluso al servidor para que cargue por defecto esos formatos. . Sabiendo esto, actualmente no hay necesidad de hacerlo, pero si se quiere se puede. . Para distinguir los archivos que contengan presentacion grafica, basta con almacenarlos en una carpeta llamada vistas, o view o templates o algo asi dentro de la estructura de tu proyecto. . ejemplo: .

formulario.view.php
contactanos.view.php

ANDRES MAURICIO ZAMUDIO MONROY

student•

Buenos dias

me sale como codigo

Jonathan Amaya Mendieta

student•

Nosotros podemos imprimir también de la siguiente forma y desde mi experiencia es mas fácil y comodo.

<h2> <?php echo "Titulo"; ?> </h2>

De esta forma podemos imprimir texto como tal o cualqueir variable que hayamos guardado previamente.

Jose Alejandro Pantoja Giraldo

student•

Chulada !!!

Joel Dominguez Merino

student•

Excelente explicación. Aquí mi resultado. Feliz de aprender las mejores practicas en el camino para usar ambos lenguajes en un mismo archivo. .

<!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>3</title>
</head>
<body>
    <h4>Impreso con HTML</h4>
    <?php
        echo"<h4>Impreso con PHP</h4>";
    ?>
</body>
</html>

<!DOCTYPE html>
<html lang="es">
<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>Jugando con PHP</title>
</head>
<body>
    <?php
        echo "<p>Tabla del 5</p>";
        for($i = 0; $i <= 10; $i++){
            echo "<p>5 * $i = " . $i*5 . "</p>";
        }
    ?>
</body>
</html>

PHP como preprocesador de HTML

Introducción

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

Levantando un servidor local

¿Cómo combinar HTML con PHP?

PHP como preprocesador de HTML

Imprime texto y etiquetas HTML

Condicionales

Ciclos

¿Cómo pasar variables de PHP a JavaScript?

Evita el código espagueti

Refactorizando código espagueti

Manejo de formularios

Cómo obtener una solicitud al servidor con PHP

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

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

Envío de imágenes

Guardando imágenes en el servidor

Tipos de inputs

Otros tipos de inputs

Valida si un formulario ha sido enviado

Sanitizando datos de mi formulario

Validando datos

Proyecto: formulario de contacto

Creando el maquetado

Haciendo la lógica de recepción del formulario

Integrando PHPMailer

Implementando el servidor de correos de Gmail

Conclusión

Es tu turno de poner todo en práctica