En intervju med Karolin – systemutvecklare på Svenska Spel

Hur ser en vanlig dag som systemutvecklare på Svenska Spel ut? Det kanske ni undrar! Vi på Tjejer Kodar har varit i Solna och hälsat på Karolin Frennert som landade sitt första jobb som nyexaminerad på Svenska Spel. Läs vidare för att höra om Karolins resa som junior utvecklare och ta del av de tips och verktyg som hon använt sig av! 👇


Berätta om dig och din yrkesresa!

Att vara utvecklare har inte alltid varit någonting som jag trott att jag ska bli/var något för mig, inte för att det har varit någonting som inte har intresserat mig, utan för att jag hade intrycket av att det var en mansdominerad bransch, och det ledde mig att tänka att det kanske inte var något för mig som kvinna. Nu tycker jag såklart att det är jättesynd att jag tänkt så, för det är ju en bransch där alla är välkomna!


”Det är en bransch för alla.”

Jag hamnade här lite på ett bananskal faktiskt. Jag pluggade upp några kurser på komvux och valde då att testa en kurs i programmering och tyckte genast att det var jätteroligt, då det både är utmanande och utvecklande. Jag gillar logiskt tänkande och som just utvecklare kan man kombinera den sociala aspekten med det logiska. Man skapar produkter för människor samtidigt som det är logiskt utmanande att utveckla produkterna. Jag valde sedan att läsa vidare till frontendutvecklare på en yrkeshögskola, vilket passade mig perfekt då yrkeshögskolor är väldigt praktiska och man får dessutom testa på hur det är att arbeta på riktigt i och med den praktik man har. 

Jag började sedan på Svenska Spel, vilket faktiskt är mitt första jobb som nyexaminerad. Så jag anställdes som junior. 


Hur kom det sig att du sökte till just Svenska Spel?

Jag kände att jag ville arbeta på ett relativt stort företag, då jag tidigare hade praktik på en startup och kände att det inte riktigt fanns utrymme för mig att ta mig tid att lära mig nya saker, då allt går fort i en startupmiljö. Som junior och anställd på ett större bolag är ju premissen att jag är här för att lära mig. Svenska Spel jobbar väldigt aktivt med ungdomsidrott och jag kände att jag ville jobba för ett företag där man faktiskt gör bra saker och inte bara pratar om att göra det. 

Såklart sökte jag massor av jobb som junior, men jag är väldigt glad över att jag hamnade på just Svenska Spel. Svenska Spel är ju verkligen i framkant i Sverige när det kommer till att arbeta proaktivt, spel ska vara kul, inget annat. 


Hur ser en vanlig dag ut för dig?

Vi börjar alltid med en standup, där vi går igenom vad vi har gjort och vad vi ska göra härnäst. Vi försöker hålla det till 15 minuter men det är lätt att det drar över speciellt nu när vi sitter på distans och vill prata med varandra i teamet. Sedan jobbar vi med vår story som vi kallar det, det vill säga den uppgift som vi har. Antingen i team eller enskilt och sedan programmerar vi – det är inte så mycket mer glamoröst än så, haha. 

I mitt team arbetar vi med designsystemet som är en central punkt för alla andra team, då alla komponenter återanvänds i våra produkter. Så ett projekt skulle kunna vara att utveckla en ny komponent till exempel, eller underhåll, maskinbuggar etc. Vi är ett litet allt-i-allo team som hjälper till där det behövs. 


Vad är så roligt med just systemutveckling?

Det är utmanande, men du kan själv bestämma hur utmanande det ska vara eftersom att det alltid finns något nytt att lära sig. Du stagnerar aldrig i din egen utveckling. Du kan testa ett nytt ramverk, fördjupa dig i en ny kunskap, lära dig ett nytt kodningsspråk, det finns alltid något du kan utvecklas inom. 


“Det finns alltid något du kan utvecklas inom.”

Det jag gillar med techbranschen är att du kan välja den bana du vill, just nu jobbar jag mer med frontend, men mitt mål framåt är att arbeta mer full-stack för att förstå båda delar. Skulle jag någon gång känna att jag inte längre vill programmera finns möjligheter att gå över till exempel machine learning, AI, management positioner. Tech är så brett. 


