🧰 Oppgaver og ressurser for Informasjonsteknologi

1. SoloLearn: Learn to Code

Python, Java, HTML, SQL

2. Scrimba: Become a fullstack developer

Lær deg Javascript, React og mye mer.

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

...

1. Basic HTML og CSS

YouTube-spilleliste

2. Grunnleggende struktur med Flexbox

Lage layout med Flexbox

3. Publiser din første nettside med GitHub

Publisere nettside med GitHub Pages

4. Design med Bootstrap

Lære å bruke Bootstrap

5. Versjonskontroll: Visual Studio Code + Git

Klon eksisterende repo, rediger, commit/push

6. GitHub: Tilbakerulling til tidligere versjon

Rull tilbake commit eller tidligere deployment

7. Intro til Supabase og JavaScript

Lag en enkel nettside som lagrer og viser meldinger via Supabase

8. Supabase 2.0 Innlogging og roller

I denne guiden lager vi et innloggingssystem i enkel HTML og JavaScript, som snakker med Supabase.

9. Supabase 3.0 Admin-portal

I denne delen lager vi:

• En portal for administrere brukere.
• Mini-CMS for innholdshåndtering.
• En oversikt over hvem som er pålogget

10. Supabase 4.0

...

[...] Flask: Bygg en enkel nettside som lagrer inndata

Flask er et lettvekts Python-rammeverk for webutvikling. Med dette kan vi lagre inndata og bygge et enkelt backend-rammeverk.

[...] Kjør Flask på lokal maskin: opplev «data i skyen»

Lær hvordan du kan sette opp én Mac som «server» i klasserommet.

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

.

4. Meldingsvegg: Next.js + React + Supabase

Lag din første meldingsvegg som lagrer data i Supabase.

1. OverTheWire Natas

"Natas teaches the basics of serverside web-security."

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."

1. " ... BEGINNER Guide to the Mac OS Terminal"

YouTube-video

2. " ... Terminalen: Kom i gang med OverTheWire"

Når du har sett videoen, starter du på Level 0 her.

3. Viktige kommandoer i Terminalen

Her finner du alle kommandoene du trenger for å navigere i Terminalen.

1. "How To Run Python Files From Terminal"

YouTube-video OBS: • For å laste ned Python, trykk her. • Lag "py3"-hotkey her.

2. Oppgaver (fra IN1000 v/UiO)

Introduksjon til objektorientert programmering

3. Øvingsoppgaver på ulike nivåer - med fasit

Repetisjon av grunnleggende Python:

1. Ressurs: Database (NDLA)

Grunnleggende om databaser.

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.

1. Installer og test Java

Følg oppskriften punkt for punkt.

2. Skriv ditt første Java-program

Bli kjent med showInputDialog og showMessageDialog.

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 alle slideshow fra undervisningen.

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.