Introducción

1

Qué necesitas para este curso y qué aprenderás sobre Node.js con Hapi

2

Conceptos principales de hapi y creación de nuestro primer servidor

3

Breve historia y estado actual

Creando un sitio básico con Hapi

4

El objeto h, response y sus herramientas

5

Uso de plugins - Contenido estático

6

Plantillas con Handlebars

7

Renderizado de vistas - Layout y template del home

8

Recibiendo parámetros en una ruta POST - Creación del registro

9

Definir una mejor estructura con buenas prácticas en Hapi

10

Validando la información - Implementando Joi

11

Introducción a Firebase

12

Creando un modelo y guardando en firebase

13

Implementando el login y validación del usuario

14

Autenticación de usuarios - Cookies y estado

15

Manejando errores

16

Visualización de errores

17

Controlar el error 404 en inert y el error de validación

18

Repaso - Creación del modelo y controlador para preguntas

19

Repaso - Creación de las rutas para crear preguntas

20

Listar las últimas preguntas en el home

Aplicacion de conceptos avanzados

21

Enrutamiento avanzado - visualizando una pregunta

22

Enrutamiento avanzado - respondiendo una pregunta

23

Generando la lógica de la plantilla según si es creador o contribuidor

24

Métodos de servidor - respuesta correcta

25

Usando métodos de servidor

26

Manejo del caché - Agregando el home al caché

27

Procesamiento de archivos - Aceptando imágenes

28

Logging con Good - Monitoreando el servidor

29

Creación de plugins - Teoría

30

Creación de plugins - Implementando un API REST

31

Estrategías de autenticación - Asegurando el API REST

32

Seguridad básica - Asegurando el servidor contra CSRF

33

Seguridad básica - Asegurando el servidor contra XSS

Herramientas de desarrollo

34

Depuración del proyecto

35

Ecosistema de Hapi

Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Plantillas con Handlebars

6/35
Recursos

Las plantillas son generalmente archivos html con marcadores particulares que permiten la inserción de variables y la ejecución de algunas instrucciones de programación, antes de ser renderizados. Esta interpretación previa la realiza un plugin conocido como motor de plantillas, como es el caso de Handlebars.

Para incluir variables o instrucciones de código con Handlebars es necesario el uso de dobles llaves (o curly braces). Un bloque de html con Handlebars sería algo como lo siguiente:

<div class=""post"">
  <h1>Author: {{fullName author}}</h1>
  <div class=""body"">{{body}}</div>

  <h1>Comments</h1>

  {{#each comments}}
  <h2>By {{fullName author}}</h2>
  <div class=""body"">{{body}}</div>
  {{/each}}
</div>

Los bloques de instrucción en Handlebars comienzan con # y se cierran con /.

Para más información, recuerda consultar la documentación oficial en http://handlebarsjs.com/ y así conocer mucho más de las opciones que te brinda este potente motor de plantillas.

Aportes 16

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

El profe utiliza una extensión en VSCode llamada Import Cost, la cual permite saber cual es el tamaño de modulos importados, y ademas “colorea” si considera que es pesado/costoso.

En lo personal me resultó un poco molesto porque me gusta tener el IDE lo mas limpio posible, pero recomiendo le den una prueba al mismo:

[https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost]

Esto me recuerda un poco a la forma de manejar los templates con AngularJS…

Qué clase más extraña, la mitad fue un rápido mal paseo por una página x.

Hace años use Handlebars con MeteorJs, pero en ese entonces no sabía xD

Las dobles llaves son algo nuevo 🤔🤔

¿cual es mejor nunjucks o handlebars.js?

esto se puede configurar con reactjs?

Me siento cómodo al ver nuevamente las dobles llaves al estilo Blade de Laravel.
Pug en limpio pero en ocasiones se vuelve molesto cuando tienes anidación de tags o br

Nuevo para mi el manejo de llaves dobles

Vue.js vio bastante potencial en este concepto de handlebars aparentemente.

Muy parecido, como Laravel y Vue.

Muy similar al sistema de plantillas de Django

es muy facil usar handlebars, no lo conocia

❤ si llevas el curso a 1.25x de velocidad en el reproductor

Concepto nuevo que habra que profundizar mas!

Buen curso 😃