Vad skulle du ge för tips om man vill börja koda?

Det finns mycket bra kurser online, och det är det som är så fint med att arbeta som utvecklare. Människor har så många olika bakgrunder, vissa har en master bakom sig, andra är självlärda. Jag vill tipsa om Börja Koda-kursen som vi ju gör i samarbete med er på Tjejer Kodar. Annars använder jag en sida som heter Scrimba som har en inbyggd kodeditor i webbläsaren, vilket förenklar att komma igång. Var en svamp i övrigt, sug åt dig massor av information.


Har du tips på något roligt verktyg?

Github copilot autocompletear din kod för dig, men jag skulle inte rekommendera det som nybörjare. Använd inga verktyg som hjälper gör saker åt dig om du är ny. Det är viktigt att det sitter i ryggmärgen, såklart ska du använda verktyg som hjälper dig, men lär dig grunderna riktigt bra själv först. 


Är ni nyfikna på att veta mer om designsystemet Karolins team arbetar med, kika då in https://www.svenskaspel.design/ och har ni några fler frågor kan ni alltid kontakta Karolin på Linkedin 👋

Intervju med utvecklare Nahida från Acast

Acast är partner till oss på Tjejer kodar – och kanske har du lyssnat på en pod någon gång?  Det har du med all säkerhet, och helt säkert med något Acast hjälpt till att producera! De är nämligen en av världens största oberoende podcastföretag. Vi har hälsat på dem på deras huvudkontor i Stockholm, och fått snacka en sväng med utvecklaren Nahida. Så vad gör en utvecklare egentligen på ett podcastföretag? 

 

 Nahida, tell us about your background!

I started information technology at KTH. It was not my first choice… it was actually my second choice. I wanted to be an architect in the beginning –  a whole other area!  It was important for me that I could stimulate my creativity, and that’s why I thought architecture would be the thing I wanted to do. But I needed to have a second choice. I went through the KTH catalog and found that you can work as a web developer and design and create websites. Those words made me go for it!

 What do you do as a web developer at Acast?

It’s mostly about developing platforms – we do have a lot of collaboration with our UX designers who create design and prototypes, before us developers put the websites to life. We run the prototypes through users and they give us feedback, then I make the design come to life, and make it actually work!

 

  Tips to others thinking about changing careers to tech?

I think it’s really important to dare – to dare to try. There is so much material on the internet right now which can help you to try out different things, so just dare to try! Second thing – don’t compare yourself with anyone else. I was in that place during my first year at KTH. I saw that my fellow classmates knew so much more than me and I felt so dumb. But hey, I was there to learn and everyone starts from somewhere. You don’t need to know everything to try out something. Thirdly, have patience with yourself. We learn at different paces.

 

Gå och kolla in Acast Instagram-konto för att se vad som händer mer på deras kontor, och ta gärna kontakt med Nahida via LinkedIn. Just nu söker de fler kollegor, kolla in tjänsterna

Ny inom tech – en intervju med Michaela från Svenska Spel

Michaela jobbar som systemutvecklare på Svenska Spel, och började på sitt första utvecklarjobb där mitt i pandemin. Hon jobbar remote från Skåne och har en hel del kul tips att dela med sig av hur det är att vara ny i branschen och vad du kan tänka på om du också är på väg att byta till tech. 

Hej Michaela! Du jobbar på Svenska Spel som systemutvecklare, och vi vill såklart veta mer. Vad gör du där? 

Hej Tjejer Kodar! Först och främst, kul att få intervjuas av er och bidra med mina erfarenheter och upplevelser. Det är roligt att följa er och superbra att ni finns!

Jag jobbar på Svenska Spel som systemutvecklare, lite mer specifikt frontendutvecklare. Man skulle kunna säga att allt man ser på spela.svenskaspel.se  som involverar sport är det jag jobbar med, samt självservice-skrämarna som man kan se på ICA och Svenska Spels mobilapplikationer. Jag kodar och implementerar nya funktioner och produkter, samt underhåller nuvarande funktioner och produkter. Vi samarbetar mycket med UI/UX (User Interface/User Experience) designers som arbetar med att utveckla design- och användarupplevelsen för alla olika produkter.

