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!

Tack för mig

Nu har Boot Campet kommit till sitt slut. Med vemod måste jag säga hej då till alla fina klasskamrater, två riktigt duktiga lärare och självklart de tre personerna som får hela Technigo att flyta, Hanna, Sandra och Siri.

Nu ska jag försöka smälta all kunskap som regnat över mig under 12 veckors tid. Jag ska också försöka ta några dagar ledigt från kodandet. Jag tror dock att jag hittas djupt nedsjunken i ett javascript error om bara några timmar.. Det finns så mycket som jag vill lära mig mer om, som jag vill testa, som jag vill skapa!

Jag tänkte ge några allmänna tips till er som vill lära er programmering eller till och med ska gå detta Boot camp i höst:

  1. Våga!
    Vill du lära dig? Kör på! Du har ingenting att förlora. Programmering är för alla kön, etniciteter och personlighetstyper. Glöm den stereotypiska programmeraren som sitter i mörkret i en källare med en jolt cola. Vi ser alla olika ut, har olika egenskaper och olika erfarenheter.
  2. Ta pauser!
    Pauser är underskattat. När man fastnar i ett problem vill man gärna inte släppa det innan det är löst. Men ta några minuter och gör något annat, koden blir tydligare då och oftast löser man problemet efter en paus.
  3. Ta hjälp av, och hjälp, andra!
    Man lär sig så otroligt mycket av att hjälpa andra och förklara kod. Att hjälpa varandra gör att man utvecklas så mycket snabbare. Och våga fråga, det är oftast andra som vill fråga exakt samma sak som du, men inte vågar.
  4. Har du ingen att fråga? Prata högt!
    Att prata med sig själv om sitt problem är förvånansvärt effektivt. Det är som att man förklarar för sig själv och genom det förstår koden, på något magiskt vis.
  5. Ta dig tid att göra andra saker som du gillar!
    När man kodar har man ofta ett väldigt hög fokus och man fastnar lätt, plötsligt har flera timmar flugit förbi. Ta dig tid till att träna, umgås med vänner eller bara att chilla på soffan. Utan återhämtning kan man inte ge 100%
  6. GE INTE UPP!
    Du kommer klara det! I perioder känns det som att inget går som du vill, men jag lovar, av alla fel man gör, lär man sig massor.

Som avslut vill jag gärna visa upp mitt slutprojekt som jag har byggt.
Det är en hemsida där du kan hitta Second hand butiker i Stockholm. Jag vill med detta göra det enklare och roligare att shoppa begagnade kläder och saker. Tanken är att sidan i framtiden ska vara användarbaserad, så användare ska kunna lägga till nya butiker, kommentera och ge betyg på butikerna. I detta skede ser den ut såhär:

Tack för den här tiden! Jag hoppas att ni har fått en tydlig bild för hur det är att gå på Technigos Boot Camp. Vi ses kanske igen, någon gång i framtiden!
Ni får mer än gärna höra av er om ni har frågor angående kursen eller allmänt. Ni når mig via linkedin eller instagram 

Och juste, kika gärna på min portfolio, där finns en del av de projekten som jag/vi byggt under kursen: frejabusby.se

Hej då!

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. 

Vad är Node.js

Hittills på Boot campet har det varit fokus på Frontend utveckling, denna vecka har vi tagit det första steget över till server-sidan, med hjälp av Node.js.

Vad är Node.js?
Node.js är en open source-plattform där man kör Javascript på servernivå. Node.js använder Chrome V8 Javascript-motor som översätter Javascript till så kallad maskinkod/machine code, så din server kan köras. Paypal, Uber, Linkedin och Netflix är några exempel på företag som använder Node.js.

Vad kan man göra med Node.js?
Med hjälp av Node.js kan man med Javascript, bygga komplicerade applikationer som dynamiskt anpassar data beroende på ex. användaren.
Det kan vara allt från: logins, specifikt innehåll för specifika användare och olika typer av spel   till: lagring av kreditkort och chattfunktioner – listan kan göras otroligt lång! 
För att bygga funktioner som de ovan, räcker oftast inte vanilla Javascript eller React (som jag tidigare skrivit om här på bloggen), utan man behöver en server. På servern kan man lagra data som man sedan kan använda i sitt program eller applikation.

