Læringsplattformer for koding
Datanettverk og lagringsløsninger
1. Ressurs: Komponentene i et datanettverk (NDLA)
Modem, ruter, brannmur, svitsj, wifi og aksesspunkt.
2. Ressurs: Nettverkstjenester og protokoller (NDLA)
For at nettverk skal fungere, har vi en rekke sentrale tjenester og protokoller som det er viktig å kjenne til.
Webutvikling
Grunnleggende
GitHub
5. Versjonskontroll: Visual Studio Code + Git
Klon eksisterende repo, rediger, commit/push
6. GitHub: Tilbakerulling til tidligere versjon
Rull tilbake commit eller tidligere deployment
JavaScript
7. Intro til JavaScript
Bruk JavaScript til å erstatte innehold i et HTML-element med variabler og getElementById.
8. JavaScript 2.0
Videreutvikler dashboardet fra 7. Intro til JavaScript med Arrays, API og Event Listener
9. JavaScript 3.0
Lær deg å bruke funksjoner, objekter og localStorage – og lage en mini To-Do-app.
10. JavaScript 4.0
Lær deg å bruke API'er, lese JSON – og bruke dette til å hente inn data fra en ekstern kilde.
Supabase
9. Intro til Supabase
Lag en enkel nettside som lagrer og viser meldinger via Supabase.
10. Supabase 2.0 Innlogging og roller
I denne guiden lager vi et innloggingssystem i enkel HTML og JavaScript, som snakker med Supabase.
11. Supabase 3.0 Admin-portal
Opprett en modul for å administrere brukere, håndtere innhold og se hvem som er pålogget.
Applikasjonsutvikling for Web
1. Hva er Next.js og React?
React brukes til å lage interaktive nettsider. Du bygger siden av komponenter (f.eks. knapp, kort, meldingsboks).
2. Kom i gang med Next.js + React
Next.js er et åpen kildekode-rammeverk for React (Javascript bibliotek) som brukes til å bygge fullstendige (full-stack) webapplikasjoner.
3. React 2.0: Videreutvikle din webapplikasjon
Bygger videre på my-first-app og gjøre det til en liten nettside med flere sider, komponenter, bilder og navigering.
4. Meldingsvegg: Next.js + React + Supabase
Lag din første meldingsvegg som lagrer data i Supabase.
Websikkerhet
2. OWASP Juice Shop
"The application contains a vast number of hacking challenges of varying difficulty where the user is supposed to exploit the underlying vulnerabilities."
Bli kjent med Terminalen
3. Viktige kommandoer i Terminalen
Her finner du alle kommandoene du trenger for å navigere i Terminalen.
Python
3. Øvingsoppgaver på ulike nivåer - med fasit
Repetisjon av grunnleggende Python:
Database & SQL
2. LearnER
Øv deg på å lage ER-diagrammer. OBS: Bruk anonymt brukernavn og passord når du registrerer deg.
For riktig notasjon: Instillinger - Velg faser: "Logisk fase" & Velg notasjon for logisk fase: "Kråkefot"
3. DbPersist
SQL-quiz og spørringer. OBS: Bruk anonymt brukernavn og passord når du registrerer deg.
4. Oppsett av MySQL og din første database
Installer, koble til, lag database og tabell
5. "How to Import a CSV in MySQL Workbench"
Når du har sett videoen, last ned og kjør .SQL-filen, så importerer du .csv-filen.
1. Oppretter tabell: elev.sql
2. CSV-fil med elevdata: elevdata.csv
6. Samling av oppgaver
Øv deg på SQL-spørringer, opprettelse av databaser og import av .csv-filer i MySQL Workbench.
Java 1.0 med Sublime
3. AvansertMal.java
Fremover bruker vi alltid denne malen. Java bruker en del ulike biblioteker, malen sørger for at vi importerer disse. Start alltid et nytt prosjekt med denne.
4. Oversikt over slideshow
Her finner du noen slideshow fra undervisningen.
5. Øv deg i Java
Øvingsoppgaver inspirert av arbeidet vårt med Python + litt nytt stoff (Switch & HashMap).
Java 2.0 med IntelliJ
1. Installer og test IntelliJ
IntelliJ IDEA er en intelligent, kontekstbevisst IDE for arbeid med Java.
2. Første prosjekt i IntelliJ
Du skal lage ditt første Java-prosjekt i IntelliJ IDEA og kjøre et program som skriver ut tekst i konsollen.