The Web & Web Programming

The Web & Web Programming#

Table of Contents#

Resources#

Typography

  • [ h ][ d ][ w ] Apache Server

  • [ h ][ d ][ w ] AsciiDoc

  • [ h ][ d ][ w ]Bootstrap

  • Browser Extensions

  • [ h ][ d ][ w ] BrowserStack

  • [ h ][ d ][ w ] Cascading Style Sheets (CSS)

    • MDN

    • CSS-Tricks

    • [ y ] 03-04-2022. freeCodeCamp. “Frontend Development Course - Create a Blog with HTML & CSS”.

    • [ y ] 07-22-2021. freeCodeCamp. “CSS Flexbox Crash Course”.

  • [ h ][ d ][ w ] Cloudflare

  • [ h ][ d ][ w ] Common Gateway Interface (CGI)

  • [ h ][ d ][ w ] Django

  • [ h ][ d ][ w ] Drupal

  • [ h ][ d ][ w ] Express.js

  • [ h ][ d ][ w ] Extensible Markup Language (XML)

  • [ h ][ d ][ w ] Gunicorn

  • [ h ][ d ][ w ] Hypertext Markup Language (HTML)

  • [ h ][ d ][ w ] HTMX

    • [ y ] 01-01-2024. Traversy Media. “HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript”.

  • [ h ][ d ][ w ] Hypertext Transfer Protocol (HTTP)

  • [ h ][ d ][ w ] Hugo

  • [ h ][ d ][ w ] IndexedDB

  • [ h ][ d ][ w ] Jekyll

  • [ h ][ d ][ w ] Jinja

  • [ h ][ d ][ w ] JavaScript (JS)

    • MDN

    • [ y ] 12-12-2023. freeCodeCamp. “Build a Virtual World Filled with Self-Driving Cars - JavaScript Tutorial”.

    • [ y ] 12-07-2023. freeCodeCamp. “Beginner JavaScript Project – Snake Game Tutorial”.

    • [ y ] 06-22-2021. freeCodeCamp. “Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)”.

  • [ h ][ d ][ w ] Less

  • [ h ][ d ][ w ] Markdown

  • Mathematical Markup Languages (MathML)

  • [ h ][ d ][ w ] Mustache

  • [ h ][ d ][ w ] Next.js

  • [ h ][ d ][ w ] NGINX

    • [ y ] 05-13-2022. Laith Academy. “The NGINX Crash Course”.

  • [ h ][ d ][ w ] Node.js

  • [ h ][ d ][ w ] Open Web Application Security Project (OWASP)

  • [ h ][ d ][ w ] Prettier

  • [ h ][ d ][ w ] Progressive Web Apps (PWA)

  • [ h ][ d ][ w ] React.js

  • [ h ][ d ][ w ] reStructuredText (RST)

  • [ h ][ d ][ w ] Scalable Vector Graphics (SVG)

  • [ h ][ d ][ w ] Sass

  • [ h ][ d ][ w ] shadcn/ui

  • [ h ][ d ][ w ] Squid

  • [ h ][ d ][ w ] Stylus

  • [ h ][ d ][ w ] Tailwind

  • [ h ][ d ][ w ] Textile

  • [ h ][ d ][ w ] TypeScript (TS)

  • [ h ][ d ][ w ] World Wide Web Consortium (W3C)

  • [ h ][ d ][ w ] WebAssembly (Wasm)

  • [ h ][ d ][ w ] WebDriver

  • [ h ][ d ][ w ] WebGL

YouTube#

Akamai Developer

  • [ y ] 04-23-2024. “How to Securely Allow File Uploads | Best Practices & Strategies Leveraging CDN & Object Storage”.