Varför ska man använda Node.js?
Node.js har många fördelar, både för användaren och för dig som utvecklare. Här följer några exempel:

  • Inlärningskurvan är lägre än att lära sig ett helt nytt programmeringsspråk.
  • Man kan bygga en snabbare applikation, med mindre kod, på kortare tid än med andra språk.
  • Med Node.js får vi en ren och mer konsekvent kod eftersom allt är skrivet i samma språk, Javascript!
  • Man vinner prestanda genom så kallat “non-blocking IO” och “Event loop”, väldigt enkelt förklarat så innebär detta att data hämtas från server, under tiden som data hämtas fortsätter applikationen att köra nästa instruktion. Den stannar alltså aldrig upp för att vänta på data (som i många andra programmeringsspråk för server-sidan) – applikationen blir i och med detta mycket snabbare. 

Npm – Nodes ”pakethanteringsystem” 
En viktigt del när man jobbar med Node.js är npm (Node Package Manager). Npm innehåller paket med färdig kod som man kan återanvända i sitt projekt – så kallade packages. Detta underlättar då du snabbare kan lösa problem, genom att någon annan redan har en lösning som de laddat upp som ett package.  Du kan då ladda ner paketet, implementera och anpassa det efter din applikation. Det finns hundratusentals paket och det kommer dagligen upp nya.

Vill du veta mer?
Här kommer några lästips:
Få en förståelse för hur Chrome V8 fungerar
Introduktion till server-sidan
Kom igång med Node.js
Mer om npm

Nu är det bara tre veckor kvar innan vi är “färdiga” Frontend utvecklare.  Jag är så peppad med samtidigt känner jag redan lite separationsångest. Jag kommer sakna detta underbara gäng så mycket!

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?

Vi är halvvägs!

Det känns otroligt, sex veckor, av tolv, har nu passerat. Det känns som flera månader, samtidigt som det känns som några få dagar. Jag har spenderat (i princip) varje dag sedan i början på mars med att lära mig kod. Nu, när halva tiden har gått har jag smått panik.  Är vi klara och redo för en ny utmaning om bara sex veckor? Ska vi stå på egna ben och göra detta på daglig basis? 

Jag har tänkt tillbaka på dessa veckor och på vad vi har hunnit gå igenom, vad vi har åstadkommit och vad vi har lärt oss. Femton individuella projekt och tre teamprojekt med fokus på HTML, CSS, vanilla Javascript och React. Jag har läst, jag har googlat, jag har lyssnat, jag har förklarat och jag är lärt mig! Jag har lärt mig så otroligt mycket på denna korta period.   Jag trodde knappt det var möjligt innan denna kurs. Det har dock kostat en del blod, svett och tårar för att komma så långt som vi gjort. Man får inte kunskapen gratis. 

Ett effektiv sätt att utvecklas på, som visat sig vara ett perfekt verktyg för mig, är att berätta och förklara för andra. Eller om andra inte finns i närheten, förklara för sig själv! Man måste förstå sin kod in i minsta detalj för att kunna förklara för någon annan så hen förstår. Vilket innebär att du själv måste förstå vad och varför du skrivit din kod på det sättet som du gjort. För tro mig, det finns hundratals olika sätt att skriva kod, som genererar i princip samma resultat. 

För att bearbeta de veckor som gått har vi denna vecka fått påbörja våra portfolios. Det som framöver ska bli fönstret till vår kunskap. För er som inte vet vad en portfolio är så är det (oftast) en hemsida där man visar upp projekt som man gjort via utbildning, jobb eller på sin fritid. Att gå igenom uppgifterna igen och sammanställa dem har hjälpt mig att på något vis bunta ihop allt och samtidigt sortera upp all kunskap, som en typ av repetition. Perfekt timing, såhär halvvägs in i kursen. 

