Vi gjorde en funktion av vår Request-kompis och tittade på hur vi kan kalla på den många gånger, och hur vi istället för att låsa den i hur den ska hantera svaret så kan den istället kalla på en funktion som vi ger den som en parameter. Därefter gjorde vi Läs mer…
Vi gick igenom lösningsförslag på workshopen från i tisdags och därefter pratade vi om synkron vs asynkron kod, vad som är skillanden och hur vi kan skriva asynkron kod i JavaScript. Därefter gick vi igenom de olika delarna som utgör en HTTP Request och dess svar (HTTP Response), samt de Läs mer…
Vi gick kort igenom vad som definierar en Higher Order Function och hur vi med hjälp av Higher Order Array Methods kan jobba med array:er på ett enklare och smidigare sätt än traditionella for och forEach-loopar. Higher Order Array Methods .filter() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter .map() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map .reduce() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce .sort() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort .find() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find Läs mer…
Vi gick igenom hur man kan angripa en problemställning genom att bryta ner vår för Guess My Number’s ”roadmap” till olika steg vi behöver göra för att uppnå varje mål i roadmap:en. Man kan så klart lika väl använda sig av punktlistor, där man börjar på en hög nivå och Läs mer…
Vi gick lite kort igenom att funktioner kan ha ”default values”. Därefter stegade vi igenom en funktion rad för rad för att se vad alla variabler har för värde och vad som händer i varje steg. GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-9 Workshop Nu när ni är bekanta med funktioner och att hämta/skriva Läs mer…
Vi gick igenom lösningsförslag på gårdagens lilla workshop och därefter började vi bygga på vår lilla miniräknar-app. GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-8 Länkar MDN Form Events https://developer.mozilla.org/en-US/docs/Web/Events#Form_events Workshop Ta den lilla miniräknare vi gjort idag och lägg in stöd för fler räknesätt än addition. Gör det i form av en knapp per Läs mer…
Vi gick igenom Document Object Model (DOM) createElement() remove() append() prepend() Events Event Bubbling LocalStorage Checking for support getItem() setItem() JSON JavaScript Object Notation JSON.stringify() JSON.parse() GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-7 Länkar LocalStorage HTML5 Web Storage https://www.w3schools.com/html/html5_webstorage.asp Window.localStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage JSON JSON.stringify() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify JSON.parse() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse Workshop Dagens lilla övning: Se om ni kan Läs mer…
Vi gick igenom Objects i mer detalj Properties (egenskaper) Methods (metoder) Document Object Model (DOM) Querying the DOM querySelector querySelectorAll Modifing content and attributes innerText innerHTML getAttribute setAttribute style className classList textContent Traversing the DOM children parentElement nextElementSibling previousElementSibling Event Listeners addEventListener GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-6 Workshop Öva på att hämta Läs mer…
Vi gick igenom Functions Function Declarations Function Expressions Arrow Functions Callbacks Objects Enkla objekt this-nyckelordet GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-5 Workshop Skriv om (refaktorera) workshop:en om lösenord från dag 3 till att använda funktioner (glöm inte använda Function Expressions och inte Function Declarations). Varje funktion ska vara ”isolerad”, dvs den ska ta Läs mer…
Vi gick igenom Lösningsförslag på workshopen från dag 3 Control Flow break and continue Switch-statements Scoped variables (Global vs Local Scope) Function Declarations GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-4 Workshop Med hjälp av funktionen prompt() så ska ni skriva ett litet interaktivt ”Gissa talet”-spel. Kolla 02-control-flow-workshops/workshop-2/workshop-2.js i lesson-4 branch:en på GitHub. Till nästa Läs mer…
Vi gick igenom Basic Loose Comparison Strict Comparison Types Type Conversion Control Flow for-loop while-loop do while-loop if-statements else if-statements Logical Operators Logical NOT GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-3 Workshop Skriv kod som kollar att lösenordet i variabeln password har minst 8 tecken varav minst ett specialtecken enligt nedan eller har minst Läs mer…
GitHub repository https://github.com/drblue/fed19-javascript-1/tree/lesson-2 Workshop Gör de första 10 övningarna i kapitlet Introduction to JavaScript på CodeCademy: https://www.codecademy.com/learn/introduction-to-javascript Till nästa lektion Kommer strax.
Lite tutorials jag hittat men inte granskat i detalj. Video-tutorials Modern JavaScript Development Om ni vill köpa kursen efter de här första 6 gratis kapitlena kan ni använda följande länk för att få kursen för $9.99: https://www.thenetninja.co.uk/courses/modern-javascript-tutorial Learn JavaScript – Full Course for Beginners Tutorials MDN JavaScript First Steps https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps Läs mer…
Screencasts GitHub repository https://github.com/drblue/fed19-javascript-1 Workshop Idag hade vi genomgång in på eftermiddagen. Övningsuppgiften i slutet av dagen bestod av att skriva en kodsnutt som visar toppdomänen från en e-postadress i webbläsarens konsol. Samtliga ovan e-post-adresser ska returnera respektive toppdomän utan att koden som hämtar ut toppdomänen ska behöva ändras. Till Läs mer…