Extendiendo Templates con Twig

Clase 41 de 53 • Curso de Introducción a PHP 2018

Resumen

Extender templates nos permitirá hacer sitios más dinámicos reutilizando código HTML.

Denotaremos con la palabra reservada extends el código que queremos reutilizar y con la palabra block el código que deseamos sea dinámico, este último debe tener una palabra clave que le sirva de identificador para el código que se estará reemplazando.

Yenny Paola Porras Rueda

student•

¿solo me pasara a mi o con tanto uso de diferentes librearías también se confundieron varias veces?

Juan Jose Soto

student•

TAMBIEN ME PASA

Isaac Miranda Madrigal

student•

Es pesado, pero me gusta porque aprendo buenas prácticas y librerías de utilidad de acuerdo a estándares.

Bryan Estiven Silva Mercado

student•

la sintaxis de otros template engine es muy parecida, en este caso quiero citar el templade de blade
en el cual la sintaxis sería algo así.

@extends('layout')
@section(content)
@endsection

Aprendiendo de forma correcta los conceptos básicos te pueden servir para aprender nuevos template engines

Héctor Martínez Reséndiz

student•

Si a alguién le marco este error al entrar en localhost/jobs/add:

Recoverable fatal error: Object of class Zend\Diactoros\Response\HtmlResponse could not be converted to string in /var/www/html/app/Controllers/JobsController.php on line 17

Se soluciona cambiando en el archivo JobsController.php la siguiente línea.
echo $this->renderHTML(‘addJob.twig’);
Por
return $this->renderHTML(‘addJob.twig’);

Usuario anónimo

user•

Justo estaba buscando información al respecto. Cuando por fin encuentro el error, veo este comentario.... jaja

Wilmer David Cedeño Mendoza

student•

A mi también me pasó lo mismo, buen aporte

Cesar Augusto Garzón Puentes

student•

Me pareció exelente esa parte del curso, ya conocia blade de laravel, pero me ayudo a comprender de raiz el concepto. Exelente

Kenet Andrés Chungandro Montenegro

student•

Notas prácticas:

Podemos crear cuantos bloques queramos.
Podemos especificar un valor por default para cada bloque, así:

{% block title %} Title Default {% endblock %}

Si un template require de un enlace que no tenga el layout simplemente lo agregamos ya sea en un bloque específico para links o dentro de la plantilla misma.

Usuario anónimo

user•

Extender templates nos permitirá hacer sitios más dinámicos reutilizando código HTML.

Gerardo Flores

student•

Me duele la cabeza :v

Carlos Zabala Roqueme

student•

Todo esto de twig se puede reemplazar con un framework para el frontend? o es algo aparte?

Isaac Navajas Pozo

student•

twig es un template engine y lo puedes cambiar por cualquier otro.

Juan David Rueda Quiroga

student•

Las variables $_SERVER de php las puedo traer con alguna función en twig?

Juan David Rueda Quiroga

student•

No funcionó, al parecer eso es cuando uno va a usar symfony :(

Carlos André Farfán Bazán

student•

Y en el caso de que tengo mis archivos de estilo y js en el proyecto, como los cargo?

Diego Forero

Team Platzi•

Hola, los pones en la carpeta public y los vinculas normalmente dentro del template.

Germán QL

student•

Es decir que siempre conviene utilizar rutas absolutas para enlazar recursos??

Jimmy Buriticá Londoño

student•

Me gusta el concepto de Twig, tocara que ponerlo en practica.

Alfredo Arroyo Diaz

student•

¿Se puede declarar un block que tenga una librería JS en la página index pero no en página Add Jobs?

Abraham Cerda

student•

Sí, simplemente cuando estes definiendo el layout padre, pones dos bloques, uno de contenido y otro en donde agregarás la librería.

Luego, cuando estes definiendo el layout de index, incluyes el contenido en el bloque contenido y la librería en el bloque que dejaste para la librería.

Después, cuando estes definiendo el layput de addJobs, solo incluyes el contenido que quieres darle al bloque contenido.

Anuar Reyes

student•

Muy buen aporte Abraham.

Gabriel Montes

student•

Estoy teniendo un problema con cargar mi archivo style.css, en mi carpeta de htdocs tengo la siguiente ruta de mi proyecto "course/php/" y ahi tengo todo el proyecto, todo funciona tal cual como se ve en los videos pero lo unico que no carga es el archivo de estilos, alguien sabe porque es?

José Manuel Cornelio

student•

Tienes que pasar el archivo de estilos CSS a la carpeta public, ahí entonces será accesible desde el navegador

Jesús Abano Ferrara

student•

Me recuerda a Jinja2

Usuario anónimo

user•

super :) muy útil a la hora de organizar nuestras plantillas

