Märk upp delarna av texten med rätt element för att bygga upp hela HTML-sidan.
Börja med att skapa grundstommen i ett HTML-dokument.
Lägg också till <!DOCTYPE html> längst upp i dokumentet.
zocom-christoffer-wallenberg
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Document</title> | |
| </head> | |
| <body> | |
| <header class="wrapper"> |
zocom-christoffer-wallenberg
/ lorem-ipsum.html
Created
August 28, 2020 13:30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Document</title> | |
| </head> |
zocom-christoffer-wallenberg
/ nyhetsidan.html
Created
August 28, 2020 12:08
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| </head> | |
| <body> |
zocom-christoffer-wallenberg
/ nyhetssidan.md
Last active
August 29, 2023 12:15
zocom-christoffer-wallenberg
/ Övning Ada Lovelace.md
Last active
August 31, 2023 13:12
I denna övning ska du skapa en webbsida om Ada Lovelace, du finner lite längre en text du ska använda. Design får du själv bestämma men nedan finns ett antal krav som du ska följa.
- Minst två bilder
https://commons.wikimedia.org/wiki/File:Ada_Byron_aged_seventeen_(1832).jpg
https://commons.wikimedia.org/wiki/File:Ada_Lovelace_portrait.jpg
zocom-christoffer-wallenberg
/ A Study in Programming.md
Last active
October 29, 2023 16:01
A Study in Programming
.jpg){kind=link}
En stor del av att lära sig programmering handlar om ens tankesätt och att bygga upp mentala modeller. I denna guide ska vi titta på hur vi kan använda Sherlock Holmes "Science of deduction" som ett arbetssätt för att lösa olika programmeringsproblem. Du kanske ställer dig frågan varför Sherlock Holmes har något med programmering att göra? Se detta som ett sätt att tänka och som en hjälp när du ska analysera och lösa olika programmeringsproblem.
Sherlock Holmes "Science of deduction" består av tre delar: Observe, Theorize, Test, som beskrivs mer i detalj nedanför. Bra att ha i åtanke är att även om dessa görs i ordning är de även individuellt bra att ha i åtanke konstant när man programmerar.
zocom-christoffer-wallenberg
/ instablam.md
Last active
October 8, 2020 12:40
zocom-christoffer-wallenberg
/ media-devices.md
Created
May 15, 2020 12:50
Skapa en sida där du ber om tillåtelse från användaren att visa innehållet från webbkameran på din webbsida.
Användaren ska sedan kunna ändra ett CSS filter på videon dynamiskt.
Tips! Använd en slider <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
Dokumentation: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
zocom-christoffer-wallenberg
/ cache-api.md
Created
May 6, 2020 09:21
Du ska göra en webbsida som använder sig av valfri endpoint från denna sida. Användaren får fylla i ett namn eller det som krävs för denna endpoint och sedan görs det ett anrop och svaret visas på sidan.
Ex. ifall man använder endpoint /awesome/:from så fyller användaren i en inputfält in namnet på :from och svaret blir ex.
This is Fucking Awesome. - Christoffer
zocom-christoffer-wallenberg
/ service-worker-exercice.md
Created
May 4, 2020 11:31
- Skapa en index.html och lägg till lite innehåll och en tom index.js.
- Skapa en tom sw.js.
- Registrera din service worker och installera samt aktivera den.
- Kolla om internetanslutningen försvinner och i så fall skicka tillbaka ett meddelande om att användaren är offline.
- Lägg till en service worker på en existerande webb app som gjorts i Vue.