Mitt team tillhör Visby-kontoret (Svenska Spel har ett kontor i Visby och ett i Solna), men då jag bor i södra Skåne i Skurup så arbetar jag på distans (vilket även många andra anställda gör). Vi samarbetar och har bra kontakt mellan alla team, och på Svenska Spel så får alla i teamen vara med i diskussioner angående planering, prioritering, analysering och beslutstagande för olika arbetsuppgifter och man får verkligen vara delaktig och ta eget ansvar. Med andra ord så består mitt dagliga arbete inte bara av att koda; det är stor variation i arbetsuppgifterna med mycket kommunikation i form av möten och diskussioner. Ofta kodar vi också tillsammans!

 

Vad gör en frontendutvecklare egentligen?

En frontendutvecklare programmerar och utvecklar den visuella delen av en hemsida eller en app, det vill säga den del som användaren ser och interagerar med. Denna del av hemsidan eller applikationen kallas för klient-sidan (client side). En backendutvecklare programmerar och utvecklar server-sidan (server side), det vill säga det som användaren inte ser. Som frontendutvecklare samarbetar du ofta med designers som fattar beslut om hur olika delar av en hemsida eller en applikation ska fungera och se ut. Frontendutvecklare och backendutvecklare programmerar oftast i olika språk och använder olika bibliotek och ramverk. Det finns även så kallade ”fullstackutvecklare”, vilket innebär att du som utvecklare utvecklar både i frontend och backend.

 

Berätta mer om din väg till tech!

Jag har en Civilingenjörsexamen i Elektroteknik och studerade i fem år på Lunds Tekniska Högskola, och det var där jag fick mitt stora intresse för programmering och programvaruutveckling. Anledningen till att jag valde Elektroteknik var för att det är en väldigt bred utbildning med många olika inriktningar. Efter att ha läst första kursen i programmeringsteknik, under första året, så visste jag att detta var något jag ville hålla på med. Jag kände stort intresse och tyckte det var så roligt att skriva små program som involverade matematik (mitt favoritämne) och att skriva på ett sätt som datorn faktiskt förstod. Jag valde därför att specialisera mig på programvara.

Mitt examensarbete påbörjades 2020 på Axis Communications i Lund, och där fick jag också mitt första jobb som systemutvecklare. På Axis blev jag en del av ett mycket erfaret och duktigt team, och jag är glad och tacksam för allt jag lärde mig där och för allt jag faktiskt fick prova på! Jag arbetade mestadels som backendutvecklare, men fick även arbeta en liten del med frontend.

I slutet av min utbildning läste jag en kurs i webbutveckling och började efter det göra egna små hemsidor på fritiden, och efter att ha arbetat med båda delarna på Axis insåg jag att jag helst ville rikta in mig på att främst arbeta med frontend. Jag har ett brinnande intresse för sport och idrott. Jag har under många år arbetat med och tränat galopp- och travhästar på Jägersro i Malmö, och innan jag började med hästar när jag var yngre tränade jag konståkning, boxning och balett. Sporten har gett mig så otroligt mycket i livet och det – kombinerat till mitt stora intresse för frontendutveckling, är anledningen till att jag sökte mig till Svenska Spel. Att få jobba med frontendutveckling för ett företag som ger så mycket tillbaka till idrotten känns fantastiskt!

 

Du har ju jobbat som frontendutvecklare i ungefär två år nu – hur kändes det att vara ny i branschen? 

Som nämnt ovan så har jag arbetat som både frontend- och backendutvecklare i ungefär två år, och jag har bara positiva erfarenheter att vara ny i branschen! Självklart är det alltid mycket att sätta sig in i på en ny arbetsplats, men så är det väl inom alla branscher.

Mina farhågor när jag startade var att jag inte skulle ha tillräckligt med kunskap och erfarenhet (eftersom det var mitt första jobb inom tech-branschen) för att kunna utföra det dagliga arbetet. Jag insåg dock ganska snabbt att det som spelar mest roll är viljan att lära sig nya saker och att man inte ska vara rädd för att ge sig in på områden man inte alls känner till. Oavsett vad man har för tidigare kunskaper och erfarenheter har alla nya företag man arbetar på antagligen system och arbetssätt som man inte stött på tidigare, eller är van vid. Både på Axis och Svenska Spel var alla väldigt måna om att jag skulle få rätt hjälp att komma in i arbetet, och jag har fått väldigt bra introduktioner.

 

