Idag så repeterade vi snabbt grundkommandona i GIT och även hur man kan klona ett repository och därigenom kunna pull:a hem nya commits utan att behöva göra om kloningen.
Tipsade om lite schyssta extensions till VS Code och även om Alfred som är lite likt Spotlight i macOS men snabbare och går att enkelt anpassa och utöka. Nämnde även Windows-motsvarigheten Wox, har dock inte själv kört den men YMMV. vi ner oss i versionshantering av källkod med hjälp av DVCS:et (Distributed Version Control System) GIT.
Vi pratade också om hur man kan debugga JavaScript i webbläsarens Developer Tools, och vad en breakpoint är och hur man kan stega igenom kodrad för kodrad och hela tiden se vilka variabler som har vilket värde m.m.
Därefter pratade vi om datum i JavaScript och hur man använder den inbyggda Date-klassen. Jag nämnde även kort vad en timestamp (även kallad UNIX timestamp eller Epoch Time) är för något och varför man skulle använda det.
Slutligen efter att vi skapat vår lilla digitala klocka så lyfte vi in JavaScript-paketet moment.js (vi bara laddade hem js-filen och laddade den via vår HTML) och såg hur mycket lättare livet blev med allt den gav oss, utan att väga mer än 16,7 kB packat & minifierat. Väl värda kilobyte!
Länkar
Alfred (macOS)
Wox (Windows)
https://github.com/Wox-launcher/Wox
Java Date Objects (W3Schools)
https://www.w3schools.com/js/js_dates.asp
JavaScript Date (MDN)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
Workshop
Vi gjorde en digitala klocka, först med JavaScript’s Date-klass och därefter gjorde vi en refactor till att använda moment.js-biblioteket istället för Date-klassen.
Er workshop är att göra om vår klocka till en klassisk timer. Till att börja med så kan ni låta den räkna ner från en fast tid (t.ex. 5 minuter), för att sedan lägga på funktionalitet för att kunna ange vilken tid man vill den ska räkna ner ifrån (förslagsvis med ett input-fält och en submit-button för att starta nedräkningen).
🌟 om ni kan få er timer att acceptera ett datum att räkna ner till! Börja med en tidpunkt inom nuvarande dag (t.ex. 16:00) och avgör hur lång tid som skiljer mellan nu och angiven tidpunkt. Kan du få den att visa relativ tid kvar, och på svenska? 🥳
