D. Potikanond potikanond

JavaScript Crash Course

Use Console tab for single line instruction. Executing single instruction at a time.

// Warning
alert('Hello');

// Confirm?
let val = confirm("Do you want to continue ?");

	/* References:
	https://developers.google.com/web/updates/2015/03/introduction-to-fetch
	https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data
	https://medium.freecodecamp.org/a-practical-es6-guide-on-how-to-perform-http-requests-using-the-fetch-api-594c3d91a547
	*/

	/* Making Simple GET Request:
	// fetch(url) // Call the fetch function passing the url of the API as a parameter
	// .then(function() {
	// // Your code for handling the data you get from the API

	/* References:
	https://developers.google.com/web/updates/2015/03/introduction-to-fetch
	https://www.w3schools.com/xml/xml_http.asp
	https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
	*/

	function reqListener() {
	var data = JSON.parse(this.responseText);
	console.log(data);
	}

	const http = require('http');
	const fs = require('fs');

	const server = http.createServer((req, res) => {
	// -------- more flexible way ---------

	// Build file path
	let filePath = path.join(
	__dirname,
	'public',

	const http = require('http');
	const fs = require('fs');
	const path = require('path');

	const server = http.createServer( (req,res) => {
	console.log(req.url);
	if(req.url === '/') {
	// res.writeHead(200, { 'Content-Type': 'text/html'});
	// res.end('<h1>This is index.html</h1>');

	<h1 class="text-center mb-3">{{title}}</h1>

	<form action="/api/members" method="POST" class="mb-4">
	<div class="form-group">
	<label for="name">Name</label>
	<input type="text" name="name" class="form-control" id="">
	</div>

	<div class="form-group">
	<label for="email">Email</label>

	<!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">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<title>Members App</title>
	</head>
	<body>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>My test page</title>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

	</head>
	<body>
	<h1>Mozilla is Cool!</h1>