När du tänker tillbaka på tiden som gått,  vad har du för tips till andra kvinnor och icke-binära som är nya i branschen, vad ska man tänka på? 

Till andra kvinnor och icke-binära som är nya i branschen så vill jag ge två viktiga tips: var dig själv och tveka inte att börja i ett team där du kanske är ensam kvinna eller icke-binär (då behövs du extra mycket, och du kan dessutom bidra till en mer jämn könsfördelning)! Jag anser att det team som har flest anställda som skiljer sig i både personlighet och kön är det bästa teamet, alla måste inte vara (till exempel) utåtriktade eller inåtriktade, eftersom olika personligheter och synvinklar är det som gör ett team effektivt!

Ännu ett tips för nya inom tech-branschen är att man inte förväntas kunna allt dag ett. Oavsett vilken arbetsplats man börjar på så är där alltid nya saker att lära sig och alla behöver olika mycket tid för att sätta sig in i nya saker.

Jag började arbeta remote under ett tag och sedan på kontor ett tag. Sedan jag började på Svenska Spel har jag arbetat remote, men ändå fått chansen att träffa teamen både i Visby och Solna, och det är inga problem att åka till kontoret om det skulle behövas!

Det finns både för- och nackdelar med att arbeta på plats och att arbeta remote och jag skulle säga att det är väldigt individuellt vad som passar var och en. Någon kanske känner att de vill vara på kontoret varje dag då de inte kan fokusera hemifrån, medan en annan känner att de föredrar att sitta hemma för att få arbeta mer ostört eller kanske vill kombinera att arbeta hemifrån med att vara på kontoret. Jag tycker att man ska tänka igenom sin livssituation och hur man är som person för att ta ett beslut om man vill arbeta remote eller ej. På Svenska Spel har de verkligen arbetat för att ta reda på vad de anställda föredrar och de har gjort många undersökningar och därför finns det möjlighet att både arbeta remote och från kontoret om man föredrar det.

 

 

Connecta med Michaela på LinkedIn eller kika in Svenska Spels karriärssida om du är sugen på att bli hennes framtida kollega .

 

Lär dig programmering – 3 tips för att komma igång!

Har du fått upp ögonen för programmering och är nyfiken på att själv börja knacka lite kod? Eller har du redan förstått tjusningen och bestämt dig för ett karriärbyte? Oavsett vilket så finns det flera möjliga vägar in i programmeringens underbara värld – här är tre steg för att komma igång!

Låt oss dock börja med att reda ut två vanliga frågor: Nej, du behöver inte vara något mattesnille för att lära dig programmering. Och nej, du är inte för gammal och det är absolut inte för sent att sätta igång efter 30. Eller 40. Eller 50 heller för den delen. Personligen slog jag slag i saken att byta riktning i yrkeslivet under min andra föräldraledighet, 31 år gammal, med en måttligt kodintresserad sexmånaders bebis på höften. Min utbildning (front end developer hos Medieinstitutet) genomfördes dock helt på distans och dessutom med ett väldigt flexibelt upplägg – som gjort för att lyckas pussla ihop med övriga livet!

Med det sagt behöver varken ålder, livssituation eller tidigare erfarenhet (eller avsaknad av erfarenhet för den delen) vara något hinder för att lära sig programmering. Det är med andra ord bara att tuta och köra! Så, nu till stegen för att komma igång:

 1. Fundera på vilken typ av programmering som intresserar dig

Första steget för att komma igång med programmering är att börja fundera på vilken typ av programmering du vill lära dig. Lätt som en plätt, eller hur? Nja, det är ju förstås betydligt enklare sagt än gjort om man är helt grön inom området. Här kommer därför några artikeltips för att bena ut skillnaden på frontend och backend, olika programmeringsspråk och lite annat smått och gott som hjälp på traven.

 2. Vill du läsa en utbildning eller lära dig på egen hand?

