Ciclos

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

Antoni Bassols Lopez

student•

Para crear un shortcut utilizando Code Snippets y facilitarnos la escritura de código solo debemos de:

Dentro de Visual Studio Code, con el sistema operativo Windows, pulsamos Ctrl + Shift + P.
En el buscador que se nos ha abierto escribimos: >Configure User Snippets, y le damos a Enter.
Ahora, volvemos a escribir: html, y pulsamos Enter para entrar en el documento html.json y poder crear un snippet que se podrá usar cuando estemos usando código html.
Dentro del documento encontraremos un código comentado con instrucciones, dentro de las llaves { } del documento es dónde podemos crear nuestros propios shortcuts/snippets.

Aquí dejo el código de un snippet que he creado para el ciclo for

"For Loop": {
		"prefix": "for",
		"body": [
			"<?php for ($$i = ${1}; $$i ${2}; $$i${3}): ?>",
			"\t${4}",
			"<?php endfor; ?>"
		],
		"description": "This is a for loop made with php. Made by: Toni B. Lopez."
	}

De esta manera cuando en nuestro archivo .php escribamos for y le demos a Tabulador se nos va a crear toda la estructura de forma automática y con buenas prácticas en el código.

Para aprender como crear la estructura de un snippet de una forma súper sencilla recomiendo ver este vídeo que no dura más de 15 min.

Espero que os haya servido! :)

Jonatan valdebenito

student•

muchas gracias, crack

Daniel Eduardo Salmerón Alvarado

student•

Buen aporte, gracias

Joel Dominguez Merino

student•

Me esta encantando la facilidad que es implementar todo lo aprendido de PHP en los cursos pasados, con HTML. De verdad es como darle superpoderes a nuestro lenguaje de marcado 🧡 Les comparto mi apunte de la clase .

David Barrios-Urzúa

student•

Se me ocurrió probar escribir PHP que haga una tabla de multiplicar en HTML usando ciclos

El código es:

<!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>Ciclos</title>
</head>

<body>
  <h2>Las tablas de multiplicar:</h2>
  <table>
    <tr>
      <th>X</th>
      <?php for ($i = 1; $i <= 10; $i++) : ?>

        <th><?= $i ?></th>

      <?php endfor; ?>
    </tr>
    <?php for ($j = 1; $j <= 10; $j++) : ?>
      <tr>
        <td><b><?= $j ?></b></td>
        <?php for ($k = 1; $k <= 10; $k++) : ?>
          <td><?= $j *  $k ?></td>
        <?php endfor; ?>
      </tr>
    <?php endfor; ?>
    <table>
</body>

</html>

Y el output es:

Lucas Daniel Ferreyra de Moraiz

student•

Les dejo mi aporte de shortcuts usando Code Snippets para el while y el foreach ;)

"foreach": {
		"prefix": "foreach",
		"body": [
			"<?php foreach ($$array${1} as $$index => $$value): ?>",
			"\t${4}",
			"<?php endforeach; ?>"
		],
		"description": "foreach loop"
	},

	"while": {
		"prefix": "while",
		"body": [
			"<?php while ($$i < ${1}): ?>",
			"\t${4}",
			"<?php endwhile; ?>"
		],
		"description": "while loop"
	},

Jesus Cuadro

student•

Muchas gracias

Andrés Felipe Lopez gomez

student•

Usando esta sintaxis se me hace muy parecido a blade la plantilla de laravel.

Jossie Steeven Quintero Giron

student•

Guadalupe Monge Barale

student•

¿Cuál es la extensión de VCode?

RAUL GARCIA

student•

Guadalupe Monge Barale

student•

Después de ver más clases creo que son snippets

Enmanuel José Rivas Marchan

student•

como podría hacer un ciclo do while integrando PHP con HTML utilizando la sintaxis correcta?

Elizon Frank Carcausto Mamani

student•

Ermilo Joel Dorantes Uc

student•

