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 Läs mer…
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 Läs mer…
Idag så gottade vi ner oss i versionshantering av källkod med hjälp av DVCS:et (Distributed Version Control System) GIT. Vi körde en del grundläggande terminal-kommandon för att interagera med ett git-repository, och nedan följer en sammanställning över kommandona med en Läs mer…
Vi ägnade hela dagen åt att bekanta oss med en terminal (Bash) och lite grundläggande terminal-kommandon för navigering i filsystemet. Nedan följer en sammanställning över kommandona och en kort beskrivning av dem. För mer detaljer så kika på några av Läs mer…
Den här veckan ska vi ägna oss åt kursen Arbetsmetodik för utvecklare, där vi bland annat kommer att bekanta oss med en terminal (Bash) och lite grundläggande terminal-kommandon för navigering i filsystemet kika på versionhantering av kod vi skriver kolla 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 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 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 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 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 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 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 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 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 – 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 Läs mer…
Ni ska skapa en ny, modern och komplett hemsida åt SciFiWorld.se efter egen design/layout. Kravspecifikation Sajten ska vara responsiv och utvecklad med Mobile-First strategi använda moderna layout-modeller som flexbox eller CSS grid använda moderna CSS sizing units (a.k.a. undvika hårdkodning Läs mer…
Idag har vi gått igenom wireframing->mockup->prototype, samt hur vi använder Adobe XD för att skapa designs för utvecklare att arbeta efter. Kortfattat: Wireframes är en snabb ”draft” i svartvitt utan för mycket detaljer, ( det är dock OK att skriva Läs mer…
Idag har vi gått igenom Adobe Illustrator samt möjligheter programmet erbjuder gällande Grafik i vektorformat.. Vi skapade en ganska basic logotyp med hjälp av former och ”paths” och exporterade sedan in den i photoshop efter önskad storlek.
Vi gick igenom Adobe Photoshop och på eftermiddagen hade vi en workshop där ni skulle utföra olika saker i en Photoshop-bild som är länkad nedan. Workshop http://fabindustries.se/photoshoptask.html