255 lines
6.8 KiB
HTML
255 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
<title>My New Hugo Site</title>
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1">
|
|
<meta name="description" content="My web tech stack
|
|
Frontend (client side, in the browser)
|
|
UI development
|
|
|
|
Styling
|
|
Forms
|
|
Navigation
|
|
Multimedia
|
|
Debugging in Chrome DevTools
|
|
|
|
UI design
|
|
|
|
Apply Human-Centred Design.
|
|
Create static mockups in Inkscape.
|
|
|
|
Backend
|
|
Databases
|
|
|
|
MySQL
|
|
SQLite
|
|
|
|
APIs
|
|
|
|
REST
|
|
JSON:API
|
|
Laravel
|
|
Symfony
|
|
.NET Core
|
|
|
|
Content management systems
|
|
|
|
Drupal
|
|
Wordpress
|
|
|
|
Search
|
|
|
|
Apache Solr
|
|
|
|
Static sites
|
|
|
|
Gatsby
|
|
Hugo
|
|
|
|
Design patterns
|
|
|
|
MVC
|
|
Stack middleware
|
|
Dependency injection, service container
|
|
Pub-sub, events
|
|
Batch processing
|
|
Caching
|
|
Throttling, rate limiting
|
|
|
|
System administration (maintaining the OS, filesystem, services)
|
|
Bash scripting">
|
|
<meta name="generator" content="Hugo 0.145.0">
|
|
|
|
|
|
|
|
<meta name="robots" content="noindex, nofollow">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/ananke/css/main.min.css" >
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="canonical" href="http://localhost:1313/programming/web/tech-stack/overview/">
|
|
|
|
|
|
<meta property="og:url" content="http://localhost:1313/programming/web/tech-stack/overview/">
|
|
<meta property="og:site_name" content="My New Hugo Site">
|
|
<meta property="og:title" content="My New Hugo Site">
|
|
<meta property="og:description" content="My web tech stack Frontend (client side, in the browser) UI development Styling Forms Navigation Multimedia Debugging in Chrome DevTools UI design Apply Human-Centred Design. Create static mockups in Inkscape. Backend Databases MySQL SQLite APIs REST JSON:API Laravel Symfony .NET Core Content management systems Drupal Wordpress Search Apache Solr Static sites Gatsby Hugo Design patterns MVC Stack middleware Dependency injection, service container Pub-sub, events Batch processing Caching Throttling, rate limiting System administration (maintaining the OS, filesystem, services) Bash scripting">
|
|
<meta property="og:locale" content="en_us">
|
|
<meta property="og:type" content="article">
|
|
<meta property="article:section" content="programming">
|
|
|
|
<meta itemprop="name" content="My New Hugo Site">
|
|
<meta itemprop="description" content="My web tech stack Frontend (client side, in the browser) UI development Styling Forms Navigation Multimedia Debugging in Chrome DevTools UI design Apply Human-Centred Design. Create static mockups in Inkscape. Backend Databases MySQL SQLite APIs REST JSON:API Laravel Symfony .NET Core Content management systems Drupal Wordpress Search Apache Solr Static sites Gatsby Hugo Design patterns MVC Stack middleware Dependency injection, service container Pub-sub, events Batch processing Caching Throttling, rate limiting System administration (maintaining the OS, filesystem, services) Bash scripting">
|
|
<meta itemprop="wordCount" content="95">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="My New Hugo Site">
|
|
<meta name="twitter:description" content="My web tech stack Frontend (client side, in the browser) UI development Styling Forms Navigation Multimedia Debugging in Chrome DevTools UI design Apply Human-Centred Design. Create static mockups in Inkscape. Backend Databases MySQL SQLite APIs REST JSON:API Laravel Symfony .NET Core Content management systems Drupal Wordpress Search Apache Solr Static sites Gatsby Hugo Design patterns MVC Stack middleware Dependency injection, service container Pub-sub, events Batch processing Caching Throttling, rate limiting System administration (maintaining the OS, filesystem, services) Bash scripting">
|
|
|
|
|
|
</head><body class="ma0 avenir bg-near-white development">
|
|
|
|
|
|
|
|
|
|
|
|
<header>
|
|
<div class="bg-black">
|
|
<nav class="pv3 ph3 ph4-ns" role="navigation">
|
|
<div class="flex-l justify-between items-center center">
|
|
<a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
|
|
|
|
My New Hugo Site
|
|
|
|
</a>
|
|
<div class="flex-l items-center">
|
|
|
|
|
|
|
|
<div class="ananke-socials"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
<main class="pb7" role="main">
|
|
|
|
|
|
|
|
<article class="flex-l flex-wrap justify-between mw8 center ph3">
|
|
<header class="mt4 w-100">
|
|
<aside class="instapaper_ignoref b helvetica tracked ttu">
|
|
|
|
Programmings
|
|
</aside><div id="sharing" class="mt3 ananke-socials"></div>
|
|
<h1 class="f1 athelas mt3 mb1"></h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</header>
|
|
<div class="nested-copy-line-height lh-copy serif f4 nested-links mid-gray pr4-l w-two-thirds-l"><h1 id="my-web-tech-stack">My web tech stack</h1>
|
|
<h2 id="frontend-client-side-in-the-browser">Frontend (client side, in the browser)</h2>
|
|
<h3 id="ui-development">UI development</h3>
|
|
<ul>
|
|
<li>Styling</li>
|
|
<li>Forms</li>
|
|
<li>Navigation</li>
|
|
<li>Multimedia</li>
|
|
<li>Debugging in Chrome DevTools</li>
|
|
</ul>
|
|
<h3 id="ui-design">UI design</h3>
|
|
<ul>
|
|
<li>Apply Human-Centred Design.</li>
|
|
<li>Create static mockups in Inkscape.</li>
|
|
</ul>
|
|
<h2 id="backend">Backend</h2>
|
|
<h3 id="databases">Databases</h3>
|
|
<ul>
|
|
<li>MySQL</li>
|
|
<li>SQLite</li>
|
|
</ul>
|
|
<h3 id="apis">APIs</h3>
|
|
<ul>
|
|
<li>REST</li>
|
|
<li>JSON:API</li>
|
|
<li>Laravel</li>
|
|
<li>Symfony</li>
|
|
<li>.NET Core</li>
|
|
</ul>
|
|
<h3 id="content-management-systems">Content management systems</h3>
|
|
<ul>
|
|
<li>Drupal</li>
|
|
<li>Wordpress</li>
|
|
</ul>
|
|
<h3 id="search">Search</h3>
|
|
<ul>
|
|
<li>Apache Solr</li>
|
|
</ul>
|
|
<h3 id="static-sites">Static sites</h3>
|
|
<ul>
|
|
<li>Gatsby</li>
|
|
<li>Hugo</li>
|
|
</ul>
|
|
<h3 id="design-patterns">Design patterns</h3>
|
|
<ul>
|
|
<li>MVC</li>
|
|
<li>Stack middleware</li>
|
|
<li>Dependency injection, service container</li>
|
|
<li>Pub-sub, events</li>
|
|
<li>Batch processing</li>
|
|
<li>Caching</li>
|
|
<li>Throttling, rate limiting</li>
|
|
</ul>
|
|
<h2 id="system-administration-maintaining-the-os-filesystem-services">System administration (maintaining the OS, filesystem, services)</h2>
|
|
<p>Bash scripting</p>
|
|
<h2 id="developer-tools-ides-build-tools">Developer tools (IDEs, build tools)</h2>
|
|
<h3 id="ides">IDEs</h3>
|
|
<ul>
|
|
<li>Neovim</li>
|
|
<li>Visual Studio Code</li>
|
|
<li>PhpStorm</li>
|
|
</ul>
|
|
<h2 id="analytics">Analytics</h2>
|
|
<ul>
|
|
<li>Google Analytics</li>
|
|
</ul>
|
|
<h2 id="marketing">Marketing</h2>
|
|
<ul>
|
|
<li>Mailchimp</li>
|
|
</ul>
|
|
<ul class="pa0">
|
|
|
|
</ul>
|
|
<div class="mt6 instapaper_ignoref">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="w-30-l mt6-l">
|
|
|
|
|
|
|
|
|
|
</aside>
|
|
|
|
</article>
|
|
|
|
</main>
|
|
<footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
|
|
<div class="flex justify-between">
|
|
<a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="http://localhost:1313/" >
|
|
© My New Hugo Site 2025
|
|
</a>
|
|
<div><div class="ananke-socials"></div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|