JavaScript 1, dag 34 – React Basics – Container/Class Components vs UI Components, Forms, Life Cycle Methods and axios in React

Idag har vi gått igenom skillnaden mellan s.k. Container Components (även kallade Class Components) och UI Components. För en refresher se nedan skärmdump från avsnitt #15 om Stateless Components från Shauns video-serie om React: Därefter tittade vi på hur man kan hantera Forms i React och skapade en AddTodo-komponent som Läs mer…

JavaScript 1, dag 8 – A Simple Calculator

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…

JavaScript 1, dag 7 – Fun with Events 101, a tad bit LocalStorage and some JSON

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…