När du har blivit klokare på vilken typ av programmering du vill lära dig, åtminstone inledningsvis (det går så klart att lära sig hur mycket som helst på sikt och även bli vad som kallas för fullstackutvecklare, det vill säga en som jobbar med både frontend och backend), så är nästa fråga om du vill studera vid ett lärosäte eller lära dig på egen hand.

Om studier känns som rätt väg att gå finns en uppsjö av utbildningar, både genom högskola/universitet och olika yrkeshögskoleutbildningar. Det går också att studera såväl enstaka kurser som kompletta heltidsutbildningar. Om det känns överväldigande att gå rakt på en flerårig heltidsutbildning kan det med andra ord vara ett bra alternativ att börja med en kortare, fristående kurs först.

Nedan följer några av de populära yrkeshögskolor som erbjuder såväl distansutbildningar som platsbundna sådana inom programmering på en rad olika orter i Sverige.

Ett bra sätt för att överblicka alla utbildningar är att använda https://www.yrkeshogskolan.se/ för YH-utbildningar och https://www.antagning.se/ för universitets- och högskolestudier. Kom ihåg att kolla upp när sista ansökningsdatum är om du planerar att ansöka. För högskole- och universitetsutbildningar är det i regel under mitten av april för utbildningar med start under hösten och i oktober för vårstarter. För yrkeshögskoleutbildningar däremot skiljer sig sista ansökningsdatum de olika skolorna emellan.

Är du inte alls intresserad av att sätta dig i skolbänken igen? Misströsta inte! Idag finns det oändligt (ja, men nästan…) med onlinekurser att ta del av för att lära sig programmering på egen hand. Det finns riktigt många kompetenta utvecklare som är helt självlärda och nej, du behöver inte ha börjat koda i förskolan för att ha en chans. Några av de mest välkända sajterna som tillhandahåller kurser och utbildningar är:

Ett annat hett tips är att gå ett bootcamp, vilket är ett snabbt och effektivt sätt att ta steget mot en ny karriär. Tjejer Kodar driver även Technigo som erbjuder ett populärt 24-veckors bootcamp inom både webbutveckling och backend-utveckling (och numera även UX) som är värt att kika närmare på.

 3. Sist men inte minst – börja nätverka! 

Det sista men kanske mest värdefulla tipset för att komma igång med programmering är att börja nätverka med andra i branschen, exempelvis genom olika Facebook-grupper. Det är ett utmärkt sätt att samla inspiration, lära sig mer om programmering och få möjligheten att kunna ställa frågor om högt och lågt. Det finns större grupper som t.ex. Kodapor utan CISkönade män med över 2000 medlemmar, eller Kodtjejer med  över 3000 supportande medlemmar.  Tjejer Kodar är också såklart ett ypperligt exempel på ett välkomnande, inspirerande och öppet community för att både lära sig och nätverka med såväl likasinnade som erfarna utvecklare i branschen.  Gå med i deras Slack-community med över 4500 medlemmar   . De har även Instagram och Facebook som du kan följa och bli inspirerad av, samt få reda på om deras events och meetups för att träffa likasinnade.

Stort lycka till!

6 tips för dig som är ny i JavaScript

Vanessa jobbade tidigare som kock och bestämde sig för att byta yrke till programmerare. Hon är idag student på Technigos boot camp och delar här med sig av sina bästa tips till dig som är ny i JavaScript, från en nybörjare till en annan:

1.Ge dig själv tid

Att bygga upp det logiska tänkandet och problemlösandet tar tid – öva och repetera mycket!

 

2. Fundera på vad det är programmet ska göra eller vad resultatet ska bli innan du börjar koda.

Jag tar mig alltid tid att förstå uppgiften ordenligt innan jag börjar skriva min kod: om X är resultatet jag ska få, vilka steg kan jag ta eller hur kan jag använda JavaScript som ett verktyg att komma dit? Kanske har jag redan kunskapen om det, eller så måste jag göra mer research på de rekommenderade bitarna för att klara av att lösa det. Detta är nog min favoritdel i processen, att bestämma logiken bakom min funktion.

 

3. Lär dig att skriva bra frågor

