{"id":4964,"date":"2021-09-09T04:51:46","date_gmt":"2021-09-09T04:51:46","guid":{"rendered":"https:\/\/studysection.com\/blog\/?p=4964"},"modified":"2021-09-09T05:29:18","modified_gmt":"2021-09-09T05:29:18","slug":"what-is-templating-engines-some-commonly-used-templating-engines-with-examples","status":"publish","type":"post","link":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/","title":{"rendered":"What are Templating Engines?"},"content":{"rendered":"

\"Engines\"\/
\n<\/br>
\nA template processor<\/strong> (also referred to as a template engine<\/strong> or template parser<\/strong>) is software designed to mix templates with a knowledge model to supply result documents.<\/p>\n

The language that the templates are written in is understood as a template language<\/strong> or templating language<\/strong>.<\/p>\n

In simple words, A template engine is a mechanism that enables you to use static template files in your application.
\nTemplate engine replaces the variables inside a web template file with actual values(at runtime), and transforms the template into an HTML file sent to the client with the dynamic data. This technique makes it easier to style an HTML page.<\/p>\n

From the below diagram the functionality of Templating Engines is clear i.e. how the data from the database are shown on the HTML page dynamically.
\n<\/br>
\n\"template-page1\"\/
\n<\/br><\/p>\n

Some commonly used Templating Engines with examples.<\/h2>\n

Blade Template: <\/strong>You may display data that is passed to your Blade views(HTML) by wrapping the variable in curly braces. For example, given the below route:
\nRoute::get('\/', function () {
\n return view('welcome', ['name' => 'Samantha']);
\n});<\/code>
\nYou may also display the contents of the name <\/strong>variable like so:
\nHello, {{ $name }}.<\/code><\/p>\n

Blade’s {{ }}<\/em> echo statements are automatically sent through PHP’s htmlspecialchars <\/em>function to stop XSS attacks.<\/p>\n

EJS(Embedded JavaScript templating):<\/strong> <\/p>\n

Embedded Javascript Templating is a templating engine used in Node.js.<\/p>\n

EJS is a simple templating language that is used to create the HTML markup with plain JavaScript.
\n<% if (user) { %>
\n <h2><%= user.name %><\/h2>
\n<% } %><\/code><\/p>\n

Pug:<\/strong>
\nPug in node. js<\/strong> is a template engine that uses case-sensitive syntax to create HTML, in other words, it returns a string of HTML rendered as per data identified in a pug <\/strong>file. We can say that pug <\/strong>is a middleman who plays a task to convert the injected data and translate it into HTML<\/a> syntax
\ndoctype html
\nhtml(lang='en')
\n head
\n title Hello, World!
\n body
\n h1 Hello, World!
\n div.remark
\n p Pug rocks!<\/code><\/p>\n

Get certification for your knowledge in the fundamentals of Computer functioning by clearing the Computer Certification Exam<\/a> conducted by StudySection. After going through this Computer Certification Exam, you will be able to evaluate your basic knowledge of computers. <\/em><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"

A template processor (also referred to as a template engine or template parser) is software designed to mix templates with<\/p>\n","protected":false},"author":1,"featured_media":4965,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[708],"acf":[],"yoast_head":"\nSome commonly used Templating Engines with examples - SS Blog<\/title>\n<meta name=\"description\" content=\"Here we will discuss the meaning of Templating Engines and some examples of the commonly used templating engines.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Some commonly used Templating Engines with examples - SS Blog\" \/>\n<meta property=\"og:description\" content=\"Here we will discuss the meaning of Templating Engines and some examples of the commonly used templating engines.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Posts on famous people, innovations and educational topics\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/studysection\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-09T04:51:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-09T05:29:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/09\/Templating.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin-studysection-blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@studysection\" \/>\n<meta name=\"twitter:site\" content=\"@studysection\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin-studysection-blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/\"},\"author\":{\"name\":\"admin-studysection-blog\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\"},\"headline\":\"What are Templating Engines?\",\"datePublished\":\"2021-09-09T04:51:46+00:00\",\"dateModified\":\"2021-09-09T05:29:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/\"},\"wordCount\":322,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"keywords\":[\"Templating Engines\"],\"articleSection\":[\"Learn and Grow\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/\",\"url\":\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/\",\"name\":\"Some commonly used Templating Engines with examples - SS Blog\",\"isPartOf\":{\"@id\":\"https:\/\/studysection.com\/blog\/#website\"},\"datePublished\":\"2021-09-09T04:51:46+00:00\",\"dateModified\":\"2021-09-09T05:29:18+00:00\",\"description\":\"Here we will discuss the meaning of Templating Engines and some examples of the commonly used templating engines.\",\"breadcrumb\":{\"@id\":\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/studysection.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What are Templating Engines?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studysection.com\/blog\/#website\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"name\":\"Blog Posts on famous people, innovations and educational topics\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/studysection.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studysection.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studysection.com\/blog\/#organization\",\"name\":\"StudySection\",\"url\":\"https:\/\/studysection.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"contentUrl\":\"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png\",\"width\":920,\"height\":440,\"caption\":\"StudySection\"},\"image\":{\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/studysection\",\"https:\/\/twitter.com\/studysection\",\"https:\/\/www.instagram.com\/study.section\/\",\"https:\/\/www.linkedin.com\/company\/studysection\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402\",\"name\":\"admin-studysection-blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g\",\"caption\":\"admin-studysection-blog\"},\"url\":\"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Some commonly used Templating Engines with examples - SS Blog","description":"Here we will discuss the meaning of Templating Engines and some examples of the commonly used templating engines.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/","og_locale":"en_US","og_type":"article","og_title":"Some commonly used Templating Engines with examples - SS Blog","og_description":"Here we will discuss the meaning of Templating Engines and some examples of the commonly used templating engines.","og_url":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/","og_site_name":"Blog Posts on famous people, innovations and educational topics","article_publisher":"https:\/\/www.facebook.com\/studysection","article_published_time":"2021-09-09T04:51:46+00:00","article_modified_time":"2021-09-09T05:29:18+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/09\/Templating.png","type":"image\/png"}],"author":"admin-studysection-blog","twitter_card":"summary_large_image","twitter_creator":"@studysection","twitter_site":"@studysection","twitter_misc":{"Written by":"admin-studysection-blog","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#article","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/"},"author":{"name":"admin-studysection-blog","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402"},"headline":"What are Templating Engines?","datePublished":"2021-09-09T04:51:46+00:00","dateModified":"2021-09-09T05:29:18+00:00","mainEntityOfPage":{"@id":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/"},"wordCount":322,"commentCount":0,"publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"keywords":["Templating Engines"],"articleSection":["Learn and Grow"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/","url":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/","name":"Some commonly used Templating Engines with examples - SS Blog","isPartOf":{"@id":"https:\/\/studysection.com\/blog\/#website"},"datePublished":"2021-09-09T04:51:46+00:00","dateModified":"2021-09-09T05:29:18+00:00","description":"Here we will discuss the meaning of Templating Engines and some examples of the commonly used templating engines.","breadcrumb":{"@id":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/studysection.com\/blog\/what-is-templating-engines-some-commonly-used-templating-engines-with-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/studysection.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What are Templating Engines?"}]},{"@type":"WebSite","@id":"https:\/\/studysection.com\/blog\/#website","url":"https:\/\/studysection.com\/blog\/","name":"Blog Posts on famous people, innovations and educational topics","description":"","publisher":{"@id":"https:\/\/studysection.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studysection.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/studysection.com\/blog\/#organization","name":"StudySection","url":"https:\/\/studysection.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","contentUrl":"https:\/\/studysection.com\/blog\/wp-content\/uploads\/2021\/10\/studySection-logo.png","width":920,"height":440,"caption":"StudySection"},"image":{"@id":"https:\/\/studysection.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/studysection","https:\/\/twitter.com\/studysection","https:\/\/www.instagram.com\/study.section\/","https:\/\/www.linkedin.com\/company\/studysection"]},{"@type":"Person","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/db367e2c29a12d1808fb1979edb3d402","name":"admin-studysection-blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/studysection.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/054ac87a6874df1932004239cd8eab36?s=96&d=mm&r=g","caption":"admin-studysection-blog"},"url":"https:\/\/studysection.com\/blog\/author\/admin-studysection-blog\/"}]}},"views":1442,"_links":{"self":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/4964"}],"collection":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/comments?post=4964"}],"version-history":[{"count":3,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/4964\/revisions"}],"predecessor-version":[{"id":4970,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/posts\/4964\/revisions\/4970"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media\/4965"}],"wp:attachment":[{"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/media?parent=4964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/categories?post=4964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studysection.com\/blog\/wp-json\/wp\/v2\/tags?post=4964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}