jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-01-09 06:04:17 -05:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): remove extrernal link to github pug (#46080)

Browse Source 
* remove(curriculum): extrernal link to github pug

* Formated the code

* undo a mistake

* Changed the anchor

Co-authored-by: Ilenia <nethleen@gmail.com>

* Removed here

Co-authored-by: Lasse Jørgensen <28780271+lasjorg@users.noreply.github.com>

* RTFM suggestion

Co-authored-by: Lasse Jørgensen <28780271+lasjorg@users.noreply.github.com>

* Better looking format

Co-authored-by: Lasse Jørgensen <28780271+lasjorg@users.noreply.github.com>

* Add code blocks for readiblity

Co-authored-by: Lasse Jørgensen <28780271+lasjorg@users.noreply.github.com>

Co-authored-by: Ilenia <nethleen@gmail.com>
Co-authored-by: Lasse Jørgensen <28780271+lasjorg@users.noreply.github.com>
This commit is contained in:
Muhammed Mustafa
2022-05-30 09:07:50 +02:00
committed by GitHub
parent 03612c2600
commit 05bde54e9f
1 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
curriculum/challenges/english/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md
View File

@@ -12,15 +12,39 @@ One of the greatest features of using a template engine is being able to pass va
In your Pug file, you're able to use a variable by referencing the variable name as `#{variable_name}` inline with other text on an element or by using an equal sign on the element without a space such as `p=variable_name` which assigns the variable's value to the p element's text.
We strongly recommend looking at the syntax and structure of Pug [here](https://github.com/pugjs/pug) on GitHub's README. Pug is all about using whitespace and tabs to show nested elements and cutting down on the amount of code needed to make a beautiful site.
Pug is all about using whitespace and tabs to show nested elements and cutting down on the amount of code needed to make a beautiful site. Read the Pug documentation for more information on usage and syntax.
Here is an example:
```html
<!--Typing this using Pug-->
head
script(type='text/javascript').
if (foo) bar(1 + 5);
body
if youAreUsingPug
p You are amazing
else
p Get on it!
<!--will lead to creating this code-->
<head>
<script type="text/javascript">
if (foo) bar(1 + 5);
</script>
</head>
<body>
<p>You are amazing</p>
</body>
```
Looking at our pug file 'index.pug' included in your project, we used the variables *title* and *message*.
Looking at our pug file `index.pug` included in your project, we used the variables `title` and `message`.
To pass those along from our server, you will need to add an object as a second argument to your *res.render* with the variables and their values. For example, pass this object along setting the variables for your index view: `{title: 'Hello', message: 'Please login'}`
To pass those along from our server, you will need to add an object as a second argument to your `res.render` with the variables and their values. For example, pass this object along setting the variables for your index view: `{title: 'Hello', message: 'Please login'}`
It should look like: `res.render(process.cwd() + '/views/pug/index', {title: 'Hello', message: 'Please login'});` Now refresh your page and you should see those values rendered in your view in the correct spot as laid out in your index.pug file!
It should look like: `res.render(process.cwd() + '/views/pug/index', {title: 'Hello', message: 'Please login'});` Now refresh your page and you should see those values rendered in your view in the correct spot as laid out in your `index.pug` file!
Submit your page when you think you've got it right. If you're running into errors, you can check out the project completed up to this point [here](https://gist.github.com/camperbot/4af125119ed36e6e6a8bb920db0c0871).
Submit your page when you think you've got it right. If you're running into errors, you can check out the [project completed up to this point](https://gist.github.com/camperbot/4af125119ed36e6e6a8bb920db0c0871).
# --hints--