Mastering the Learning Process 💪: show your work!

Hey Creative Coders, ☀️

I hope you are doing well! It's time for another episode of my monthly "Mastering the Learning Process" series, in which I will share some ideas about the power of showing your work and to "learn in public". I always wanted to try to do something with audio only since I am listening to audiobooks and podcasts myself all day. So here we go, this is my first podcast-episode :-D

show your work!

When I made the decision to learn Creative Coding in 2015, I registered a blog on tumblr.com to document my learning process. I spontaneously and intuitively registered the domain https://trcreativecoding.tumblr.com and set parameters using the Magic Triangle method:

• Use Processing
• Generate square gif animations
• Stay under 2MB

The reason that the animations couldn't be larger than 2MB had to do with the fact that that was the maximum upload size of files on tumblr at the time.

So I had built myself an extremely helpful tool with this website that I could use to document my learning.

Tumblr was a leading social network at the time, and in many ways it was better than Instagram today: You could create your own free website there using HTML and CSS, which was very easy to maintain via a simple internal area. In addition, users could easily repost other users' images and videos, resulting in thousands of mood boards on specific topics appearing on the platform.

But then the ship "tumblr.com" sank slowly but surely. More and more ads were placed on tumblr's web pages and quickly many users migrated to other networks. I also decided to jump ship and signed up for Instagram. However, I had also made a decision: I was never again going to fully rely on a platform that was not mine. And so, step by step, I started to build my own website: timrodenbroeker.de. That was one of my best decisions ever.

I've been giving some thought to how I can help my students develop a simple website. In doing so, I absolutely wanted to avoid toolbox systems like Wordpress, which are basically "overkill" for small portfolio projects. Building a small website with Wordpress is a bit like trying to fly a plane to the next village. Rather, I wanted to show how to get there by bike.

At some point I came across a tool that I now think is a very good solution. "Hugo" is a so-called "static site generator". This means that you put your content in a folder and then start a process via a command in the terminal, which automatically generates a web page in HTML and CSS from it.

https://github.com/timrodenbroeker/hugo-themes 

I took some time and built a very simple template with Hugo for you. Currently there is no documentation for it, let alone a step by step guide, but if you look around a bit on the official website of Hugo, you will find everything you need.

https://gohugo.io/ 

However, the robustness and simplicity of a Hugo website comes at a price: it takes a little time to get used to the way things work. But it's worth it, because you'll expand your horizons as a creative coder enormously, because you'll learn a lot of exciting new concepts that can be very useful later on.

I'm really looking forward to your feedback!

Please write me in the comments if you liked the post.

For technical questions, I've created a channel on Discord called "Hugo".

Good luck and have a great week!

Tim ☀️