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.
3. Wireshark: Utforsk nettverkstrafikk
Første møte med pakker, IP-adresser, DNS, ping og Flask-trafikk.
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 (backend som tjeneste)
Supabase 2.0: Innlogging og roller
I denne guiden lager vi et innloggingssystem i enkel HTML og JavaScript, som snakker med Supabase.
Supabase 3.0: Adminportal
Opprett en modul for å administrere brukere, håndtere innhold og se hvem som er pålogget.
Flask (Python-mikrorammeverk)
Flask 1.0: Intro til Flask og SQLite
Start med Flask og lag en enkel webapp med Python.
Flask 2.1: Tredelt arkitektur over LAN
Bygg en Flask-app med frontend, backend og SQLite-database på lokalt nettverk.
Flask 2.2: Flask + MySQL Workbench
Bytt ut SQLite med en MySQL-database som opprettes i Workbench.
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.