freeCodeCamp [ front-end dev learning path ]

  • [ y ] 12-19-2023. “Full Stack Tutorial – Hotel Management Site w/ Next.js, React, Sanity.io, Tailwind, Stripe”.

  • [ y ] 11-30-2023. “Build and Deploy an Instagram Clone with React and Firebase – Tutorial”.

  • [ y ] 11-02-2023. “Web Development with HTML & CSS – Full Course for Beginners”.

  • [ y ] 10-11-2022. “Build a Webshop - Angular, Node.js, TypeScript, Stripe”.

  • [ y ] 09-14-2022. “Learn HTML & CSS - Full Course for Beginners”.

  • [ y ] 09-28-2022. “Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) - Tutorial”.

  • [ y ] 08-24-2022. “Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)”.

  • [ y ] 03-17-2022. “Portfolio Website Tutorial - Frontend Development with HTML, CSS, JavaScript”.

  • [ y ] 12-20-2021. “Internet History, Technology, and Security - Full Course from Dr. Chuck”.

  • [ y ] 08-03-2021. “Code a Dictionary with React and Material UI - Tutorial”.

  • [ y ] 04-30-2019. “Learn HTML5 and CSS3 From Scratch - Full Course”.

  • [ y ] 11-09-2018. “Web Development Tutorial - JavaScript, HTML, CSS - Rock Paper Scissors Game”.

  • [ y ] The World Wide Web: Crash Course Computer Science.

Nerd’s Lesson

  • [ y ] 11-28-2022. “JavaScript Mastery Complete Course | JavaScript Tutorial For Beginner to Advanced”.

Theo - t3․gg

  • [ y ] 01-13-2024. “UI Libraries Are Dying, Here’s Why”.

  • [ y ] 10-05-2022. “Comparing Modern CSS Solutions (Tailwind vs MUI vs Bootstrap vs Chakra vs…)”.

More

  • [ y ] 06-21-2023. AsmrProg. “ASMR Programming - Responsive Admin Dashboard with Light & Dark Mode - No Talking”.

  • [ y ] 12-21-2023. DesignTorch. “Animated Hamburger Icon Using CSS Cubic-Bezier timing-function”.

  • [ y ] 11-28-2023. Envato Tuts+. “Motion Design for the Web | FREE COURSE”.

  • [ y ] 04-25-2024. Kevin Powell. “I never thought of using CSS animations like this before!”.

  • [ y ] 01-23-2024. notJust.dev. “Building a Full Stack Workout Tracker with React Native & MongoDB”.

  • [ y ] 10-10-2020. notJust.dev. “Build a Realtime Chat App in React Native (tutorial for beginners) 🔴”.

Other Resources

Texts#

  • Battagline, Rick. (2021). The Art of WebAssembly: Build Secure, Portable, High-Performance Applications. No Starch Press.

  • Brown, Ethan. (2019). Web Development with Node and Express: Leveraging the JavaScript Stack. 2nd Ed. O’Reilly.

  • Gasston, Peter. (2014). Book of CSS3: A Developer’s Guide to the Future of Web Design. No Starch Press.

  • Gasston, Peter. (2013). The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScript. No Starch Press.

  • Griffiths, David & Dawn Griffiths. (2021). React Cookbook: Recipes for Mastering the React Framework. O’Reilly.

  • Schrenk, Michael. (2012). Webbots, Spiders, and Screen Scrapers: A Guide to Developing Internet Agents with PHP/Curl. 2nd Ed. No Starch Press.

  • Sletten, Brian. (2021). WebAssembly: The Definitive Guide: Safe, Fast, and Portable Code. O’Reilly.

Figures#

  • [ w ] Berners-Lee, Tim

  • [ w ] Bush, Vannevar

  • [ w ][ y ] Crockford, Douglas

[ w ] Internet pioneers

