We'll use the Raspberry Pi Pico and will write code both in MicroPython and
C. For using MicroPython on the Pico, follow the instructions on relevant
instructions on
docs.find-santa.eu.
If you don't own a MicroPython compatible device and still want to practice
at home, you can use the
Wokwi
RP Pico simulator.
Web Programming Basics
We dedicate four sessions to this topic. After those fourse sessions you'll
have to write a small website which you'll present the week after Easter.
Overview of Core Web Development Technologies
Setting up our Development Environment
Image formats - raster graphics and vector file formats
Introduction to HTML
Introduction to CSS
Introduction to JavaScript
Start by setting up a mini development environment. We can either stick
to replit or use a local installation to speed up development on our own
machine. When going for the latter approach, I suggest using VSCodium as
our editor. Consult
Introduction to VSCodium
to get started with this editor.
We genereally distinguish two different kinds of graphics formats:
raster graphics
and
vector graphics.
For our purposes, it is enough to understand which advantages and
disadvantages each of them has to decide which ones to chose in different
use cases on the web.
For raster graphics, png –
Portable Network Graphics
is likely the best choice,
although alternatives like jpeg and gif also work in
many cases.
For vector graphics, I recommend using svg –
Scalable Vector Graphics files.
