Full Stack Development

Question 1

Express

Answer 1

Fast, unopinionated, minimalist web framework for Node.js

With a myriad of HTTP utility methods and middleware at your disposal, creating a robust API is quick and easy.

But First

Blast To The Past

Question 2

Fast, unopinionated, minimalist web framework for Node.js

With a myriad of HTTP utility methods and middleware at your disposal, creating a robust API is quick and easy.

But First

Blast To The Past

Answer 2

Express

Question 3

CRUD

Answer 3

Create (post) - Make something

Read (get) - Get Something

Update (put) - Change something

Delete (delete) - Remove something

Question 4

Create (post) - Make something

Read (get) - Get Something

Update (put) - Change something

Delete (delete) - Remove something

Answer 4

CRUD

Question 5

EJS (Embed Javascript Templates)

Answer 5

EJS
(Embedded Javascript Templates)

<h1>Current Rappers</h1>
<ul class="rappers">
<% for(let i=0; i < info.length; i++) {%>
    <li class="rapper">
        <span><%= info[i].stageName %></span>
        <span><%= info[i].birthName %></span>
        <span class="del">delete</span>
    </li>
<% } %>
</ul>

<h2>Add A Rapper:</h2>

Question 6

<h1>Current Rappers</h1>

<ul class="rappers">
<% for(let i=0; i < info.length; i++) {%>
    <li class="rapper">
        <span><%= info[i].stageName %></span>
        <span><%= info[i].birthName %></span>
        <span class="del">delete</span>
    </li>
<% } %>
</ul>

<h2>Add A Rapper:</h2>

Answer 6

EJS (Embed Javascript Templates)

Question 7

Setting Up The Project

Answer 7

mkdir api-project
cd api-project
npm init
npm install express –save
npm install mongodb –save
npm install ejs –save
npm install dotenv –save

Question 8

mkdir api-project
cd api-project
npm init
npm install express –save
npm install mongodb –save
npm install ejs –save
npm install dotenv –save

Answer 8

Setting Up The Project

Question 9

let db,
dbConnectionStr = ‘mongodb+srv://demo:demo@cluster0
.2wapm.mongodb.net/rap?retryWrites=true&w=majority’,
dbName = ‘rap’

MongoClient.connect(dbConnectionStr, { useUnifiedTopology: true })
.then(client => {
console.log(Connected to ${dbName} Database)
db = client.db(dbName)
})

Answer 9

Connected To DB

Question 10

Connect to DB

Answer 10

let db,
dbConnectionStr = ‘mongodb+srv://demo:demo@cluster0
.2wapm.mongodb.net/rap?retryWrites=true&w=majority’,
dbName = ‘rap’

MongoClient.connect(dbConnectionStr, { useUnifiedTopology: true })
.then(client => {
console.log(Connected to ${dbName} Database)
db = client.db(dbName)
})

Question 11

use .env

Answer 11

DB_STRING =
mongodb+srv://demo:demo@cluster0.2wapm.mongodb.net/rap?retryWrites=true&w=majority
Use .env
.env file

add .env to .gitignore

.env
node_modules
In terminal, add var to Heroku

heroku config:set DB_STRING =
mongodb+srv://demo:demo@cluster0.2wapm.mongodb.net/rap?retryWrites=true&w=majority

Question 12

DB_STRING =
mongodb+srv://demo:demo@cluster0.2wapm.mongodb.net/rap?retryWrites=true&w=majority
Use .env
.env file

add .env to .gitignore

.env
node_modules
In terminal, add var to Heroku

heroku config:set DB_STRING =
mongodb+srv://demo:demo@cluster0.2wapm.mongodb.net/rap?retryWrites=true&w=majority

Answer 12

use .env

Question 13

Connect to DB

Answer 13

let db,
dbConnectionStr = process.env.DB_STRING,
dbName = ‘rap’

