Web Development Basics cheatsheet

Syntax snippets and quick notes for revision.

Web Basics Introduction

// Web Basics for Web Basics Introduction
const title = "Web Basics Introduction";
console.log(`Setting up web layout: ${title}`);

Use this web basics introduction pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for How the Internet Works
const title = "How the Internet Works";
console.log(`Setting up web layout: ${title}`);

Use this how the internet works pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for Browsers and Rendering
const title = "Browsers and Rendering";
console.log(`Setting up web layout: ${title}`);

Use this browsers and rendering pattern when a Web Development Basics task needs a small, readable starting point.

<!DOCTYPE html>
<html>
<head><title>My web card</title></head>
<body><h1>Hello world</h1></body>
</html>

Use this html structure pattern when a Web Development Basics task needs a small, readable starting point.

<!DOCTYPE html>
<html>
<head><title>My web card</title></head>
<body><h1>Hello world</h1></body>
</html>

Use this css styling basics pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for JS Behavior Basics
const title = "JS Behavior Basics";
console.log(`Setting up web layout: ${title}`);

Use this js behavior basics pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for Client Server Communication
const title = "Client Server Communication";
console.log(`Setting up web layout: ${title}`);

Use this client server communication pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for Web Servers and Hosting
const title = "Web Servers and Hosting";
console.log(`Setting up web layout: ${title}`);

Use this web servers and hosting pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for Domain and DNS
const title = "Domain and DNS";
console.log(`Setting up web layout: ${title}`);

Use this domain and dns pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for HTTP and HTTPS Basics
const title = "HTTP and HTTPS Basics";
console.log(`Setting up web layout: ${title}`);

Use this http and https basics pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for Frontend vs Backend Roles
const title = "Frontend vs Backend Roles";
console.log(`Setting up web layout: ${title}`);

Use this frontend vs backend roles pattern when a Web Development Basics task needs a small, readable starting point.

// Web Basics for Code Editor Setup
const title = "Code Editor Setup";
console.log(`Setting up web layout: ${title}`);

Use this code editor setup pattern when a Web Development Basics task needs a small, readable starting point.