This focuses on generating the certificates for loading local virtual hosts hosted on your computer, for development only.
Do not use self-signed certificates in production ! For online certificates, use Let's Encrypt instead (tutorial).
This focuses on generating the certificates for loading local virtual hosts hosted on your computer, for development only.
Do not use self-signed certificates in production ! For online certificates, use Let's Encrypt instead (tutorial).
self.addEventListener('message', (ev)=>{ | |
//console.log('Web worker started with data: ', ev.data); | |
let data = ev.data.do; | |
switch(data){ | |
// case 'Get Started': | |
// self.postMessage('Web Worker Started'); | |
// break; | |
// case 'Other': | |
// self.postMessage('Other task...'); |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Web Workers</title> | |
<meta name="viewport" content="width=device-width"> | |
<link rel="stylesheet" href="../video-pages/main.css"> | |
</head> | |
<body> | |
<header> |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>min, max, minmax, clamp, calc</title> | |
<link rel="stylesheet" href="main.css" /> | |
</head> | |
<body> |
//fetch using a Request and a Headers objects | |
//using jsonplaceholder for the data | |
const uri = 'http://jsonplaceholder.typicode.com/users'; | |
//new Request(uri) | |
//new Request(uri, options) | |
//options - method, headers, body, mode | |
//methods: GET, POST, PUT, DELETE, OPTIONS |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>CSS box-sizing</title> | |
<meta name="viewport" content="width=device-width"> | |
<link rel="stylesheet" href="main.css"/> | |
<style> | |
html{ | |
box-sizing: border-box; |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Div vs. Span</title> | |
<style> | |
span{ | |
color: hsla(0deg, 50%, 100%, 0.5); | |
background-color: cornflowerblue; | |
} |
First turn your project into an npm one with npm init -y
Next install the package of your choice. In this video I used Luxon
npm install luxon