MongoClient.connect(dbConnectionStr, { useUnifiedTopology: true })
.then(client => {
console.log(Connected to ${dbName} Database)
db = client.db(dbName)
})

Question 14

let db,
dbConnectionStr = process.env.DB_STRING,
dbName = ‘rap’

MongoClient.connect(dbConnectionStr, { useUnifiedTopology: true })
.then(client => {
console.log(Connected to ${dbName} Database)
db = client.db(dbName)
})

Answer 14

Connect to DB

Question 15

app.set(‘view engine’, ‘ejs’)
app.use(express.static(‘public’))
app.use(express.urlencoded({ extended: true }))
app.use(express.json())

app.listen(process.env.PORT || PORT, ()=>{
console.log(Server running on port ${PORT})
})

Answer 15

Setup Server

Question 16

app.set(‘view engine’, ‘ejs’)
app.use(express.static(‘public’))
app.use(express.urlencoded({ extended: true }))
app.use(express.json())

app.listen(process.env.PORT || PORT, ()=>{
console.log(Server running on port ${PORT})
})

Answer 16

Setup Server

Question 17

Create EJS File

Answer 17

<h1>Current Rappers</h1>

<ul class="rappers">
<% for(let i=0; i < info.length; i++) {%>
    <li class="rapper">
        <span><%= info[i].stageName %></span>
        <span><%= info[i].birthName %></span>
        <span class="del">delete</span>
    </li>
<% } %>
</ul>

<h2>Add A Rapper:</h2>

Question 18

<h1>Current Rappers</h1>

<ul class="rappers">
<% for(let i=0; i < info.length; i++) {%>
    <li class="rapper">
        <span><%= info[i].stageName %></span>
        <span><%= info[i].birthName %></span>
        <span class="del">delete</span>
    </li>
<% } %>
</ul>

<h2>Add A Rapper:</h2>

Answer 18

Create EJS File

Question 19

API GET

Answer 19

app.get(‘/’,(request, response)=>{
db.collection(‘rappers’).find().toArray()
.then(data => {
response.render(‘index.ejs’, { info: data })
})
.catch(error => console.error(error))
})

Question 20

app.get(‘/’,(request, response)=>{
db.collection(‘rappers’).find().toArray()
.then(data => {
response.render(‘index.ejs’, { info: data })
})
.catch(error => console.error(error))
})

Answer 20

API GET

Question 21

API POST

Answer 21

app.post(‘/addRapper’, (request, response) => {
db.collection(‘rappers’).insertOne(request.body)
.then(result => {
console.log(‘Rapper Added’)
response.redirect(‘/’)
})
.catch(error => console.error(error))
})

Question 22

app.post(‘/addRapper’, (request, response) => {
db.collection(‘rappers’).insertOne(request.body)
.then(result => {
console.log(‘Rapper Added’)
response.redirect(‘/’)
})
.catch(error => console.error(error))
})

Answer 22

API Post

Question 23

API PUT

Answer 23

app.put(‘/addOneLike’, (request, response) => {
db.collection(‘rappers’).updateOne({stageName: request.body.stageNameS,
birthName: request.body.birthNameS,
likes: request.body.likesS},{
$set: {
likes:request.body.likesS + 1
}
},{
sort: {_id: -1},
upsert: true
})
.then(result => {
console.log(‘Added One Like’)
response.json(‘Like Added’)
})
.catch(error => console.error(error))
})

Question 24

app.put(‘/addOneLike’, (request, response) => {
db.collection(‘rappers’).updateOne({stageName: request.body.stageNameS,
birthName: request.body.birthNameS,
likes: request.body.likesS},{
$set: {
likes:request.body.likesS + 1
}
},{
sort: {_id: -1},
upsert: true
})
.then(result => {
console.log(‘Added One Like’)
response.json(‘Like Added’)
})
.catch(error => console.error(error))
})

Answer 24

API Put

Question 25

API - DELETE

Answer 25