Jhonathan Alfonso

student•

Super bueno los Template Engine. A usarlo en los proyectos.

Fabricio Galindo Copado

student•

Fatal error: Uncaught Error: Call to a member function getBody() on null in C:\xampp\htdocs\cursophpII\public\index.php:65 Stack trace: #0 {main} thrown in C:\xampp\htdocs\cursophpII\public\index.php on line 65

Alguien que me apoye ?

Patricio Aliaga

student•

Esto es porque el método getBody es null, dado de la clase que lo esta instanciando, si tu clase por ejemplo es Job y esta se esta se extiende a su vez desde BaseController en este lugar es donde vive el metodo getBody.

Si no lo encuentra job cuando lo ejecutas es probable que el constructor de la clase padre este errado o mal declarado en su sintaxis por ejemplo ocupar solo un “_” en vez de dos “__”.

Bryan de jesus marcos quino

student•

Tengo una situación al momento de enviar el return $this->renderHTML('index.twig'); solicitado por un GET mi pagina recarga sin problema pero cuando es solicitado por un POST solo carga lo que hay en el archivo e ignora los archivos enlazados por ejemplos imagenes, css , ese tipo de carga. entonces yo he estado investigando y siento que mi problema esta en esos tipos de envío y posiblemente algo tenga que ver con los htacces. ya que todo lo mande a un public y estoy aplicando lo de MVC por eso los htaccess. Si alguien tuviera alguna idea mas especifica de que puede ser les estaría muy agradecido

jonathan sanchez

student•

entender las bases del manejo de los motores de plantilla nos ayudara en el futuro a dominar otros motores con mayor velocidad ya q estas tambien siguen estandares de php.

Gabriel Alejandro Huitrón Rizo

student•

Noté que cuando se metió a AddJob, el título de la página aparece como Resume, esto debido al layout, hay alguna forma de utilizar ese Layout, pero ir cambiando el título de la página?

Juan Osio

student•

Claro, lo que podrías hacer es que dentro de la etiqueta <title> colocar las respectivas etiquetas para extender y luego modificar desde donde quieras, no te confundas es tan fácil como hacer esto:

Tu etiqueta <title> que se encuentra en la plantilla principal quedaría así: <title>{% block title %}{% endblock %}</title>
Y luego desde cada página (hijo, por así decirlo) que extienda de esa plantilla principal, solo debes hacer lo siguiente: {% extends "base.html" %} //Aquí extendemos de la plantilla padre

{% block title %}Título que quieras{% endblock %} //Aquí modificamos el titulo que tendrá esa página

Paul Cortes

student•

Excelente estas etiquetas de twig para crear las plantillas Ejemplo:

{% extends &quot;layout.twig&quot; %}
{% block contenido %}
{% endblock %}

Extendiendo Templates con Twig

Introducción a PHP

¡Actualizamos este curso!

Lo que aprenderás sobre PHP

¿Qué es PHP?

Setup y Herramientas

Conceptos Básicos de PHP

Sintaxis de PHP

Revisando el template que usaremos

Variables tipos de datos y cadenas

Tipos de Datos en PHP

Arreglos

Condicionales y Ciclos

Ejercicios Arreglos

While vs. Do While

Operadores, Condicionales, Continue y Break

Operadores

Ejercicios Operadores

Funciones

Agregando archivos externos

Programación Orientada a Objetos

Programación Orientada a Objetos

Constructor y Métodos

Herencia

Herencia y polimorfismo

Interfaces

Namespaces

Herramientas para Proyectos PHP

PSR y PHPFIG

Composer

Bases de Datos

Introducción a las Bases de Datos

ORM

Formularios

Eloquent

Listar registros de la base de datos con Eloquent

Insertar datos en MySql con PHP

Estructura/Arquitectura de una applicacion web

Front Controller

PSR7

Router

MVC, Creando Controllers

MVC Reestructurando Vistas y Controladores

MVC Controller de la entidad Job

Template engines

Template engines

Twig

Templates con Twig

Extendiendo Templates con Twig

Validaciones

Validaciones

Subida de archivos

Ejemplo de subida de archivos

Tips de seguridad para subir archivos en PHP

Autenticación de usuarios y manejo de sesiones

Reto. Creación de usuarios

Autenticando usuarios

Formulario de Login

Manejo de sesiones

Liberación de código/release

Variables de entorno

Deploy en Heroku

Instalación de pgAdmin

Creando la base de datos en Heroku

Conclusiones del curso