LESTHER XITUMUL MANUEL

student•

Ciclo For con PHP y HTML

El ciclo for se utiliza cuando se conoce de antemano el número de repeticiones que se deben realizar. A continuación se muestra un ejemplo de cómo usar el ciclo for en PHP y HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo For</title>
</head>
<body>
    <?php for ($i = 1; $i <= 5; $i++): ?>
        <p>Iteración número: <?= $i ?></p>
    <?php endfor; ?>
</body>
</html>

En este ejemplo, el ciclo for se ejecuta 5 veces, imprimiendo el número de iteración en cada repetición.

Ciclo While con PHP y HTML

El ciclo while se utiliza cuando no se conoce el número exacto de repeticiones y se desea repetir un bloque de código mientras se cumpla una condición. A continuación se muestra un ejemplo de cómo usar el ciclo while en PHP y HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo While</title>
</head>
<body>
    <?php $i = 1; ?>
    <?php while ($i <= 5): ?>
        <p>Iteración número: <?= $i ?></p>
        <?php $i++; ?>
    <?php endwhile; ?>
</body>
</html>

En este ejemplo, el ciclo while se ejecuta mientras la variable $i sea menor o igual a 5, imprimiendo el número de iteración en cada repetición.

Ciclo Foreach con PHP y HTML

El ciclo foreach se utiliza para recorrer elementos de un array o una colección de elementos. A continuación se muestra un ejemplo de cómo usar el ciclo foreach en PHP y HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo Foreach</title>
</head>
<body>
    <?php
    $frutas = array("manzana", "pera", "plátano", "naranja");
    foreach ($frutas as $fruta): ?>
        <p><?= $fruta ?></p>
    <?php endforeach; ?>
</body>
</html>

En este ejemplo, el ciclo foreach recorre el array $frutas e imprime cada elemento en una etiqueta <p>.

Ciclo Do-While con PHP y HTML

El ciclo do-while es similar al ciclo while, pero se asegura de que el bloque de código se ejecute al menos una vez, antes de verificar la condición para continuar o salir del ciclo. A continuación se muestra un ejemplo de cómo usar el ciclo do-while en PHP y HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo Do-While</title>
</head>
<body>
    <?php $i = 1; ?>
    <?php do: ?>
        <p>Iteración número: <?= $i ?></p>
        <?php $i++; ?>
    <?php while ($i <= 5); ?>
</body>
</html>

En este ejemplo, el ciclo do-while se ejecuta al menos una vez, imprimiendo el número de iteración en cada repetición y luego verificando si la condición se cumple para continuar o salir del ciclo.

Carlos Alvarado Martinez

student•

buen aporte

César Luis Amundaray Rodríguez

student•

¡Qué linda esta clase!

Joseph Dakkak

student•

Me dio curiosidad el experimento con el while(true): ya que teniendo en cuenta que el servidor interpreta PHP antes de ser enviado al cliente, entonces ¿por qué se va renderizando infinitamente la salida del texto cualquier cosa? ¿No deberia quedar el server ciclando sin hacer render como tal?

diegogutierrezrazo.95

student•

que extension en visual basic usa el maestro para que el editor le de las sugerencias?

Gabriel Francisco Erazo Merino

student•

Cómo sería el ciclo do-while usando estas etiquetas de PHP dentro de HTML?

Kenneth Angulo L

student•

Dos ejemplos, la segunda no se ve tan bien, no se:

<?php $bar = 0 ?>

<?php do { ?>
    <h5>una forma</h5>
    <?php $bar++; ?>
<?php } while ($bar < 5); ?>

<?php $bar = 0 ?>

<?php do { ?>
    <h5>otra forma</h5>
<?php $bar++;
} while ($bar < 5); ?>

Marvin Esteban Menchú Socop

student•

Como se realizaría la implementación de un do while con la sintaxis

    <?php for($i = 0 ; $i < 10 ; $i++):?>
      <li><?= $i ?></li>
    <?php endfor;?>

