Javascript, Programmering, React
Lag en lightbox med React
Kildekode Kildekoden kan finnes her: https://github.com/olepetterkh91/react-bootstrap-lightbox Les historien på engelsk her: https://medium.com/@olepetterkh/create-a-simple-lightbox-with-react-abe04e3e6e7b Create React App I dette eksempelet brukes Bootstrap til CSS. Bootstrap er et css-rammeverk som gjør det kjapt og enkelt å lage en fin nettside. Det finnes også en React plugin for Bootstrap som legger til funksjoner slik som modal og responsiv navigeringsmeny. […]
Les mer
Javascript, Programmering
Lag en enkel videospiller med html, CSS og Javascript
Live versjon https://progitek.no/ressurser/nettsider/videoplayer/ index.html app.js style.css
Les mer
Programmering
Nyttige hurtigtaster i VS Code
av Ole Petter, 1. februar 2021
Søk alle filer i arbeidsmappen Søk alle filer etter innhold Autoformater kode i en fil: Vis / skjul sidemeny Vis / skjul integrert terminal Bytt aktiv fil
Les mer
Ionic, Javascript, Programmering, React
Gode kurs for å lære frontend-utvikling
av Ole Petter, 26. januar 2021
JavaScript Maximillian Schwarzmüller Javascript: The Complete Guide 2020 https://www.udemy.com/course/javascript-the-complete-guide-2020-beginner-advanced/learn/ Jonas Schmedtmann The Complete Javascript Course (Oppdatert i 2020-21) https://www.udemy.com/course/the-complete-javascript-course/learn/ Shaun Pelling (The Net Ninja) Modern Javascript – From novice to ninja https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/learn/ Brad Traversy Modern Javascript from the beginning https://www.udemy.com/course/modern-javascript-from-the-beginning/learn/ React Brad Schiff React for the rest of us (2020) https://www.udemy.com/course/react-for-the-rest-of-us/learn/ Ionic Mirko Nasato Ionic […]
Les mer
Programmering, React
Lag en React App med WordPress REST Api
av Ole Petter, 17. januar 2021
Start en ny React App I et tidligere innlegg har jeg vist hvordan man kan opprette en react-app enkelt med node.js og create-react-app. Lage routes For å håndtere ulike innleggssider, brukes ‘react-router-dom’. Den inneholder komponenter som BrowserRouter, Switch og Route, som gjør at man kan navigere rundt i en Single Page Application. App.js Lage Posts.js […]
Les mer
Javascript, Programmering, React
React useState – React Hooks
useState er en grunnleggende funksjon i React Hooks. useState brukes til å oppdatere eksisterende verdier i funksjonelle react komponenter. Enkle eksempler Bruke useState til å øke og redusere verdier Siden nettsider i react ikke oppdaterer hele nettsiden ved hver innlasting, oppdaterer man komponenter ved hjelp av useState. Hvis man for eksempel vil øke et tall […]
Les mer
Javascript, Programmering
Funksjoner i JavaScript
Funksjoner er noe av det mest grunnleggende i programmering. Funksjoner kan lages for å gjøre spesifikke ting og brukes om igjen, slik at man slipper å skrive samme kode flere ganger. Funksjoner kan også brukes kun en gang i forbindelse med enkelthendelser, slik som ved bruk av filter() eller reduce(). Slike funksjoner kalles anonyme funksjoner. […]
Les mer
Javascript, Programmering
Mer om tabeller i javascript
I forrige innlegg kan du lese om grunnleggende operasjoner på tabeller i Javascript. I dette innlegget går jeg mer grundig gjennom avanserte metoder som reduce, indexOf og sort Reduce Reduce er en funksjon innebygget i javascript som reduserer elementer i en tabell til hvert enkelt element, og går gjennom hvert enkelt. Man kan så for […]
Les mer
Javascript, Programmering
Tabeller i Javascript
Tabeller er et viktig tema i Javascript og programmering generelt. En tabell kan deklareres på flere måter, men den mest vanlige er å omslutte verdiene med []. Man kan også opprette en tabell ved å deklarere en ny tabell slik: Hvilke data man kan lagre i tabeller I tabeller kan man lagre tall eller tekst, […]
Les mer