Varje dag är jag lika taggad på ny kunskap, nya utmaningar och nya problem som ska lösas. Och nej, jag ljuger faktiskt inte nu. Kan jag ha hittat mitt drömyrke!? 

Psst.. är du sugen på att ansöka till nästa Boot Camp? 
Ansökan öppnar nästa torsdag, den 19 April.
Läs mer här!

Mini-intervju: Moa Danielsson

⚡⚡Grymma @danielssonmoa är student hos oss på Technigo. Läs vår mini-intervju med henne och varför hon ville satsa på programmeringen.

Hello World!
Jag heter Moa och jag älskar teknik i alla dess former och att resa och upptäcka världen.
Jag har en bakgrund inom försäljning och var helt nybörjare på att bygga hemsidor innan jag började på Technigos bootcamp. Det finns verkligen så mycket att lära sig, du lär dig nya saker varje dag. Idag tycker jag att det är superduper-kul att få utveckla och skapa dessa sidor.

VARFÖR SÖKTE DU TILL TECHNIGO BOOT CAMP?
Jag har haft ett genuint intresse för teknik och datorer sedan jag var liten och nu i år kände jag att de var dags att gå all in och satsa på detta. Programmering är för mig väldigt kreativt och det finns oändliga möjligheter att bygga vidare på och utveckla. Jag valde Technigos bootcamp för att dess upplägg, kursinnehåll och centrala plats var perfekt för mig. Ett val jag aldrig ångrat.

Läs mer om vårt 12 veckorsprogram

Företagssamarbeten – en inblick i branschen

Tolv veckor, sex sprintar och sex olika samarbeten med företag. Från dag ett, under hela kursen så delas vi in i team och gör projekt åt företag, ett nytt för varje sprint. 

Vi har hittills jobbat med Google, Record Union och nu, Tictail. Tre olika branscher, olika företagskulturer och i varierande storlekar. Variationen mellan de olika företagen känns nyttig. Den matar oss med information om hur det är att jobba som utvecklare på dessa företag och hur olika det kan vara från företag till företag.

Efter vår förra demo hos Record Union

Under en sprint spenderar vi två arbetsdagar på det företag som vi samarbetar med. Vi får lära känna företaget, jobba på våra projekt, få hjälp av duktiga utvecklare, men också få en inblick i hur en arbetsdag ser ut hos dem.

Vi blir bjudna på Lunch hos Tictail 

När vi har kommit i mål med vårt projekt är det dags för demo och code reviews. Båda dessa delar är ett väldigt viktigt inslag i Boot Campet, enligt mig. Genom detta reflekterar vi över projektet, vi lär oss att prata om vår kod och vårt resultat. Detta är en betydande egenskap i ett teach-team, man måste kunna diskutera sin kod och reflektera över vad som var bra och mindre bra. Att dessutom få feedback från riktigt duktiga utvecklare är väldigt givande och utvecklande. 

Philip på Tictail hjälper mig att lösa ett problem i koden

Under sprint 3 samarbetar vi med Tictail. I detta projekt kommer vi bygga en egen webshop genom deras API. Rent tekniskt är fokuset på att jobba med API genom React . Så spännande och roligt! Vi har tillbringat en arbetsdag hos Tictail hitills. Under den dagen lyckades vi komma en bra bit på projektet – allt tack vare deras duktiga utvecklare, som la ner otroligt med energi på att lära och hjälpa oss framåt. 

Att under hela kursen få samarbeta med små, som stora företag känns otroligt positivt! Det ger en tydlig inblick i branschen och hjälper oss att knyta kontaker. Vem vet, ni kanske hittar mig på Google, Tictail eller Record Union i framtiden. 

Två företagsprojekt är klara, ett är under arbete. Vilket betyder att vi har tre to go. Så nyfiken på vilka de andra företagen kommer att vara!

  • 1
  • 2

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


© Tjejer Kodar