Google är utvecklarnas bästa vän. Jag hör ofta  från erfarna utvecklare att googling är något de gör dagligen  så bli bra på det! Försök att lära dig rätt terminologi så att du kan få mer exakta svar.

 

4. Ta del av ett community: Du är inte ensam! 

Du är inte ensam om att lära dig att koda, hitta andra kodkompisar och ta hjälp av varandra! Du kan till exempel gå med i Tjejer Kodars Slack-kanal.

 

5. Kolla in och utvärdera andras kod/ få din kod utvärderad

Att göra så kallade ”code reviews” på någon annans kod är så berikande, likaså att få din egen kod ögnad igenom av någon annan. Då får du även chansen att förklara din kod för någon annan vilket är extremt lärorikt.

 

6. Titta tillbaka på gammal kod och klappa dig själv på ryggen! 

Det är svårt att se vilken process man har gjort, ett tips är därför att gå tillbaka till gamla projekt eller uppgifter som du har gjort och inse hur långt du har kommit.

Från animatör till att animera i kod – en intervju med Cornelia

Hej Cornelia! Du håller på att utbilda dig till frontend-utvecklare hos Technigo just nu och jobbade tidigare som motion designer – berätta mer om din bakgrund! 
Det stämmer, jag spenderade mest tid med 2D-animation i After Effects, men till och från lite 3D-animation i Cinema 4D eller frame by frame i Animate. Mest jobbade jag med informationsfilmer, reklam på digitala skärmar (i butiker, tunnelbanor, på stan etc) eller mindre animationer till webb, sociala medier eller mobilappar. Ibland fick jag ett manus och tog fram allt från storyboard och design till färdig animation med voice over och ljudeffekter, och ibland var jag inne bara för själva animationsdelen där allt annat gjordes av andra. Jag jobbade både med stora företag och deras marknadsavdelningar och mot mindre byråer som en extra resurs.

 

Vilka möjligheter har du upptäckt med att animera i CSS istället?
Oj, jag tror det finns många fler än jag upptäckt men hittills är väl det största med animation i kod att det ger en möjlighet att styra när olika typer av animationer ska ske, antingen genom interaktivitet eller andra parametrar som finns på webbplatsen. Som när vi byggde en väderapp under Technigo Bootcamp, när prognosen är klar himmel så visas en pulserande sol, när det ska vara regnigt visas regn osv. Men också hur det påverkar användarupplevelsen av en sida, man kan ge små subtila signaler när man klickar på en knapp eller när ny information finns att tillgå. Med just CSS-animationer så slipper man också ladda upp gif:ar, eller videos och du kan anpassa dem till din kod lättare än med färdiga filer, som färger, storlek, tempo osv.

 

Något tips som du kan ge en nybörjare med CSS animering? 
Testa i Code Sandbox eller Codepen först, eller åtminstone så att du ser animationen visuellt samtidigt som du kodar. Börja med något enkelt, tona fram ett objekt med hjälp av opacitet eller animera en text i sidled till exempel (transform: translateX()). Sen googla, det finns så mycket online! Testa också att bryta ner andras kod, hitta en animation du gillar eller vill göra, titta på den koden och skriv av den (utan att kopiera/klistra in). Det finns också tutorials på YouTube, som med vanlig animation, som kan vara superhjälpsamt. Men testa att alltid göra något eget med koden också, så att du lär dig hur den fungerar och vad som händer om du ändrar i värdena eller lägger till/ tar bort kod.

 

Ni kan kika in Cornelias animering för hennes väderapp här: https://codesandbox.io/s/weather-animations-h0t5x?file=/style.css, och här kan ni se hela slutresultatet på väderappen:  https://weather-project-cornelia.netlify.app/

Användarvänlighet på webben

Cirka 20% av Sveriges befolkning, i åldrarna 16-64 år har någon typ av funktionsnedsättning. Vilket innebär att man använder sina enheter på annat vis, i jämförelse med normen, exempelvis enbart via tangentbordet eller med hjälp av specialdesignade hjälpmedel. För att alla ska ha samma möjligheter på webben behöver alla hjälpas åt och ha detta i åtanke när man designar eller utvecklar siter och applikationer.  ‍

