jason/CompleteNodeJS
jason/CompleteNodeJS
1
0
Fork 0
Code

Video 46: Serving up CSS, JS, Impages, and More

Browse Source
This commit is contained in:
Jason Williams 2019-09-30 11:17:07 -06:00
parent 8f136ffed8
commit e393438dd1
7 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web-server/public/about.html
View File

@ -1,8 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<h1>About</h1>
<h1>About</h1>
<img src="/img/me.jpg">
</body>
</html>

7
web-server/public/css/styles.css Normal file
View File

@ -0,0 +1,7 @@
h1 {
color: grey;
}
img {
width: 250px;
}

9
web-server/public/help.html
View File

@ -1,8 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<h1>Help</h1>
<h1>Help</h1>
</body>
</html>
</html>

BIN
web-server/public/img/me.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 677 KiB

10
web-server/public/index.html
View File

@ -1,8 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/css/styles.css">
<script src="/js/app.js"></script>
</head>
<body>
<h1>From a static file</h1>
<h1>From a static file</h1>
</body>
</html>
</html>

1
web-server/public/js/app.js Normal file
View File

@ -0,0 +1 @@
console.log('Client side javascript file is loaded!')

2
web-server/src/app.js
View File

@ -8,7 +8,7 @@ app.use(express.static(publicDirectoryPath))
app.get('/weather', (req, res) => {
res.send({
forecast: 'It\'s snowing. It\'s really gross out.',
forecast: 'It is snowing. In September.',
location: 'Calgary'
})
})