└── README.md


/README.md:
--------------------------------------------------------------------------------
  1 | # My Embedded Javascript (ejs) Documentation
  2 | 
  3 | ### Total Chapters are following
  4 | 
  5 | 1.  Introduction ejs
  6 | 2.  Passing data
  7 | 3.  if else
  8 | 4.  loop
  9 | 5.  layout
 10 | 6.  styling
 11 | 7.  deploy on heroku
 12 | 
 13 | <br />
 14 | 
 15 | ### [1. Introduction to ejs](https://youtu.be/x9o3fxS_xdM)
 16 | 
 17 | #### What is ejs & Why ejs?
 18 | 
 19 | - ejs stands for embedded javascript
 20 | - ejs is a templating language.
 21 | - templating language helps us to manipulate dynamic content in HTML document.
 22 | - Templating language: ejs, handlebars, pug etc.
 23 | - Ejs allows us to run plain js in HTML
 24 | - Ejs simple, light weight, fast
 25 | - Most downloaded templating language on npm
 26 | - Founded in Feb, 2011
 27 | - how to use ejs
 28 | 
 29 |   ```js
 30 |     // first install ejs:
 31 |     npm install ejs
 32 | 
 33 |     // inside the server
 34 |     app.set('view engine', 'ejs');
 35 | 
 36 |     // create index.ejs inside views folder
 37 |     res.render('index',{});
 38 | 
 39 |   ```
 40 | 
 41 | ### [2. Passing data to ejs]()
 42 | 
 43 | - create and pass the data
 44 | - syntax: `<%= variable %>`
 45 | 
 46 |   ```js
 47 |   let pLanguages = ["c", "c++"];
 48 | 
 49 |   app.get("/", (req, res) => {
 50 |     res.render("index", { plNames: pLanguages });
 51 |   });
 52 | 
 53 |   //inside the index.ejs
 54 |    <li><%= plNames[0] %></li>
 55 |   ```
 56 | 
 57 | ### [3. if else in ejs]()
 58 | 
 59 | - if, else syntax:
 60 | 
 61 |   ```js
 62 |     <% if () { %>
 63 |         // do whatever
 64 |      <% } else { %>
 65 |         // do whatever
 66 |      <% } %>
 67 |   ```
 68 | 
 69 |   ```js
 70 |   <% if(plNames){ %>
 71 |   <li><%= plNames[x] %></li>
 72 |   <% }else{ %>
 73 |   <p>no data found</p>
 74 |   <% } %>
 75 |   ```
 76 | 
 77 | ### [4. loop in ejs]()
 78 | 
 79 | - loop control statement
 80 | - syntax:
 81 | 
 82 |   ```js
 83 |     <% for () { %>
 84 |         // do whatever
 85 |      <% } %>
 86 |   ```
 87 | 
 88 |   ```js
 89 |   <% for(let x=0; x<plNames.length; x++){ %>
 90 |     <li><%= plNames[x] %></li>
 91 |     <% } %></plNames.length;
 92 |   >
 93 |   ```
 94 | 
 95 | ### [5. layout in ejs]()
 96 | 
 97 | - create layout and use it anywhere
 98 | - To use a layout syntax : <%- include("layout/header") %>
 99 | 
100 | ### [6. styling in ejs]()
101 | 
102 | ### [7. deploy on heroku]()
103 | 
104 | - project link on github: https://github.com/anisul-Islam/ejs-youtube-project
105 | 


--------------------------------------------------------------------------------