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> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="/css/styles.css">
</head> </head>
<body> <body>
<h1>About</h1> <h1>About</h1>
<img src="/img/me.jpg">
</body> </body>
</html> </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> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="/css/styles.css">
</head> </head>
<body> <body>
<h1>Help</h1> <h1>Help</h1>
</body> </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> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="/css/styles.css">
<script src="/js/app.js"></script>
</head> </head>
<body> <body>
<h1>From a static file</h1> <h1>From a static file</h1>
</body> </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) => { app.get('/weather', (req, res) => {
res.send({ res.send({
forecast: 'It\'s snowing. It\'s really gross out.', forecast: 'It is snowing. In September.',
location: 'Calgary' location: 'Calgary'
}) })
}) })