Kenneth Angulo L

student•

HOla, el do-while se puede escribir asi:

<?php do { ?>
    <h5>imprimir texto</h5>
    <?php $bar++; ?>
<?php } while ($bar < 5); ?>

Keyla Valentina Moreno Lozano

student•

como se llama el plugin que autompleta php en html ,uso visual studio code

Erik Alejandro Garcia Duarte

student•

En Visual Studio Code, el plugin que proporciona autocompletado para PHP en HTML se llama "PHP IntelliSense". Este plugin es uno de los muchos plugins disponibles para Visual Studio Code que proporcionan mejoras en la edición de código para diferentes lenguajes y frameworks.

Keyla Valentina Moreno Lozano

student•

pero el que escriba for each y le aparexca la esctructura como se llama

Bryan Castano

student•

Yeap ! It is Working and It makes me Happy <br>

\nCheeeers!!!!

Diego Andrés Lopez Rodriguez

student•

Sergio Olivo Orellana

student•

Mis snnipets para php.

html.json

    "if-else PHP": {
        "prefix": "ifelsephp",
        "body": [
            "<?php if(${1:\\$condition}) : ?>",
            "    ${2:// code if true}",
            "<?php else : ?>",
            "    ${3:// code if false}",
            "<?php endif; ?>"
        ],
        "description": "if-else statement in PHP"
    },
	"foreach PHP": {
        "prefix": "foreachphp",
        "body": [
            "<?php foreach(${1:\\$array} as ${2:\\$item}) : ?>",
            "    ${3:// code}",
            "<?php endforeach; ?>"
        ],
        "description": "foreach loop in PHP"
    },
	"for PHP": {
        "prefix": "forphp",
        "body": [
            "<?php for(${1:\\$i} = 0; ${1:\\$i} < ${2:\\$limit}; ${1:\\$i}++) : ?>",
            "    ${3:// code}",
            "<?php endfor; ?>"
        ],
        "description": "for loop in PHP"
    },
	"switch PHP": {
        "prefix": "switchphp",
        "body": [
            "<?php switch(${1:\\$variable}) {",
            "    case ${2:1}:",
            "        ${3:// code for case 1}",
            "        break;",
            "    case ${4:2}:",
            "        ${5:// code for case 2}",
            "        break;",
            "    default:",
            "        ${6:// code for default case}",
            "}",
            "?>"
        ],
        "description": "switch statement in PHP"
    },
	"try-catch PHP": {
        "prefix": "trycatchphp",
        "body": [
            "<?php",
            "try {",
            "    ${1:// code that may throw an exception}",
            "} catch (${2:Exception} ${3:\\$e}) {",
            "    ${4:// code to handle the exception}",
            "}",
            "?>"
        ],
        "description": "try-catch block in PHP"
    },
	"echo PHP": {
        "prefix": "echophp",
        "body": [
            "<?php echo '${1:string}'; ?>"
        ],
        "description": "echo statement in PHP"
    },
	"comment PHP": {
        "prefix": "commentphp",
        "body": [
            "<?php",
            "// ${1:Comment}",
            "?>"
        ],
        "description": "Single-line comment in PHP"
    },
	"multiline-comment PHP": {
        "prefix": "multilinecommentphp",
        "body": [
            "<?php",
            "/*",
            " * ${1:Multiline",
            " * Comment}",
            " */",
            "?>"
        ],
        "description": "Multiline comment in PHP"
    }

