Content banner

Intro til datavisualisering med Bekk

Kurs

Om kursserien

Kursserien dette semesteret er todelt, hvor den ene parallellen er introduksjon til datavisualisering for nybegynnere, mens den andre parallellen er en kursserie i 3D-visualisering med WebGL.

Introduksjon til datavisualisering!

Har du noe kjempespennende data fra et hobbyprosjekt du ønsker å visualisere, men vet ikke hvordan? Har du aldri vært borti webprogrammering, men er nysgjerrig på HTML, CSS og JavaScript? Denne kursserien passer for deg som ikke har drevet noe særlig med webutvikling, datavisualisering eller animasjoner fra før, og vil lære deg hvordan du med noen enkle triks kan gjøre kjedelig data til en fryd for øyet!

Du vil først få en kort introduksjon til webutvikling, før du får prøvd ut dine nye ferdigheter gjennom et skreddersydd øvingsopplegg. Kurset forutsetter ingen erfaring med hverken HTML, CSS eller JavaScript. Før du møter opp bør du installere NodeJS v10 https://nodejs.org/en/ på maskinen din.

Del 1: Introduksjon til webutvikling. Vi skal lose dere gjennom nettsidenes grunnsteiner, og hvordan HTML, CSS og JavaScript spiller på lag for å lage kule ting. Hvem vet, kanskje du får satt din helt egen nettside i produksjon før kvelden er omme?

Del 2: Animasjoner med CSS og SVG. Du bygger videre på grunnkunnskapen fra del 1, og lærer hvordan CSS kan brukes til å lage fete animasjoner. Vi begynner med enkle animasjoner som et roterende kvadrat og en sirkel som beveger seg, og bygger deretter gradvis ut animasjonene med flere elementer og kompleksitet. Du vil også lære hvordan du kan bruke CSS til å animere elementer i en SVG.

Del 3: Data visualisering med D3.js. D3 er defactor standard til å visualisere data i nettleseren med JavaScript. Vi tar deg gjennom de grunnleggende konseptene i D3, og vil gi deg forutsetningene du trenger for å lage mer kompliserte visualiseringer senere.

Underveis i kurset blir det pizza og sushi :-) Fagkom minner om at oppmøte er 16:00 i R9, venteliste åpner 16:10 og kurset begynner 16:15.

Kommentarer

Vennligst logg inn for å kommentere