![mkvad](/img/default-banner.jpg)
- Видео 60
- Просмотров 34 416
mkvad
Норвегия
Добавлен 27 май 2020
Ukentlige videoer om programmering!
Jeg heter Magne og har lært meg programmering på hobbybasis ved å følge toturials og å lage små oppgaver for meg selv ved prøving og feiling. Målet med denne kanalen er å vise nybegynnere og viderekomne hvordan man kan resonnere seg frem til å lage små og store programmer helt fra bunnen av.
Jeg har en lektorgrad i matematikk og underviser programmering og matematikk på ungdomsskole og vgs.
Jeg heter Magne og har lært meg programmering på hobbybasis ved å følge toturials og å lage små oppgaver for meg selv ved prøving og feiling. Målet med denne kanalen er å vise nybegynnere og viderekomne hvordan man kan resonnere seg frem til å lage små og store programmer helt fra bunnen av.
Jeg har en lektorgrad i matematikk og underviser programmering og matematikk på ungdomsskole og vgs.
Kreativ Koding: Be square
I denne serien starter vi med et mønster, bilde eller en animasjon og prøver å generere noe uttrykksfullt ved hjelp av koding.
"Creative coding is a type of computer programming in which the goal is to create something expressive instead of something functional." - Wikipedia
#koding #p5js #javascript #kunst #kreativkoding #creativecoding #programmering
Kode: editor.p5js.org/mkvad/sketches/8tfoFnhK9
Music by Vincent Rubinetti
Download the music on Bandcamp:
vincerubinetti.bandcamp.com/album/the-music-of-3blue1brown
Stream the music on Spotify:
open.spotify.com/album/1dVyjwS8FBqXhRunaG5W5u
"Creative coding is a type of computer programming in which the goal is to create something expressive instead of something functional." - Wikipedia
#koding #p5js #javascript #kunst #kreativkoding #creativecoding #programmering
Kode: editor.p5js.org/mkvad/sketches/8tfoFnhK9
Music by Vincent Rubinetti
Download the music on Bandcamp:
vincerubinetti.bandcamp.com/album/the-music-of-3blue1brown
Stream the music on Spotify:
open.spotify.com/album/1dVyjwS8FBqXhRunaG5W5u
Просмотров: 192
Видео
Koding for nybegynnere: Bilder i p5 canvas
Просмотров 2172 года назад
Music by Vincent Rubinetti Download the music on Bandcamp: vincerubinetti.bandcamp.com/album/the-music-of-3blue1brown Stream the music on Spotify: open.spotify.com/album/1dVyjwS8FBqXhRunaG5W5u Image by lucasserapiao: www.fiverr.com/lucasserapiao/do-a-2d-pixel-art-of-you-or-something-you-like
Kodetips! Reagerer på kode fra to seere
Просмотров 3763 года назад
URL til koden fra Gaute og Tiril: editor.p5js.org/gaute/sketches/NpwrNdFOm
Koding for nybegynnere: Vi tegner en sol i p5js
Просмотров 2573 года назад
Lenke til kode: editor.p5js.org/mkvad/sketches/PjxqN1Y-u Musikk: Grieg - Morning mood (dl-sounds.com)
[7/7] Kabal. Ferdig. Gå!
Просмотров 2093 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: P...
[6/7] Kabal. Lærer programmet reglene
Просмотров 703 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: K...
[5/7] Kabal. Pynter og legger kort i kastebunken
Просмотров 293 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: R...
[4/7] Kabal. Trykker på et kort (hitbox)
Просмотров 393 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Musikk: ...
[3/7] Kabal. Kortenes rekkefølge er ikke likegyldig!
Просмотров 573 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Musikk: ...
[2/7] Kabal. Hvor skal kortene ligge? Kodegrubling
Просмотров 823 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: P...
[1/7] Hvordan programmere en kabal? Kodegrubling
Просмотров 2803 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: O...
Lager crosshair i p5 #2 - Forbedre koden!
Просмотров 1113 года назад
Music: "Sommarfågel" by Wintergatan "Brännö" by Wintergatan Build Tracks "Olivier" by Wintergatan Build Tracks
Asteroids #16 - Finale!
Просмотров 673 года назад
I denne delen av serien Kodegrubling prøver jeg å gjenskape klassikeren Asteroids fra 1979. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Ha...
Asteroids #15 Tegner avrundede hjørner med funksjonen f(x) = 1/x
Просмотров 403 года назад
I denne delen av serien Kodegrubling prøver jeg å gjenskape klassikeren Asteroids fra 1979. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Ha...
Asteroids #14 Tittelskjerm, hyper jump og CRT-effekt
Просмотров 603 года назад
Asteroids #14 Tittelskjerm, hyper jump og CRT-effekt
Asteroids #12 Risky business! Omstrukturerer hele koden
Просмотров 463 года назад
Asteroids #12 Risky business! Omstrukturerer hele koden
Koding for viderekomne #1 Klasser og objekter
Просмотров 4013 года назад
Koding for viderekomne #1 Klasser og objekter
Asteroids #10 Animerer eksplosjon i JS!
Просмотров 653 года назад
Asteroids #10 Animerer eksplosjon i JS!
WinXP-skjermsparer (2 av 2) Kreativ Koding
Просмотров 883 года назад
WinXP-skjermsparer (2 av 2) Kreativ Koding
Asteroids #9 Hva gjenstår? Fullfører UFO'en
Просмотров 263 года назад
Asteroids #9 Hva gjenstår? Fullfører UFO'en
WinXP-skjermsparer (1 av 2) Kreativ Koding
Просмотров 773 года назад
WinXP-skjermsparer (1 av 2) Kreativ Koding
Asteroids #7 Hvordan sjekke at alle asteroidene er utslettet?
Просмотров 263 года назад
Asteroids #7 Hvordan sjekke at alle asteroidene er utslettet?
Hva er en algoritme? Koding for nybegynnere #12
Просмотров 6203 года назад
Hva er en algoritme? Koding for nybegynnere #12
Asteroids #4 Oppkutting av asteroider! Kodegrubling
Просмотров 313 года назад
Asteroids #4 Oppkutting av asteroider! Kodegrubling
Bra video! Hvor blir det av #4?
Alle videoene i serien ligger i spillelisten Koding for Nybegynnere!
Takk for videoen! Jeg lærer norsk, så det er veldig fint at jeg kan også lære JavaScript mens jeg lytter på norsk! Takk skal du ha, hei fra Russland :]
Hei. Jeg lærer meg Klasser og Objekter men i C#. Ville dette ha noe å si for meg viss jeg følger dine videoer?
Jeg er ikke kjent med C#, men jeg vil anta at overføringsverdien fra Javascript er stor.
@@mkvad1600 Ok! Takk for kjapt svar! 😊
kan du lage mer videoer du er veldig flink å forklare
Tjena Magne, vill du laga en programmeringskurs?
Kan du lage full kurs på Java språk? helt fra skretrs? vær så snill. på forhond takk
Jeg har likt den, men hvordan kan man bruke de kodene for?
De kan brukes til å lære seg å programmere, kreativ utfoldelse og å stimulere intellektet :) Hvis man blir god til å skrive og forstå kode, kan man bruke det i andre sammenhenger (f.eks. ulike typer jobb).
Hei! Vet ikke om du er lærer men du er veldig flink til å lære bort det du kan. Jeg skal starte på backend studie nå etter sommerferien og pga deg så får jeg tatt mine første babyskritt og prøvd selv før skolestart😅 Håper du lager flere videoer slik at vi kan lære av deg. Takk! 😄
Det var hyggelig å høre! Lykke til med studier
Inspirert fin fremstilling !
Lett å få seg jobb innen IT, programmering, koding og utvikling osv uten utdanning? Men med ulike kurs og selvlært
Litt usikker på hva du spør om, men det er stor etterspørsel i arbeidsmarkedet etter it-kompetanse. Hvis du ikke har noen formell utdannelse, finnes det eksempler på personer som har fått jobb, men vil anta at det er unntaket (har sett oppslag i aviser om personer uten utdannelse som eksempelvis har hacket telenor og fått jobb etterpå). Hvis du jobber med koding på hobbybasis, vil du øke din forståelse av hvordan datamaskiner tenker og gjøre deg mer fleksibel. I mine videoer vil du lære deg mye grunnleggende som du kan bruke videre i andre sammenhenger. Vil uansett anbefale deg å ta utdannelse for å øke mulighetene for å få jobb.
forstod ikke helt hensikten med return her, er det slik at du bruker det så du senere skal kunne bestemme for eksempel om du vil printe eller ikke? gode vids forresten!
Takk for det :) Noen ganger ønsker vi at en funksjon skal returnere en verdi. I dette tilfellet blir det ikke store forskjellen på å printe ut verdien direkte, og det å sende verdien tilbake der vi kalte på funksjonen. Det kunne henne at vi skulle bruke utregningen videre i programmet og at vi dermed sender den tilbake med return. Eks: function gangeTall(a,b) { return a*b } function setup() { let a = gangeTall(2,4) let b = gangeTall(5,2) print(a+b) } Da vil programmet skrive ut 18, fordi a = 8 og b = 10
Gaute går i klassen min!!!!!!
Han er såååå kul!!!!
Sykt bra video!
Jaaaa
Gaute er kulere en viddas!!!!!!
mer koding i 2022, kom igjen
Har hatt en ekstra busy høst, så videoene har latt vente på seg. Har helt klart planer om å lage mer i 2022, ja :)
@@mkvad1600 nydelig
veldig bra video, Magne!
Hvor finner jeg den siden du har oppe der ?? Å hva betyr syntax ?? Eller hva er det ? 😊
editor.p5js.org/ Med syntax mener jeg hvilke ord og tegn som blir skrevet for at datamaskinen skal forstå hva den skal gjøre. Det er viktig å følge syntaksen til punkt og prikke
du er veldig flink! og du har hjelpet meg så mye
Takk for det! :)
jeg her laget et spill med og se på videoene dine og håper du vill se på det og kanskje forbedre det? editor.p5js.org/gaute/sketches/NpwrNdFOm
Gøy :) Kanskje jeg lager en video på det mot slutten av sommeren
Overrasket over hvor bra dine videoer er! takk! forstår også hvor mye lettere hjernen klare å fange opp informasjon når det er på norsk!
jeg syns den var så bra
Det er notert :) Holder på med å samle ideer for flere videoer, og da er det fint med slike innspill. Kan hende det blir en liten stund til
kan du lage en del 2 av denne videoen
Tuen takk for at du lager dise videoene. Endelig lærer jeg meg å kode😄
Jeg er så glad for at du lager sånne videoer, jeg har hat så lyst til og lere meg og kode men Inger har laga norske kode videoer. Eller ingen andre har laga noen bra kode videoer😁
Hei Mkvad! Setter så stor pris på videoene du har lagt ut til nå, de er til stor hjelp for nybegynnere som meg. Jeg lurte på om du er selvlært, eller om du har utdannelse innen dette?
Så fint at du er med! Jeg har en lektorgrad i matematikk og hadde et grunnleggende kurs i programmering der. Resten er tilegnet ved å se videoer på youtube, google meg frem hvis jeg står fast og ikke gi opp før jeg har forstått. Det er mye likhet mellom matematikk og programmering og jeg synes kanskje det mest spennende ligger i grenselandet mellom de to fagområdene.
@@mkvad1600 Tusen takk for svar! :))
Perfekt 👍👍👍 Takk
ayee takker bro, den hjalp meg mye
er ikke python eller bash bedre for nybegynnere
Jeg synes p5js er bedre på tross av litt vanskeligere syntaks. Det er enklere å lage og dele noe visuelt. Det finnes ingen fasit, men python er klart raskere og bedre til å gjøre utregninger
Kan man bruke disse kodingene for å lage apper, nettsider osv...?
Jeg har ikke laget en app før, men er ganske sikker på at man blant annet kan bruke JavaScript til å gjøre det. Hvis ikke, vil man få bruk for den logiske tankemåten og det grunnleggende oppsettet jeg viser her
Plis fortsett
Har planer om å fortsette med denne serien, så kom gjerne med forslag til temaer jeg kan ta opp. I mellomtiden kan du for eksempel sjekke ut "Koding for viderekomne" og "Kodegrubling" :)
Nice
Hei! Jeg gjør akkurat det du gjør på de første 5min og 30 sek. Men får ikke opp noe lerret 😅 Prøvde å skifte talla i Background til 30 siden hele siden her er hvit.
Det kan være fordi jeg har satt bakgrunnsfargen til siden til svart. Trykk på innstillinger og under "Theme" finner du "Dark". Hvis det ikke er det, kan det hende du har byttet ut et komma med et punktum e.l. En veldig vanlig feil å gjøre første gang man skal kode :)
Hei! Fant ut den theme fargen. Men på createCanvas så står det (400, 400); Når jeg trykker play knappen som du gjør i starten, så får du opp lerret på 400 osv men når jeg gjør det så blikket hele skjermen til høyre hvit fort, så går det fort vekk igjen 😅 Vanskelig å forklare, men lerrete blir borte 😅
@@Another.DG.Round. Det kan være at du har glemt å ta bort function draw() { } Det virker som at programmet ditt tegner lerretet en gang, og så blir det tegnet over etterpå
Men må 1,48min ut i videoen så der vi tar den første koden. Der har du jo Function draw koden :P Når du trykker play så får du en liten firkant, men jeg får en hele skjermen og den blir borte med engang 😅
@@Another.DG.Round. Hmm, ikke lett å viste hva som har skjedd. Prøv en annen nettleser, kanskje?
Hur gör man ett yatzy spel?
Bra fråga! Jag vet inte eftersom jag inte har försökt, men borde definitivt vara genomförbart. Jag tror att den största utmaningen är att göra användargränssnittet bra. Kan vara en rolig utmaning! Jag har redan gjort en patiens och jag planerar att släppa filmerna under de kommande veckorna.
Hei. Finnes det noen gratis p5js editor man kan laste ned, eller er det noe man må kjøpe?
Det er mange gratis editorer der ute! I tillegg til nettsiden jeg viser i denne videoen, bruker jeg selv Atom med utvidelsen "p5 js toolbar". Bruker den i kodegrubling-prosjektene. Jeg kan sikkert lage en video som viser hvordan man setter det opp, hvis det er ønske for det :)
Så fin å ha en sånn kanal på norsk! Bra jobba! Takk!
Gode videoer! Har du noen formening om hvilken institusjon man burde velge om man eksempelvis vil utdanne seg til å bli Front End Developer?
Takk! Ettersom jeg ikke har utdannelse innenfor dette selv, er jeg ikke den beste til å svare. Sjekk ut hva de tilbyr på universitet og høyskoler i Norge og søk det du tror er bra. Jeg gikk selv matematikk på UiO. I mellomtiden kan du lære deg enormt mye på egenhånd via RUclips, freecodecamp, udacity, brilliant etc.
@@mkvad1600 Takk for svar : )
Elsker det du gjør! Du har hjelpet meg igjennom programmering godt. Tusen takk <3
Hmm, ser at videoen slutter litt for tidlig.
Bra video og bra forklaring😃. Har programmert litt med c# fra før, som egentlig er ganske likt med p5 javaScript. Visste ikke at man kunne finne norske som forklarte det så bra!😁, please fortsett å lage videoer
Enkelt forklart! Bra!
Fint med en plan og hvordan man tenker ! Bra!
Hvorfor setter du noen linjer åpne(3,5,8). Og hva betyr innrykk fra venstre?
Gode spørsmål! Åpne linjer hoppes over når maskinen leser koden. De betyr altså ingen ting, annet enn at man kan strukturere koden ved å gi den mer "luft". Du kan kanskje se at jeg på den måten har gruppert deler av koden, slik at man kan se hva som henger sammen. Det samme gjelder også innrykk. I javascript leses de ikke, men er med på å øke lesbarheten. I eksempelet jeg lager har linje 2 til linje 13 samme innrykk, fordi de ligger inne i setup-funksjonen. De ligger mellom krøllparentesene
Morro for onkel! Dette blir spennende!