haecksathon #3

Opening notes

Hi 👋🙂

It’s so cool you’ve made it here.

Reinforcing the mindset

We don’t do that here

We do not trash-talk or devalue other

Communities
Tools / tech choices
Programming languages

We do that here

If you’re here you belong.
What we do/know/learn is the right thing to do
We help each other when we’re stuck
We ask all the questions
We value collaboration over top-down knowledge transfer

Recap

Last two sessions

Looked at HTML & CSS.
We learned about git.

Impression

We know more, but can we do it?

Praxis

Let’s embrace doing something.

wikipedia.org/../Praxis (process)

Some of these things may seem hard at first.

I promise you it gets easier the more you’ve done.

Bigger idiots than us have tried and made it ;)

Exercises

Suggestions

HTML introduction
Using git
Put a poster on the internet
Contribute to this page

HTML introduction

Html example

<!DOCTYPE html>
<html>
  <head>
    <title>..</title>
    ..
  </head>
  <body>
    <h1>..</h1>
    ..
  </body>
</html>

What do you need?

Editor
Text file named index.html
Open file in browser

Where can you look?

Exercises

Create headlines, text, lists, images
Style some kind of menu
Understand flexbox

Git

Get to know git.

Links

Links from haecksathon-2

Directions

Install git
Get an account at https://codeberg.org/
Clone https://codeberg.org/runjak/haecksen
Put something in the playground section of haecksathon-2

Put a poster on the internet

Use git, codeberg and grebedoc to deploy hand written html to {username}.grebedoc.dev.

Contribute to this page

Clone codeberg.org/runjak/haecksen
Look into readme and astro.build
Invent some general styles light, dark, themed? Be creative ;)

Let’s go

Let’s do small teams and code a little.

HTML introduction
Using git
Put a poster on the internet
Contribute to this page