Curso de Node.js [ #06 Template Engines (EJS) con Express ]
ฝัง
- เผยแพร่เมื่อ 6 ก.ย. 2024
- Con Express JS podemos configurar Template Engines, los cuales nos permiten trabajar con un HTML dinámico y renderizado en el servidor gracias a Express, en este curso utilizaremos EJS, pero siéntete libre de utilizar el template Engines que estimes conveniente :)
Documentación utilizada:
💩 bluuweb.github...
💩 Node.js [ Lista de reproducción ]: bit.ly/2CZ3jVO
🐱👤 Todos los cursos aquí: / bluuweb
#nodejs #express #ejs
¿Quiéres apoyar el canal?
🧨Curso Bootstrap 4 [UDEMY] curso-bootstrap...
🧨Curso Vue.js + Firebase [UDEMY] curso-vue-js-ud...
🧨Curso React.js + Firebase [UDEMY] curso-react-js-...
🧨Curso HTML y CSS [GRATIS] www.udemy.com/...
🧨Cursos en oferta Udemy ofertas.bluuweb...
Conviértete en miembro de este canal para disfrutar de ventajas 😍:
/ @bluuweb
![Curso de Node.js [ #07 Navbar Responsive con Bootstrap 4 ]](http://i.ytimg.com/vi/a_hdvhq1KBs/mqdefault.jpg)
![Curso de Node.js [ #07 Navbar Responsive con Bootstrap 4 ]](/img/tr.png)
Conozco gente que sabe lo que hace, gente que explica bien, y gente que sabe lo que hace y explica bien a la vez... Vos vas más allá de todo parámetro. Sos el mejor instructor que conozco.
Muchas gracias! 😍 Trato de poner todo mi corazón en cada video :) Saludos!
@@bluuweb lo haces muy bien...
Admito que soy una madera. No soy muy brillante, pero sacas lo mejor de mí.
Lo que hice para el fue agregar un snippet al html.json de VS, asi:
"ejs":{
"prefix": ["
Con la extensión de ejs debería funcionar sin problemas.
En varios años de formación oficial he tenido decenas de profesores, malos, regulares y buenos. Te aseguro que ninguno como tú. Eres lo mejor con lo que me he topado. En un par de tutoriales he conseguido aprender lo que en varios meses no consiguieron que entendiera. Eres muy grande. Saludos desde España.
Sencillo, Claro, y Humilde, Un Maestro Absoluto!
Solo paso a decir que voy a verme todos los videos de este Canal.
Estuve dos dias seguidos tratando de programar un App del Clima y miro este video y encontré la solución.
Que buen contenido
Es como que Bluuweb, es todo lo que está bien. Sigue creciendo y no te detengas nunca. Te deseamos los mejores éxitos desde Uruguay.
La verdad como explicas, lo haces todo mucho mas fácil, hasta me hiciste entender cosas que había hecho anteriormente sin tener idea de lo que hacia. Se me sube el animo de seguir adquiriendo conocimiento. Saludos desde Argentina
Me estoy viendo todos los vídeos siendo un tipo que todavía no egresó (me faltan pocas materias) pero que nunca me enseñaron éstas cosas, y estoy aprendiendo muchísimo, muchísimas gracias por ser el mejor profesor que tuve :')
Brother You are literally one of the best I have ever seen, simple, precise and charismatic. Thank you😀
El curso lo inicié por Edutin Academy, pero por circunstancias del destino, se bloqueó y se iniciará en julio. Es lo mejor que pudo haber pasado. Pensé que iba a ser enredado como lo había percibido con otros cursos para React y AngularJs Pero está muy lejos de eso y es como una serie de Netflix o de Amazon que la vas devorando...jajaja
Excelente video, muy bien explicado, Gracias por compartir tus conocimientos. Saludos desde Bogota-Colombia
Saludos Humberto!
La manera como explicas denota como amas la programación.
Totalmente Agradecido gracias.
es un PLACER ver tus explicaciones!
Bluu! Te he seguido por años y eres un gran instructor, tu unica debilidad es el inglés, si haces un curso y le pierdes el miedo, le darías a tu audiencia aún más contenido de calidad. Mil gracias.
Agradecido profe por este video, la explicacion muy didactica. Me sirvio mucho ya que estoy iniciandome en estas nuevas tecnologias. Asi que ahora lo sigo .... jejejeje .... 💪👍
EJS se utiliza en los proyectos reales? Es decir es como si usara HTML y JS puro en lugar de react o vue? Usar EJS sería la forma Vanilla de usar JS con respuestas del servidor?
No puedo ni quejarme de los anuncios. 😎🔝💻
me encantan tus cursos he visto varios muchas gracias 🙌
Minuto 13:36 EJS language support de DigitalBrainstem, agregas esa extension a VS y listo.
Para los que le presentar el error de que no les lee el EJS..... yo lo coloque asi
Excelente! Tu enseñanza es impecable! Saludos desde Argentina vecino! Te sigo...
Hola saludos desde Bariloche Argentina, sos un excelente docente, pregunta me pasa que si no incluyo el objeto en el include o en el render se rompe el código, pero veo que no te pasa a vos ,alguna sugerencia? gracias
Excelente curso muy bueno, para vue.js al igual que nuxt.js también existe quasar framework para hacer ssr, spa, etc ...
Muchas gracias por compartir! Viva Quasar!
Prácticamente están volviendo a la programación clásica, los includ eran utilizados en c++, como especies de librerías
Excelente tutorial
Gracias, me facilitó mucho todo
Como en cada video, gracias. Excelente video.
Hola loco, muy buuena
Excelente vídeo. Saludos
Muchas gracias 🤩
Ayuda. Como se resuelve esto, al compilar el archivo ejs.
Esto sale en el navegador
SyntaxError: Unexpected identifier in \path\views\landing.ejs while compiling ejs
Y en la hoja .ejs estos signos est'an en rojo
Excelente video, muchas gracias justo quería aprender Node js
Yupi! justo justo jijiji Saludos!
excelente video! Ahora me quiero ver todo el curso
Digamos que trata de hacer lo que hace next.js? pero usando vanilla js en el html?
Eu uso handlebars muito bom e parabéns pelo vídeo
Hola, lo tendré en cuenta, quizás hago un ejercicio con hbs :) Saludos
El complemento para que Visual Code detecte autocompletado para EJS se llama EJS language support, así se evitan de andar copiando y pegando xd
Amigo muchas gracias por este y todos tus videos, se nota que sabes lo que haces y que te gusta enseñar, eso provoca que sea fácil y entretenido aprender contigo! :D tienes algún curso MERN??
Saludos
Excelente video 👍🏼
Gracias 🤙🏽🤙🏽🤙🏽
Que tan eficiente o escalable es usar un motor de plantillas con express y ejs. Para un proyecto grande?
Gracias, excelente video...
Gracias
Apenas tenga más tiempo, me estudio todo el curso :)
Excelente! Aquí te esperamos :) Saludos!
¿Como hago para que en VS Code no me marque error al colocar sintaxis ejs dentro de mi HTML? todo funciona ok, solo es que al parecer HTML no reconoce la sintaxis del EJS y me marca en amarillo la sintaxis y es molesto verlo siempre.
Excelente curso maestro!!! Sigue asi!!!
Gracias!
ya lo corregi aqui dejo la solucion por si alguno le sale en esta linea de codigo app.set('views', __dirname + '/view'); el primer view tiene que ir con views osea con s ya que es una palabra reservada de node porque yo pense que no interferia y la pusecomo view igual que mi carpetita view porque yo la puse en singular
Disculpen las molestias, si usas un motor de plantilla (como hbs x ej),¿te evitas usar los frameworks como Angular, etc?
Recién estoy aprendiendo vanilla Js y de la nada descubrí sobre motor de plantillas y frameworks y se me voló la cabeza intentando entender todo
Cada uno tiene sus beneficios tanto tener un renderizado del lado del cliente (angular,react, vue), como tener una tecnología que te permita renderizar desde el lado del servidor. Lo recomendable seria usar los dos y aprovechar sus ventajas.
genial estamos refrescando muchas cosas buenas
Genio total! Gracias!
Excelente video como siempre
Excelente. Muchas gracias
Excelente! Gracias
Hola, estoy empezando queria saber esto es basicamente SSR, verdad ??
Gracias por tu video y saludos desde México, tengo una duda, como podria pasar una variable que contenga un hipervinculo en el href desde ejs, entiendo que si uno pasa las variables dentros de los signos mayor que y menor que del href la varible no funcionara pro que debe este fuera de ahi, esto lo requiero por que una forma me genera un correo, donde le digo que el siguiente paso es validar su password de recien usurio creado y ese href los mandara a la api donde habria la plantilla EJS para cambiar la password, muchas gracias
muy buen video como siempre
Muchas gracias por tu video!! Tengo una pregunta, podrías decirme como añadir imágenes a los distintos archivos js de mi aplicación? Gracias, un saludo
Lo explicaras con hbs?
Hola, no lo he probado pero sería una buena alternativa :) Saludos!
Al descargar los archivos de css bootstrap no me reconoce la ruta y no carga los css, pero al agregar los src de la pagina de bootstrap si los toma sin problemas.
Hola, en que radica la diferencia de app.get y app.use; sobre todo cuando colocas los parámetros req, res y next
cual es la extension de icon que utilizas es muy agradable visualmente ?
Alguien me podria ayudar con el , me sale que no encuentra el archivo
a mi tambien me pasa
lo resolvi , fijate que la carpeta template debe estar dentro de la carpeta views... aunque trate de encontrar la ruta estando fuera de la carpeta y no pude.. asi que dejalo adentro de views
No termine de entender... puedo usar React Js en el backend con express?
como puedo cargar una parte de un html y agregar un modulo con fetch intento pero no puedo cargar.
osear que me genere un render desde el servidor y cargarlos como parte o fragmento de un html.. no quiero recargar la pagina cada vez que la solicito. no se si me explico.
******bakend
controlador.dashboard = (req, res) => {
res.render('dash_board');
};
controlador.configuracion = (req, res) => {
res.render('config');
};
controlador.menu = (req, res) => {
res.render('menu');
};
********** frontend
async function get_html(url) {
await fetch(url, {
method: 'GET',
headers: {
"Content-Type": "application/html",
},
})
.then(res => {
console.log(res);
render(res);
})
.catch(
err => console.log('Solicitud fallida', err)
); // Capturar errores;
}
function render(dat_html) {
let contenedor = document.getElementById('contenido');
contenedor.innerHTML = dat_html;
}
Quiero pintarlo en un div. y no recargar la pagina cada vez en cuando...
pero no se como cargar un render desde fetch sin obtener un error
Thank for you 😎!
excelente
muy buen video
videazooooo perro, agradecido a morir
Hay alguna manera en la que podamos apoyar monetariamente tu trabajo? Solo para saber crack!
Hola en la descripción del video existen cursos de pago ese siempre es un buen apoyo 🤩
Nice voice!
existe el complemento EJS Snippets
Muchas gracias Axel! lo vamos a probar :)
¿Bases de datos serán relacionales o no relaciones?
Podríamos jugar con las dos... comenzamos con la no relacionales por ahora :) Saludos
@@bluuweb Perfecto... A darle con toda a este curso
Si no aprendo a crear api rest con esto me dedico a la maternidad de gallinas
Hola gracias por el tutorial! Tengo la siguiente duda. Si yo quiero crear un html a partir de los datos que le llegan a la aplicación me sirve usar ejs?
Si, totalmente.
hola EJS no se puede usar dentro de react? :s
te amo
Sos el dios del sexo hermano, excelente los videos
alguien sabe porque me sale ese error no lo entiendo
Me funciona en local pero me esta costando un monton hostearlo
y si no quiero usar la pinche botstrap ? y quiero usar css nativo ?
Muy buenos videos! Me funciona todo menos el render del 404. A alguno le pasó lo mismo?
Segun te entendi, debes crear en view el 404.ejs para que le funcione.
pucha
Gracias!!