Vi hade turen att få gå på en föreläsning inom användarvänlighet förra veckan. Föreläsningen var anordnad av Technigo/Tjejer kodar hos Google Digitalakademin (Googles nyöppnade utbildningscenter). Marcus Linder, senior utvecklare från Kundo, med spetskompetens inom ämnet gick igenom vad man ska ha i åtanke, främst ur en webbutvecklares perspektiv.

Det finns flera olika anledningar till att man kan ha svårt att navigera och interagera på en site eller applikation. Exempelvis så kan man vara blind, färgblind, ha reumatism, dyslexi eller liknande. Detta ställer självklart krav på användarvänligheten på siten.

Frågor man kan ställa sig själv när man utvecklar:

  • Kan man navigera enbart med tangentbordet?
  • Kan man förstår budskapet om man inte ser färger eller kontraster?
  • Fungerar Screen readers på siten?
  • Finns det alt-text på bilderna?
  • Är texterna tydliga – i lagom storlek och i en lättläst font?

Första steget är att ha detta i åtanke. Nästa steg är att testa och se om siten håller måtten. Det kan man göra på lite olika sätt. Man kan testa en hel del själv, exempelvis att navigera enbart med tangentbordet, eller läsa upp innehållet på sidan med en Screen reader. Utöver detta så finns det också hjälpmedel som kan ge hintar om vad som kan behöva förbättras. Här är några olika: Wave , W3C Validation  och en lista över andra verktyg: W3C verktygs lista. Du kan också använda Lighthouse i Chrome (via Chrome DevTools i inspektor-läget).

Som nybörjare är det svårt att veta hur man kan göra sin site mer användarvänlig. Svenska företag måste vanligtvis följa riktlinjer som gäller utefter WCAD 2.1 Level, som du kan läsa mer om via länken. Utöver tipsen ovan kan man också läsa mer här: Webbriktlinjer, webbriktlinjer/webbdirektivet

Under föreläsningen fick vi också se en video från Apple, som ger en gnutta förståelse till varför detta är så himla viktigt! Se videon här

Nu är det knappt två veckor kvar(!!!!) 
Slutprojekten är i full gång och alla är taggade på att snart få visa sina nya skills på sina tidigare eller nya arbetsplats. 

CSS Grid – Framtidens sätt att layouta

CSS Grid är relativt nytt i frontend-världen. Det började utvecklas för några år sedan och fick under förra året stor uppmärksamhet. Sedan dess har Grid tagit stora kliv mot att bli en standard inom CSS. Det som stoppar Grid från att användas på daglig basis är att det fortfarande saknar stöd i vissa webbläsare. Det går dock framåt i rask takt. Jag tror att vi inom något år kommer se ett flitigt användande av CSS Grid. 

Vi har denna vecka haft turen att kunna ägna en hel dag till att lära oss CSS Grid. En senior frontend utvecklare kom och besökte oss för en genomgång i hur det fungerar. Sedan fick vi göra en individuell uppgift där vi layoutade med hjälp av Grid. Kursen har ett stort fokus på det praktiska, vilket är perfekt för mig eftersom jag lär mig bäst genom att testa mig fram till olika lösningar.

Innan jag visar resultatet av uppgiften kanske ni vill veta mer om vad CSS Grid faktiskt är   
Grid är som sagt ett nytt sätt att skapa layouts med CSS. Man kan med detta skapa en ”rutnäts”-baserad layout som byggs upp via kolumner och rader.  Det innebär att man nu kan styla både vertikalt och horisontellt, på ett betydligt enklare sätt. En annan viktig del är att man kan ändra ordningen på sina objekt helt oberoende av ordningen i dokumentobjektmodellen (DOM). Man kan också kombinera Grid med exempelvis Flexbox och float om man skulle vilja.  Sammanfattningsvis kan du, med hjälp av Grid, lättare bygga avancerade layouter.

Exempel på layouts som du enkelt kan skapa med Grid:

Och mitt resultat av uppgiften:


Vill du veta mer?
Här kommer några lästips:
W3Schools CSS Grid
MDN web docs – CSS Grid Layout

Nästa vecka kör vi äntligen igång med Node.js, det ska bli så spännande! ⚡ Vi hörs snart igen

