Michael Keller mhkeller

HTML, CSS and JavaScript tutorials

Here's a collection of guidebooks and tutorials that give the basics of HTML, CSS and JavaScript – three languages that form the basis for the modern web. The Mozilla links are documents that you can read through. The CodeCademy and other sites are interactive tutorials to get used to writing code.

For future projects, install Visual Studio Code, which is a handy text editor, useful for more than just web development (you can take interview notes in it, for example).

I think the fastest way to get up and running is to write using the Svelte REPL, which is an online interface for writing HTML, CSS and JavaScript. You can use it as a playground for quick experiments and following along with some of the tutorials.

HTML - Creating elements and text (the structure of a page)

#393939 #747369 #515151 #a09f93 #2d2d2d #d3d0c8 #74736930 #cc99cc #f2777a #6699cc

	{
	"name": "parquet-to-arrow",
	"version": "1.0.0",
	"description": "",
	"scripts": {
	},
	"dependencies": {
	"apache-arrow": "^15.0.2",
	"arrow-js-ffi": "^0.4.1",
	"parquet-wasm": "^0.6.0-beta.2"

	const { Pool, Client } = require('pg');

	const namespaceQuery = `SELECT nspname
	FROM pg_namespace
	WHERE oid = pg_my_temp_schema();`;

	const fnQuery = `CREATE OR REPLACE FUNCTION pg_temp.increment(i integer)
	RETURNS integer
	LANGUAGE plpgsql
	AS $function$

	javascript: (function() {
	var newcss = `PUT NEW CSS HERE`;
	var tag = document.createElement("style");
	tag.type = "text/css";
	document.getElementsByTagName("head")[0].appendChild(tag);
	tag[(typeof document.body.style.WebkitAppearance == "string") ? "innerText" : "innerHTML"] = newcss
	})();

	class InternMap extends Map {
	constructor(entries, key = keyof) {
	super();
	Object.defineProperties(this, {_intern: {value: new Map()}, _key: {value: key}});
	if (entries != null) for (const [key, value] of entries) this.set(key, value);
	}
	get(key) {
	return super.get(intern_get(this, key));
	}
	has(key) {

	/**
	* Copyright 2017 Google Inc. All rights reserved.
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software

	license: gpl-3.0
	border: no
	height: 500