app.delete('/deleteRapper', (request, response) => { db.collection('rappers').deleteOne({stageName: request.body.stageNameS}) .then(result => { console.log('Rapper Deleted') response.json('Rapper Deleted') }) .catch(error => console.error(error)) })

Question 26

app.delete('/deleteRapper', (request, response) => { db.collection('rappers').deleteOne({stageName: request.body.stageNameS}) .then(result => { console.log('Rapper Deleted') response.json('Rapper Deleted') }) .catch(error => console.error(error)) })

Answer 26

API Delete

Question 27

heroku login -i heroku create simple-rap-api echo "web: node server.js" > Procfile git add . git commit -m "changes" git push heroku main

Answer 27

Push to Heroku

Question 28

Push to Heroku

Answer 28

heroku login -i heroku create simple-rap-api echo "web: node server.js" > Procfile git add . git commit -m "changes" git push heroku main

Question 29

npm i express mongoose connect-mongo express-session express-handlebars dotenv method-override moment morgan passport passport-google-oauth20

Answer 29

Code to set up beginning of app

Question 30

mkdir todo-mvc-auth-microsoft cd todo-mvc-auth-microsoft npm init npm i connect-mongo dotenv ejs express express-session mongodb mongoose nodemon passport passport-azure-ad --save

Question 31

DB_STRING = mongodb+srv://demo:demo@cluster0.2wapm.mongodb.net/rap?retryWrites=true&w=majority Using .env .env file add .env and config to .gitignore .env node_modules config/config.js exports.destroySessionUrl = 'http://localhost:2121' exports.databaseUri = 'mongodb://localhost/OIDCStrategy' Using config config.js file const mongoose = require('mongoose') const connectDB = async () => { try { const conn = await mongoose.connect(process.env.DB_STRING, { useNewUrlParser: true, useUnifiedTopology: true, useFindAndModify: false, }) console.log(`MongoDB Connected: ${conn.connection.host}`) } catch (err) { console.error(err) process.exit(1) } } module.exports = connectDB DB Setup const express = require('express') const app = express() const mongoose = require('mongoose') const passport = require('passport') const session = require('express-session') const MongoStore = require('connect-mongo')(session) const connectDB = require('./config/database') const authRoutes = require('./routes/auth') const homeRoutes = require('./routes/home') const todoRoutes = require('./routes/todos') require('dotenv').config({path: './config/.env'}) require('./config/passport')(passport) Setup Server DB_STRING = mongodb+srv: //demo:demo@cluster0.2wapm.mongodb.net/rap?retryWrites=true&w=majority Using .env .env file add .env and config to .gitignore .env node_modules config/config.js exports.destroySessionUrl = 'http://localhost:2121' exports.databaseUri = 'mongodb://localhost/OIDCStrategy' Using config config.js file

Question 32

const authRoutes = require('./routes/auth') const homeRoutes = require('./routes/home') const todoRoutes = require('./routes/todos') app.use('/', homeRoutes) app.use('/auth', authRoutes) app.use('/todos', todoRoutes)

Question 33

API Get

Answer 33

app.get('/',(request, response)=>{ db.collection('rappers').find().toArray() .then(data => { response.render('index.ejs', { info: data }) }) .catch(error => console.error(error)) })

Question 34

API NEW GET

Answer 34

//Routes File app.use('/todos', todoRoutes) //Route to Controller router.get('/', ensureAuth, todosController.getTodos) //Controller talking to model getTodos: async (req,res)=>{ console.log(req.user) try{ const todoItems = await Todo.find() const itemsLeft = await Todo.countDocuments( {microsoftId: req.user.microsoftId, completed: false} ) res.render('todos.ejs', {todos: todoItems, left: itemsLeft, user: req.user} ) }catch(err){ console.log(err) } }

Question 35

Find the hiring manager: Add them to the hitlist Follow them on Twitter Find their email (hunter.io) Ask for a coffee chat Send a thank you Get the recommendation