Mini-intervju: Erika Adamsson

Denna vecka lyfter vi supergrymma Erika Adamsson. Hon sökte in till Technigo Boot Camp förra omgången och är nu påväg att bli junior webbutvecklare.

Hej! Erika heter jag, 27 år från Stockholm, crazy cat lady och uppvuxen med egna hästar och diverse andra djur. Har en bakgrund inom läkemedelsbranschen, försäkringar och nu senast som kontorschef på ett superhärligt tech-startup!

VARFÖR SÖKTE DU TILL TECHNIGO BOOT CAMP?
Jag har alltid haft ett stort intresse för teknik och utveckling, och tyckt att jag är kreativ som person, men inte vetat vad jag vill jobba med. Men när jag hittade @heytechnigo så blev jag så glad! Tänk att kunna skapa egna hemsidor?! Jag valde att söka till Technigo för upplägget, att det var nytt i Sverige kändes riktigt kul, och för att jag sedan tidigare har blivit så peppad och inspirerad av Tjejer Kodar! Det finns också så otroligt mycket att lära sig och ett intensivt bootcamp passar mig bra.
Nu är det dags för mig att byta karriär, det saknas måna utvecklare, och jag vill bidra!
Till alla som överväger att lära sig koda, ta steget, det är fantastiskt kul!

Vad är egentligen React?

Ofta när man läser, pratar eller hör om Javascript nämns också frameworks och Javascript bibliotek. Det finns oändligt många och det är lite av en djungel. React som är skapat av Facebook är ett av dem. Det används idag bland annat av Instagram, Uber, Airbnb och självklart Facebook själva. React ökar i popularitet för varje dag som går och det känns som att alla pratar om det!

Men vad är egentligen React? 
React är ett effektivt och flexibelt Javascript bibliotek som används för att bygga användargränsnitt. Enkelt förklarat är ett Javascript bibliotek ett typ av bibliotek som har färdiga funktioner man använder sig utav när man skriver Javascript. Ett bibliotek gör det alltså enklare att skriva komplex kod. Ett annat populärt bibliotek är Jquery och populära frameworks är Vue.js och Angular.

Det är dock en delad åsikt om React är ett framework eller ett Javascript bibliotek. Många säger att det flyter någonstans mittemellan och har suddat ut gränsen mellan ett bibliotek och ett framework. Jag har utgått ifrån vad som står på reactjs.org, där de definierar React som ett bibliotek.  

Så, som nybörjare borde jag lära mig React?
En fundering som lätt uppstår om man är nybörjare är om man ska använda sig av ett framework, Javascript bibliotek eller lära sig vanilla Javascript (som det kallas när man enbart använder ren Javascript) först. Detta var en fråga jag funderade mycket på när jag på egen hand försökte lära mig Javascript. Efter att ha frågar runt och läst artiklar är min slutsats: lär dig gärna grunderna i Javascript först och implementera sedan ett framework eller bibliotek till din kunskapsbank. Anledningen är enkel, kan du grunderna i Javascript kommer du troligtvis ha lättare att förstå och använda olika frameworks och bibliotek, för du förstår grundkonceptet. Även på react.org förespråkas det att först lär sig grunderna i Javascript, innan man ger sig på att använda React. Vissa tycker dock att man kan köra direkt på ett framework, för då kan man troligtvis ge sig på komplex kod snabbare. 

På Boot Campet ingår två sprintar med fullt fokus på React. Vi är nu halvvägs in i den andra sprinten av dessa två. Det är superkul och utmanande, på ett (oftast) roligt vis.  Hittills har vi bland annat gjort en klocka, som man kan pausa och starta igen, en momskalkylator och en radio som hämtar in kanaler från SR:s API.

Här nedan ser ni min klocka som jag skapat:

Vill du veta mer?
Här kommer några lästips:
Lär dig React
Vad är skillnaden mellan ett Javascript bibliotek och ett Framework?
Varför har React blivit så populärt?

  • 1
  • 2

Tjejer Kodar är ett initiativ organiserat av Technigo AB.
Org. nr 559051-8030, Asogatan 122, 116 24 Stockholm


© Tjejer Kodar