2024-08 Level Up
Skills
Easy Peasy
π οΈ
React Flow
π οΈ
π οΈ
ArangoDB
π οΈ
β
COURSES: official ArangoDB courses
GraphQL
π οΈ
SHOWCASE: revisit this: GraphQL Backend
π οΈ
SHOWCASE: revisit this: GraphQL Frontend
GitLab
β
MongoDB
β
COURSE: MongoDB Essential Training
β
COURSE: Data Modeling in MongoDB
β
COURSE: MongoDB esencial
Redux Toolkit
β
COURSE: Learning Redux Toolkit
β
COURSE: nnnn
Swagger
MUI
β
π οΈ
TUTORIAL: sx
Unity
β
COURSE: Unity 2023 Essential Training
β
VIDEO TUTORIAL: Build a beautiful 3D open world in 5 minutes with Unity
β
VIDEO TUTORIAL: How to Make Beautiful Terrain in Unity 2020 | Beginner Tutorial
β
VIDEO COURSE (52 PARTS): 3D Survival Game Tutorial | Unity
β
COURSE: Unity for Beginners (17 videos)
KeyCloak
β
TUTORIAL: KeyCloak documentation
β
YOUTUBE: tutorials about KeyCloak
Bash
β
TUTORIAL: Bash courses
Go
πΉ
πΉ
πΉ
β
VSCode workspaces
β
TUTORIAL: VSCode Workspaces documentation
β
YOUTUBE: tutorials about VSCode Workspaces
react-i18next
β
TUTORIAL: react-i18next documentation
react-dropzone
β
TUTORIAL: react-dropzone documentation
react-hook-form
β
TUTORIAL: react-hook-form
ink
β
DOCUMENTATION: Foray: get Ink running
Macbook
πΉ
πΉ
π οΈ
Projects
Learniverse
- user moves around planets/places
Learnmap
- linked mindmaps with Datapod-like items
My projects, sites and tools
- sveltekit5-showcase
- React Native apps
- React Native showcase app (easy-peasy, etc.)
- Dutch Verbs
- API data
- Starter sites
- Web developer jobs in Germany
- Flex, Grid and Animation Practice - GitHub
- Vite JS-DOM Todo App with state manager - GitHub
- GitHub for JS-DOM Team Project 2023
- Nuxt Learning Showcase - GitHub
- Web Development Mind Map
Starter Tools
Templates
- Vite-React Site with React Router 6.4 BrowserRouter
- Vite-React Site with React Router 6.4 createBrowserRouter
- Vite-React Site with React Router 6.4 createBrowserRouter + Context
- Node/Express API Starter Template
- Node/Express EJS Website Template with TypeScript
- Vite-React with simple Node/Express API in one directory
- Vite React site with TypeScript, React Router, AppContext
- Full-Stack MongoDB site in one directory with Vite React frontend and Node/Express backend
- Minimal TypeScript Node/Express API that can be hosted at Render
- This is a one-directory project that has Vite React frontend, Node/Express backend, JSON Server, meant to be used as a local application that has a JSON-file database.
- This site is a Nuxt site created with npx nuxi init and has minimal page routing and Tailwind styling to serve as a simple base site for applications.
- Vue 3 starter template with TypeScript, Tailwind, Router, Vitest Unit-Testing - GitHub
- vue3-showcase-site with list/single book pages, 404 page, JSON file datasource
- python-showcase-examples
- Language Core (Dutch Verbs)
Learning Resources
- Web Development In 2024 - A Practical Guide
- Prisma Video Channel
- Prisma Features Highlights
- ThePrimeagen: VIM (btw), Streaming, & Content Creation | The Frontend Masters Podcast Ep.9
Moving my stuff
I am in the process of moving all my tech content to this site. Until then, here is where to find most of it:
Forays
A foray is "a sudden incursion into a territory, especially to obtain something, a raid". In terms of learning technology, it is any attempt to get a quick and better overview of a tool, what one would use it for, or try a particular thing out. Unlike a Howto, it doesn't have to succeed, in fact, if it fails, this is just as instructive. But often forays are quick ways to discover low-hanging fruit, a new way to accomplish something you didn't know about, or the discovery of a new tool that you use, or decide to investigate further, or do a complete howto on in order to teach to others.
- validate incoming API data with Zod
- create a website that has social-media-preview SEO with Astro
- create a Next.js site with create-t3-app
- create and deploy at Vercel a website with Go
- make a typesafe API with trpc
- set up a cron job at Hetzner for a site to pull its repository site every night at midnight
- create an API with Swagger
- create a useful example with React's new use() hook
- use Figma to create simple website graphics as Zubia's examples