Creando la vista principal del Blog usando Bootstrap

Clase 38 de 65 • Introducción a PHP-2017

Resumen

Creando nuestro propio blog

En este proyecto vamos a aplicar todo lo que hemos aprendido y vamos a utilizar algunas técnicas extra que ayudarán a que sus proyectos sean más sostenibles.

Debemos recordar que hay mucho código que tenemos que duplicar. Además, tenemos múltiples puntos de entrada.

XaviCloud

student•

Para no poner tanto echo se puede usar la notación de " : " , de PHP para el foreach, y dejar el resto como html , (excepto los resultados del select)

<div class="col-md-8">
				<?php foreach ($blogPosts as $blogPost): ?>
					<div class="blog-post">
						<h2><?php echo $blogPost['title'] ?></h2>
						<p>Jan 1,2020 by <a href="" title="">Ms</a> </p>
							<div class="blog-post-image">
								<img src="" alt="">
							</div>
							<div class="blog-post-content">
								<?php echo $blogPost['content'] ?>
							</div>
						</div>
				<?php endforeach ?>
			</div>```

Andrés Fabián Guerrero

student•

justo en mi anterior empresa debatíamos referente a este tema, por que para muchos usar <?=$variable=> en vez del echo convencional, era mala practica por tema de versiones.

Eduardo Rasgado Ruiz

student•

Ya lo dijo Freddy sobre resolver todo a punta de echos. jajaja

Patricio Villarroel Durán

student•

Buen aporte de @xavicloud para la notación foreach.
Sumo a eso que, desde PHP 5.4 puedes usar la expresión corta <?=$var?>en vez de <?php echo $var; ?> para este tipo de implementaciones sugeridas por xavicloud.
Por lo tanto,

<?phpecho $blogPost['content'] ?>

/* tambien se puede escribir como */
<?=$blogPost['content']?>

kuai mare carrasquero

student•

  <div class="col-md-8">
    <?php foreach ($blog_posts as $blog_post): ?>
      <div class="blog-post">
        <h2><?= $blog_post['title'] ?></h2>
        <p>Jan 1, 2020 by <a href="">Alex</a></p>
        <div class="blog-post-image">
          <img src="assets/img/Modulos.jpg" alt="">
        </div>
        <div class="blog-post-conten"><?= $blog_post['context'] ?></div>
      </div>
    <?php endforeach ?>
 </div>

Sebastian Pérez Quintero

student•

Me ayudan con una consulta por favor… es que veo que el profe Hector pone echo y echo para imprimir todo el html dentro del php… y veo que otr@s compañer@s utilizan otros metodos más practicos, cómo esto…

<?phpforeach ($blog_posts as $blog_post): ?>
      <divclass="blog-post">
        <h2><?= $blog_post['title'] ?></h2>
        <p>Jan 1, 2020 by <ahref="">Alex</a></p>
        <divclass="blog-post-image">
          <imgsrc="assets/img/Modulos.jpg"alt="">
        </div>
        <divclass="blog-post-conten"><?= $blog_post['context'] ?></div>
      </div>
    <?phpendforeach?>

mi pregunta es, que opción esta dentro de las buenas practicas del lenguaje o si ambas lo estan y no hay problema?

Diego Forero

Team Platzi•

Es una opción más bonita al momento de leer el código usar <?=$variable; ?> el echo debe ser usado de preferencia solo para desarrollo para mostrar por ejemplo el contenido que llega en variable y validar que llegue la información que espero.

César Darinel Ortiz Abreu

student•

si pueden editar el video hay momentos cuando dicen que repita.

Kath Sánchez

teacher•

Muchas gracias por el reporte, lo vamos a revisar y corregir 😉

David Antonio Garcia Saaib

student•

Que emocioooon!! Proyecto final ;D

Erick Neftalí Sarmiento Cortes

student•

¿Porque no coloca el DOCTYPE al inicio del HTML?

Diego Forero

Team Platzi•

Si no vas a usar ninguna etiqueta especial de HTML5 no tienes problema, aunque si es una buena practica poner la versión de HTML que vas a usar en tu proyecto.

Erick Neftalí Sarmiento Cortes

student•

Ok anotado, gracias

Sebastian Pérez Quintero

student•

Hola cómo estan? Una ayuda… me dio por poner el lorem ipsum en español… y las ñ y los acentos se ven asi �… ¿qué puedo hacer?
en el html tengo esto siempre…

<meta charset="utf-8">

los campos de la base de datos estan en utf8 también, el cotejamiento de la tabla también esta en utf8, pero nada, sigo viendo los �… ¿alguna recomendación?
Gracias

Sebastian Pérez Quintero

student•

@GOLLUM23 excelente! me funciono de una, muchas gracias!
Así es, solo se veian mal los datos que bajaba de la base de datos.

Rene Ismael Barrios Rojas

student•

y la imagen? y el código? recién estoy viendo el curso y no veo los archivos ni en la pestaña de Archivos!!!

Diego Forero

Team Platzi•

Los archivos se van subiendo en cada clase 😃

AgroMundo Cali

student•

Donde se encuentran los Archivos de este Video?

Diego Forero

Team Platzi•

El archivo se encuentra en la pestaña de archivos que esta arriba en esta columna.

AgroMundo Cali

student•

Por eso pregunte, porque ese archivo no corresponde de lo que trata el video, es un archivo de un video muy posterior a este.

Ignacio Ramos

student•

Hola! tengo una duda, si alguien me pudiera ayudar se lo agradeceria. Al momento de visualizar el texto largo del blog las eÑes y las tildes me salen con un carater especial <?>; la base de datos que estoy usando es “UTF-8_unicode_ci”. Como puedo corregir estos problemas?

Diego Forero

Team Platzi•

Tienes el tag meta charset en utf-8 en el template del navegador?

<meta charset="UTF-8">

Ignacio Ramos

student•

Voy a intentarlo esta noche! muchisimas gracias!

Daniel Castillo Quiroga

student•

Preocupante que todos los videos se demoran mucho cargando, y despues se relantizan, saliendo primero el audio y posteriormente el video, es muuuy molesto… Y no es mi Internet.

Diego Forero

Team Platzi•

Por favor intenta cambiando de servidor en el icono del engrane del player.

Diego Armando Bribiesca

student•

Todo muy bien hasta el momento B)

Heiler Joel Finol Valbuena

student•

porque no se saca todos esos datos con un while con una consulta a la base de datos y colocan un foreach???

Diego Forero

Team Platzi•

Los datos ya están en la variable $blogPosts, foreach es otra forma para recorrer arreglos y me parece más legible, pero igual recuerda que existen varias formas de resolver un mismo problema, eso es lo apasionante de la programación.

Heiler Joel Finol Valbuena

student•

Gracias

Heiler Joel Finol Valbuena

student•

lo hice de este modo para experimentar

<?php 
require_once 'config.php';

$sql=$conex->query("SELECT * FROM  blog_posts ORDER BY id  DESC");


 ?>

 <!DOCTYPE html>
 <html>
 <head>
 	<title>Blog</title>
 </head>
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
 <body>


<div class="container">
 		<div class="row">
 			<div class="col-md-12">
 				<h1>Blog tittle</h1>
 			</div>
 		</div>
 		<div class="row">
 			<div class="col-md-8">
 				<?php 





 			while ($blog_posts=$sql->fetch(PDO::FETCH_ASSOC))
 				{
 						echo '<div class="blog-post">';
 						echo '<h2>'. $blog_posts['tittle'].'</h2>';
 						echo '<p>Jan 1,2020 by <a href="">Alfredo</a></p>';
 						echo '<div class="blog-post-image">';
 					  	echo '<img src="imagenes/img.png" alt="">';
 						echo '</div>';
 						echo '<div class="blog-post-content">';
 						echo $blog_posts["content"];
 						echo '</div>';
 						echo '</div>';	
								
 				}
 				 ?>

Heiler Joel Finol Valbuena

student•

y me funciono igual

Darwin Rodríguez

student•

Propongo otro método para la impresión de los post y es el siguiente:

<div class="col-md-8">
				<?php foreach ( $blogPosts as $blogPost ) { ?>
				<div class="blog-post">
					
					<h2><?= $blogPost['title'] ?></h2>
					<p>Jan 1, 2020 by <a href="">Alex</a></p>
					<div class="blog-post-image">
						<img src="" alt="">
					</div>
					<div class="blog-post-content">
						<?= $blogPost['content'] ?>
					</div>
				</div>
				<?php } ?>
			</div>```

