| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>HTML Templates</title> | |
| <meta name="viewport" content="width=device-width"> | |
| <style> | |
| .temp{ | |
| background-color: cornflowerblue; | |
| color: #fff; |
| <!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>Document</title> | |
| <script src="main.js" type="module"></script> | |
| </head> | |
| <body> |
| { | |
| "products": [ | |
| { | |
| "id": 1, | |
| "title": "Apple", | |
| "desc":"Fugit dolorum consequatur rem molestiae, possimus dignissimos!", | |
| "img": "red-apple.jpg", | |
| "price": 0.25 | |
| }, | |
| { |
These are the steps to setup an Ubuntu server from scratch and deploy a MERN app with the PM2 process manager and Nginx. We are using Linode, but you could just as well use a different cloud provider or your own machine or VM.
Create an account at Linode
Click on Create Linode
Choose your server options (OS, region, etc)
| body { | |
| background-color: #252525; | |
| font-family: 'Quicksand', sans-serif; | |
| color: #fff; | |
| } | |
| header, header nav ul { | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; |
| /*********************************** | |
| Typed Arrays in JavaScript | |
| Int8Array - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int8Array | |
| -128 to 127 | |
| Uint8Array - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array | |
| 0 - 255 | |
| Uint8ClampedArray - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray | |
| 0 - 255 | |
| Int16Array - like Int8Array but 16 bits in length | |
| -32768 to 32767 |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Using Regular Expressions</title> | |
| <style> | |
| html { |
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; | |
| } | |
| html { | |
| font-size: 20px; | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, | |
| Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; | |
| font-weight: 300; |
| <?php | |
| //Arrays in PHP | |
| //keys can be integers or strings | |
| // [] v5.4 and up | |
| //$toppings = ['Ketchup', 'Mustard', 'Pickles', 'Onions']; | |
| $toppings = array('Ketchup', 'Mustard', 'Pickles', 'Onions'); | |
| $toppings[] = 'Lettuce'; //$toppings[4] | |
| echo $toppings[2]; |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Canvas Pie Charts</title> | |
| <style> | |
| canvas{ | |
| border: 2px solid #333; | |
| margin: 2rem auto; | |