php.json

	"if-else PHP": {
		"prefix": "ifelsephp",
		"body": [
			"if (${1:\\$condition}) {",
			"    ${2:// code if true}",
			"} else {",
			"    ${3:// code if false}",
			"}"
		],
		"description": "if-else statement in PHP"
	},
	"foreach PHP": {
		"prefix": "foreachphp",
		"body": [
				"foreach (${1:\\$array} as ${2:\\$item}) {",
			"    ${3:// code}",
			"}"
		],
		"description": "foreach loop in PHP"
	},
	"for PHP": {
		"prefix": "forphp",
		"body": [
				"for (${1:\\$i} = 0; ${1:\\$i} < ${2:\\$limit}; ${1:\\$i}++) {",
			"    ${3:// code}",
			"}"
		],
		"description": "for loop in PHP"
	},
	"function PHP": {
		"prefix": "functionphp",
		"body": [
				"function ${1:functionName}(${2:\\$arg1}, ${3:\\$arg2}) {",
			"    ${4:// code}",
			"}"
		],
		"description": "PHP function"
	},
	"class PHP": {
		"prefix": "classphp",
		"body": [
			"class ${1:ClassName} {",
			"    ${2:// properties}",
			"",
			"    function __construct(${3:/* args */}) {",
			"        ${4:// constructor code}",
			"    }",
			"",
			"    ${5:// methods}",
			"}"
		],
		"description": "PHP class"
	},
	"switch PHP": {
		"prefix": "switchphp",
		"body": [
				"switch (${1:\\$variable}) {",
			"    case ${2:1}:",
			"        ${3:// code for case 1}",
			"        break;",
			"    case ${4:2}:",
			"        ${5:// code for case 2}",
			"        break;",
			"    default:",
			"        ${6:// code for default case}",
			"}"
		],
		"description": "switch statement in PHP"
	},
	"try-catch PHP": {
		"prefix": "trycatchphp",
		"body": [
			"try {",
			"    ${1:// code that may throw an exception}",
				"} catch (${2:Exception} ${3:\\$e}) {",
			"    ${4:// code to handle the exception}",
			"}"
		],
		"description": "try-catch block in PHP"
	},
	"echo PHP": {
		"prefix": "echophp",
		"body": [
			"echo '${1:string}';"
		],
		"description": "echo statement in PHP"
	},
	"db-connect PHP": {
		"prefix": "dbconnectphp",
		"body": [
			"\\$servername = \"${1:localhost}\";",
			"\\$username = \"${2:username}\";",
			"\\$password = \"${3:password}\";",
			"\\$dbname = \"${4:database}\";",
			"",
			"// Create connection",
			"\\$conn = new mysqli(\\$servername, \\$username, \\$password, \\$dbname);",
			"",
			"// Check connection",
			"if (\\$conn->connect_error) {",
			"    die(\"Connection failed: \" . \\$conn->connect_error);",
			"}",
			"echo \"Connected successfully\";"
		],
		"description": "MySQL database connection in PHP"
	},
	"comment PHP": {
		"prefix": "commentphp",
		"body": [
			"// ${1:Comment}"
		],
		"description": "Single-line comment in PHP"
	},
	"multiline-comment PHP": {
		"prefix": "multilinecommentphp",
		"body": [
			"/*",
			" * ${1:Multiline",
			" * Comment}",
			" */"
		],
		"description": "Multiline comment in PHP"
	}

Luis Alberto Aguilar Muñoz

student•

He trabajado con php desde hace 5 años, nunca a un nivel avanzado ni profesional pero definitivamente conozco el lenguaje, y en todo lo que va del curso estoy aprendiendo cosas nuevas.

César Augusto Cortés Labrada

student•

Si, si me hice esa pregunta señor Retax XD.

Luis Alberto Aguilar Muñoz

student•

He programado ya desde hace 3 años con Javascript y PHP, no a un nivel profesional claro , proyectos pequeños y aun tenia esa duda.

José Luis Luna Rubio

student•

Cualquier tipo de ciclos y estructuras de control, tiene su forma amigable de colocarlo dentro de HTML, eliminando las llaves, llave de apertura por :, y en lugar de terminar con llave, se termina con endNOMBRE_DE_CICLO_CONDICION ; lo cual lo hace mas legible

<?php   while(CONDICION) : ?>
<p>HTML</p>
<?php endwhite ;  ?>