Néstor Fabián Gonzalez

student•

Ayuda por favor, me sale este error:

El código:

Diego Forero

Team Platzi•

Tienes que usar $blog_Post en lugar de $blogPost porque no esta llegando esa variable dentro del ciclo foreach

Néstor Fabián Gonzalez

student•

Gracias 😃

Diegol Vithar

student•

En archivos no esta la documentacion del código por favor

Diego Forero

Team Platzi•

A que documentación te refieres?

Juan Pablo Arnedo

student•

una pregunta, habitualmente lo uso asi, cuando trabajo con codigo html dentro de php uso todo el codigo html dentro del echo para no estar usando multiples veces echo, es mala practica ?

echo "
	<div>
		<h1> hola </h1>
		<h2> quiero saber </h2>
		<h3> si estoy es correcto </h3>
		<p> " . $prueba ."</p>
	</div>
";

Diego Forero

Team Platzi•

Es una pésima practica, ademas que vuelve tu código menos legible es mejor siempre hacer uso del tag de cierre y apertura de php y en lugar de usar echo para imprimir una variable se puede usar

<?=$variable; ?>

Es mejor y mas fácil de leer.

Juan David Rodriguez Dominguez

student•

😃

Creando la vista principal del Blog usando Bootstrap

Estamos renovando el Curso de Introducción a PHP