Terms#

  • [ w ] [API] Application Programming Interface

  • [ w ] API Key

  • [ w ] Application Security

  • [ w ] [AJAX] Asynchronous JavaScript and XML

  • [ w ] [AMD] Asynchronous Method Dispatch

  • [ w ] Asynchronous Procedure Call

  • [ w ] Asynchrony

  • [ w ] Backend

  • [ w ] Backend Web Development

  • [ w ] Boilerplate

  • [ w ] Browser Engine

  • [ w ] Button

  • [ w ] [CSS] Cascading Style Sheets

  • [ w ] Client

  • [ w ] Client-Server Model

  • [ w ] Client-Side

  • [ w ] Client-Side Scripting

  • [ w ] [CGI] Common Gateway Interface

  • [ w ] [CMS] Contact/Customer Management System

  • [ w ] [CRM] Contact/Customer Relationship Management

  • [ w ] [CDN] Content Delivery Network

  • [ w ] [CSRF] Cross-Site Request Forgery

  • [ w ] Deep Web

  • [ w ] [DXP] Digital Experience Platform

  • [ w ] [DOM] Document Object Model

  • [ w ] Dynamic HTML

  • [ w ] ECMAScript

  • [ w ] Event

  • [ w ] Event Handling

  • [ w ] Event-Driven Programming

  • [ w ] Experience Management

  • [ w ] [XML] Extensible Markup Language

  • [ w ] Front Controller

  • [ w ] Frontend

  • [ w ] Frontend Web Development

  • [ w ] Full-Stack Web Development

  • [ w ] Hyperlink

  • [ w ] Hypertext

  • [ w ] [HTML] Hypertext Markup Language

  • [ w ] [HTTP] Hypertext Transfer Protocol

  • [ w ] HTTP Request Method

  • [ w ] HTTP Status Codes

  • [ w ] [IPFS] Inter Planetary File System

  • [ w ] Internationalization and Localization

  • [ w ] [JS] JavaScript

  • [ w ] [JSON] JavaScript Object Notation

  • [ w ] Knowledge Management

  • [ w ] Layout

  • [ w ] Layout Manager

  • [ w ] Load Balancing

  • [ w ] Markup Language

  • [ w ] [MVC] Model View Controller

  • [ w ] Page Layout

  • [ w ] POST (HTTP Request Method)

  • [ w ] Preprocessor

  • [ w ] Progressive Enhancement

  • [ w ] Proxy Server

  • [ w ] Query String

  • [ w ] [RPC] Remote Procedure Call

  • [ w ] [REST] REpresentational State Transfer

  • [ w ] [RDF] Resource Description Framework

  • [ w ] [RWD] Responsive Web Design

  • [ w ] Reverse Proxy

  • [ w ] [SVG] Scalable Vector Graphic

  • [ w ] Search Engine

  • [ w ] Search Engine Cache

  • [ w ] [SEO] Search Engine Optimization

  • [ w ] Search Query

  • [ w ] Secret Key or Cryptographic Key

  • [ w ] Semantic HTML

  • [ w ] Semantic Web

  • [ w ] Server-Side

  • [ w ] [SSI] Server-Side Includes

  • [ w ] Server-Side Scripting

  • [ w ] [SPA] Single-Page Application

  • [ w ] Social Network

  • [ w ] Solution Stack

  • [ w ] [SSG] Static Site Generator

  • [ w ] Static Web Page

  • [ w ] Style Sheet

  • [ w ] Template Engine

  • [ w ] Template Metaprogramming

  • [ w ] [URI] Uniform Resource Identifier

  • [ w ] [URL] Uniform Resource Locator

  • [ w ] URL Redirection

  • [ w ] URL Shortening

  • [ w ] [UX] User Experience

  • [ w ] [UI] User Interface

  • [ w ] User Agent

  • [ w ] V8

  • [ w ] Web 2.0

  • [ w ] Web 3.0

  • [ w ] Web Accelerator

  • [ w ] Web Application

  • [ w ] [WAF] Web Application Firewall

  • [ w ] [WAF] Web Application Framework

  • [ w ] Web Browser

  • [ w ] Web Cache

  • [ w ] Web Cookie

  • [ w ] Web Crawler

  • [ w ] Web Design

  • [ w ] Web Development

  • [ w ] Web Form

  • [ w ] [WF] Web Framework

  • [ w ] [OWL] Web Ontology Language

  • [ w ] Web Page

  • [ w ] Web Programming

  • [ w ] Web Resource

  • [ w ] Web Scraping

  • [ w ] Web Server

  • [ w ] [WSGI] Web Server Gateway Interface

  • [ w ] [WS] Web Service

  • [ w ] Web Template System

  • [ w ] Website

  • [ w ] WebSocket

  • [ w ] [WYSIWYG] What you see is what you get

  • [ w ] Widget

  • [ w ] [WIMP] Windows, icons, menus, pointer

  • [ w ] [WWW] World Wide Web

Contents