¡Renovamos este curso!

Introducción

Presentación, contenidos y proyecto

Características de PHP

Antes de comenzar y Sintáxis

Introducción a PHP

Manejo de Variables y Tipos de Datos en PHP

Utilización de Cadenas de Caractéres en PHP

Arreglos

Operadores

Operadores - Aritméticos

Asignación

Comparación

Arrays

Incremento

Lógicos

Null

Funciones

Funciones en PHP

Estructuras Condicionales

Estructuras de Ciclos

Cargas de Archivos Externos

Manejo de Sesiones

Manejo de Cookies

Funciones Anónimas

Programación Orientada a Objetos

Introducción a Programación Orientada a Objetos

Constructor y Destructor

Herencia

Namespaces

Static

Abstract y Polimorfismo

Interface

Excepciones

Traits

PDO y SQL

Introducción a bases de datos SQL con PHP

Conexión desde PHP a una base de datos SQL

Insertar datos en nuestra de base de datos

Listar nuestros usuarios de la base de datos

Actualizar un Usuario en Nuestra Base de Datos

Borrar un usuario de nuestra base de datos

Cómo proteger nuestra base de datos ante ataques de SQL Injection

Construyento Nuestro Propio Blog

Creando la vista principal del Blog usando Bootstrap

Administrando los artículos del blog

Guardando los blogposts en la base de datos

Composer y carga automática de archivos

Creando la Organización de Nuestro Blog

Introducción a Front Controller

Introducción a Router

Renderizando las vistas desde un método

Agregando el resto de las rutas a nuestro Router

MVC y Templates en Nuestro Blog

El patrón de diseño Model-View-Controller en PHP

¿Por qué usar un motor de templates en PHP?

Instalación y configuración de Twig

Templates de vistas con Twig

Extendiendo layouts con Twig

Modelos con Eloquent

Configuración de variables de entorno

Validaciones de formularios en PHP

Usuarios

Agregando un modelo para los usuarios del blog

Crear usuarios para el blog

Autenticación de usuarios en PHP

Logout de usuarios

Detalles Finales

Protege ciertas rutas con middlewares y filtros

Subir archivos al servidor

Guardando un log de errores en el servidor

Página para el detalle del blogpost

Paginación

Editar y borrar blogposts

Agregar validación del lado del cliente

Cierre del Curso