Resursbank för alla utvecklare, designers, kodintresserade där ute

Vad är Resursbanken och Sommarkodare? 🍉

Under 2020, ni vet, pandemi och grejer. Vi behöver inte gå in på det mer än att säga att det var ont om sommarjobb, praktiker, exjobb för de som pluggade.
Så mina kollegor Johannes, Anton och Martin på 46elks startade Sommarkodare. Det var ett sätt att få personer som studerar att få en chans att koda, lära sig även under sommaren. Om de fullföljde 10 dagar och skrev blogginlägg om vad de lärt sig under de dagarna, med hjälp av att svara på några fördefinerade frågor, så fick de betalt 1000kr för sina blogginlägg – Vilket blev en form av betalning för sommarjobb, alla fick lära sig något nytt, fler projekt till portfolion, vi fick lära känna fler utvecklare och blogginlägg från deras projekt att publicera på vår hemsida ♻️

Sommaren 2022 så körde vi igen, det var jag, Anton, Eja och Martin som stod för Sommarkodare detta år. Vi fick helt otroliga 200 ansökanden och vi tackade ja till alla som ville vara med. Det finns styrka i stora nummer så alla kan hjälpa varandra.
Vi alla som var med under Sommarkodare 2022 finns samlade på denna Discord server, så letar du efter ett Community som också lär sig koda, så får du gärna gå med här och ställa frågor 👏🏼

Men nu till det mest intressanta – Resursbanken!
Under 2020 startade vi Resursbanken som ett sätt att ge ut alla våra tips, till alla som letade hjälp på internet för att lära sig mer om just det kodspråk de var på jakt efter.
Under 2022 så gick vi steget längre och körde en cmd + v på gamla resursbanken och tog emot tips ifrån alla 200 Sommarkodare – WOW vilken samling med bra tips vi har nu som vi kan dela med oss till alla vi möter 🥳

Här hittar du den senaste versionen av Resursbanken, som du också kan dela med dig av till alla utvecklare, designers, kodintresserade som du möter ♻️

🧠 Resursbank

Inspelade workshops från Sommarkodare
Här kan du hitta alla 19 inspelade workshops från Sommarkodare där vi på 46elks och våra vänner visar, förklarar, berättar om kod, databaser, grafik, söka jobb, etc 📽️

 

 

Ej kodspecifika resurser

freeCodeCamp har många gratis kurser på youtube om allt möjligt, de har också en hemsida med väldigt bra interaktiva lärometoder. Här är en länkar till deras youtube kanal och hemsida.

Stackoverflow, en väldigt bra plattform att lära känna, som många utvecklare använder dagligen
https://stackoverflow.com/

Lite allt möjligt:
https://www.geeksforgeeks.org/

Kattis, programmeringsproblem som en kan lösa
https://open.kattis.com/

Kryptering online:
https://cryptii.com/

På Codepen kan du hitta flera olika kodsnuttar som du kan forka, göra ändringar i och testa koden direkt där. Du kan också lägga upp egna kodsnuttar och dela med andra
https://codepen.io/

Ska du sätta upp en server? Då hittar du lite olika knep för att göra det här.

Vår kollega Rene visar hur en sätter upp en Digital Ocean server, här finns en guide på hur du kan sätta upp en Ngrok tunnel

På The Coding Train youtube kanal kan du hitta olika gratis kurser och tips (ENG):
https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw

Project Euler, en serie av olika matematiska och programmatiska problemställningar att lösa
https://projecteuler.net/

Tjejer kodar har gratis kodutmaningar som en kan testa, samt olika bootcamps och kurser
https://www.tjejerkodar.se/kodutmaningen/

Scratch har kodutmaningar att lösa där en lär sig hur kod fungerar
https://scratch.mit.edu/

SuperHi är en online läroplattform med många olika kurser för kodspråk och design, de några gratis kurser och tutorials men många kurser kostar dock pengar
https://www.superhi.com/

Coursera, olika kurser online:
https://www.coursera.org/

Codecademy är en online läroplattform för många olika kodspråk (kostar dock pengar)
https://www.codecademy.com/

På Udemy kan du hitta kurser inom olika kodspråk och webbutveckling (kostar dock pengar)
https://www.udemy.com/

Code with Ania Kubów:
https://www.youtube.com/c/AniaKubów

Här hittar du en massa olika kurser från ex Ivy Leauge skolor i USA:
https://www.edx.org/

För den som redan nu är nyfiken på att labba vidare med PHP+MySQL på sin egen dator rekommenderas XAMP som finns att ladda ner här:
https://www.apachefriends.org/

På Scrimba kan du hitta alla möjliga kurser inom programmering, helt gratis:
https://scrimba.com/allcourses

På NetNinja kan du hitta olika kurser (kostar dock pengar):
https://netninja.dev/

På The New Boston kan du hitta tutorials för diverse programmeringsspråk, databaser (t ex mysql och mongodb), docker eller olika web-frameworks:
https://www.youtube.com/user/thenewboston

Lära dig koda med olika kodspråk här:
https://www.sololearn.com/home

Olika tutorials och tips kan du hitta här, Programming with Mosh:
https://www.youtube.com/c/programmingwithmosh

Tiff In Tech, en inspirerande tjej som gått från modell till att ha lärt sig koda själv på egen hand:
https://www.youtube.com/c/TiffInTech

Jag vill tipsa om hemsidan www.mooict.com Där finns massvis av tutorials till olika projekt i bland annat C#, Python och Javascript:
https://www.mooict.com/

Resurser om Python

Grundkurs i Python på svenska:
https://fabelmakaren.se/2019/04/29/grundkurs-i-python-pa-svenska/

Tutorial för att skicka SMS med Python:
https://www.youtube.com/watch?v=y44g9CKss10

”Learn Python by Building Five Games”:
https://www.youtube.com/watch?v=XGf2GcyHPhc

”Create Graphic User Interfaces in Python Tutorial”:
https://www.youtube.com/watch?v=YXPyB4XeYLA

Våra vänner på Imagilabs har en app där du kan lära dig Python på ett vänligt sätt. Om du vill kan du köpa till ImagiCharm för att se din kod komma till liv men appen fungerar lika bra utan den.
https://imagilabs.com/

“Learn code the hard way, Python” är en bok och tillhörande videos om du vill dyka ned i Python
https://learncodethehardway.org/python/

“Automate the boring stuff”, steg för steg instruktioner i Python
https://automatetheboringstuff.com/

Python Tutorial – Python Full Course for Beginners:

The Hitchhiker’s Guide to Python, en guide till Python som alla kan bidra till
https://docs.python-guide.org/

Lär dig Python på 4 timmar, här är en kurs från FreeCodeCamp:

Tech with Tim har olika tutorials och tech talks om bland annat Python:
https://www.youtube.com/c/TechWithTim

Spelprogrammering i Python med Pygame

Pygame for beginners:
https://www.youtube.com/watch?v=FfWpgLFMI7w

Pong tutorial:
https://www.101computing.net/pong-tutorial-using-pygame-getting-started/

Pygame Zero:
https://pygame-zero.readthedocs.io/en/stable/

Skapa ditt första spel
Här finns en lista med youtubefilmer om hur du skapar ditt första 2D spel med Unity och C# (en grafik motor för att skapa små 2D elller 3D spel):
https://youtu.be/t1biZP4w7To

Ett tips för inspo gällande pixel art och spelutveckling är youtubekanalen IndieTales:
https://www.youtube.com/c/AdamCYounis

First person movement in Unity:

Webbutveckling

freeCodeCamp var från början väldigt inriktade på webbutveckling och det är de fortfarande, så allt material därifrån är väldigt bra och helt gratis.

Youtube spellista med HTML och CSS tutorials från freeCodeCamp:
https://www.youtube.com/playlist?list=PLWKjhJtqVAbnSe1qUNMG7AbPmjIG54u88

CSS-tricks har många tips på hur en kan utföra saker med CSS:
https://css-tricks.com/

Är ditt mål att lära dig koda med Vim så kan du lyssna på ett podcast avsnitt om Vim här eller spana in någon av dessa tutorials om Vim på Vimast.org

För att placera ut saker på en hemsida så kan du använda dig av ett gridsystem, här kan du lära dig hur CSS grid funkar med spelet Grid garden:
https://cssgridgarden.com/#sv

A Complete Guide to Grid:

A Complete Guide to CSS Grid

Uppslagsverk och tutorials (mer avancerat):
https://www.w3schools.com/

För att placera saker på hemsidan kan en använda Flexbox, här lär du dig hur Flexbox funkar via ett spel som heter Flexbox Froggy:
https://flexboxfroggy.com/#sv

A Complete Guide to Flexbox med CSStricks:

A Complete Guide to Flexbox

Känns Terminalen skrämmande och obekant? Här kan du läsa lite om Terminalen på svenska eller lyssna på våra vänner podcasten Developers! – mer än bara kod avsnitt om Terminalen

Web developer roadmap med tekniker som faktiskt används:
https://github.com/kamranahmedse/developer-roadmap
https://roadmap.sh/

Git och Github kan vara lite klurigt i början, det finns massvis med bra guider där ute

Atlassian kan du hitta tutorials och filmer om git kommandon

Här finns ett blogginlägg om Git på svenska “En nybörjares guide till Git”

Vill du prova på SASS eller SCSS istället för CSS? Här hittar du en guide:
https://sass-lang.com/guide

Här finns en typ av förklaring på hur det fungerar med att lägga upp en hemsida från Teknifik

Vill du lära dig CMS:et WordPress? Här finns en bra guide från Freecodecamp.org:

Advanced Custom Fields (ACF) plugin är ett bra alternativ att använda tillsammans med WordPress:
https://www.advancedcustomfields.com/

Kevin Powell har massor av Youtube videos om hur du lär dig skriva CSS med självförtroende, kan vara bra att kika på en del av dem för att förstå lite mer:
https://www.youtube.com/kepowob

How to Create HTML5 Videos and Embed Videos:

Bulma är ett open-source CSS framework om du vill fokusera på andra områden inom webbutveckling så kan en använda Bulma för att lösa utseendet:
https://bulma.io/

Bootstrap är ett grid framework som kommer med en hel del CSS styling på köpet:
https://getbootstrap.com/

Build a Complete Personal Portfolio Website Using Only HTML And CSS:

Unn Swanström har en bra Youtubekanal om UX och produktdesign:
https://www.youtube.com/channel/UCPhyIJmxTD6qzDCZHypFGJg

Lär dig React helt gratis på ett nybörjarvänligt sätt:
https://scrimba.com/learn/learnreact

CSS Zen garden är ett bra sätt att lära sig att skriva CSS till någon annans HTML:
http://www.csszengarden.com/

Att lära sig om webbtillgänglighet är bra för alla på denna planet, och ett ansvar som vi som utvecklare kan ta för att hjälpa andra att få ta del av information på internet. Här finns några tips på hur du kan lära dig mer om vad webbtillgänglighet och WCAG 2.0 standarden innebär:
https://www.digg.se/kunskap-och-stod/digital-tillganglighet
https://webbriktlinjer.se/

Color review är ett bra verktyg för att mäta kontrasten mellan dina olika färger som du använder, för att det ska vara tillgängligt för alla på webben:
https://color.review/

En nybörjarvänlig tutorial på hur du lär dig bygga en responsiv hemsida med HTML och CSS:

HTML & CSS Full Course – Beginner to Pro:

https://www.youtube.com/watch?v=G3e-cpL7ofc

En blandning mellan tutorials, men också videos för inspiration och allmänna tips inom webbutveckling för dagar när hjärnan inte riktigt är i full lärar-mode:
https://www.youtube.com/c/TheCoderCoder/videos

Klurigt att hitta bra ikoner på nätet? Här finns några tips:

https://icons.getbootstrap.com/
https://fonts.google.com/icons
https://fontawesome.com/icons?d=gallery
https://iconmonstr.com/
https://thenounproject.com/
https://icons8.com/
https://www.flaticon.com/
https://heroicons.com/

Resurser om och var du hittar APIer

En lista med publika API:er att använda i ditt projekt:
https://github.com/public-api-lists/public-api-lists

Myndigheten för Digital förvaltning DIGG har samlat olika API:er här som en kan använda
https://www.dataportal.se/

Trafiklab har satt ihop en sida med olika kollektivtrafikers API:er som du kan koda något fränt av
https://trafiklab.se/

Arbetsförmedlingens JobTech team skapar egna API:er som en kan använda
https://jobtechdev.se/sv

Andreas Krohns har en presentation där han går igenom 20 APIer på 20 minuter, finns många bra tips på olika API:er
https://www.youtube.com/watch?v=5C8Yp11RXTE

POSTman kan en anropa API:er med utan att använda kod. Ett jättebra sätt att testa att anropa sitt första API med:
https://www.postman.com/downloads/

Vi på 46elks har ett API som du kan testa att skicka ett SMS med för att lära dig hur du anropar ett API. Här kan du skaffa ett konto och här kan du läsa i dokumentationen om hur en gör för att skicka ett SMS, här finns några guider på hur du kan skicka SMS med olika kodspråk

Apputveckling

Freecodecamp.org har en youtube tutorial om hur en kan lära sig Swift för iOS utveckling:

Här finns en artikel på Medium om “Getting started with Swift”:
https://medium.com/the-andela-way/getting-started-with-swift-89877c42660b

Freecodecamp.org har en youtube tutorial om hur en kan komma igång med Android apputveckling:

Här kan du skicka SMS med Flutter, men det står litegrann om vad Flutter är, vad en ska tänka på, samt länkar till en “Getting started tutorial”:
https://46elks.se/tutorials/send-sms-flutter

En gratiskurs på Udacity som är gjord av Google där du kan lära dig utveckla Android Appar med Kotlin:
https://www.udacity.com/course/developing-android-apps-with-kotlin–ud9012

Lite mer avancerad utveckling av Android appar med Kotlin, en gratiskurs på Udacity:
https://www.udacity.com/course/advanced-android-with-kotlin–ud940

Android fundamentals for beginners, Android Studio för nybörjare:

En blogg från Google som handlar om Android:
https://android-developers.googleblog.com/

Basch script

En lista med härliga Bash script och resurser för Bash
https://github.com/awesome-lists/awesome-bash

Java

Code Rebels har vänligt nog delat med sig av en hel nybörjarkurs i Java som finns här. Det finns information om Java, programmering, uppgifter att träna på och laborationer – Kan vara ett bra ställe att börja på om Java är nytt för dig
java-kurs-uppgifter

Det här är en Javakurs för de som inte kan Java, men är riktad åt de som har erfarenhet av att programmera i andra språk:
https://openlearninglibrary.mit.edu/courses/course-v1:MITx+6.005.1x+3T2016/about

Det här är fortsättningskursen på den föregående ovan. Den passar bra om en redan kan programmera i Java, och vet om bl.a. testning och specifikationer:
https://openlearninglibrary.mit.edu/courses/course-v1:MITx+6.005.2x+1T2017/about

Javascript

Youtube spellista med Javascript tutorials från freeCodeCamp:
https://www.youtube.com/playlist?list=PLWKjhJtqVAbleDe3_ZA8h3AO2rXar-q2V

Grundkurs i Javascript på svenska:
https://zäta.com/sv/javascript-guide/index.htm

Lär dig Javascript gratis med hjälp av:
https://scrimba.com/learn/learnjavascript

Om ni tycker att javascript är för lätt att läsa är det här en rätt intressant video om hur man kan göra livet svårare för sig själv:

Gratis korta videotutorials för att lära sig Vanilla Javascript:
https://scrimba.com/learn/learnjavascript

Mina första försök med kodande jag lärde mig var javascript via Khan Academy:
https://www.khanacademy.org/search?referer=%2F&page_search_query=javascript

C#

Giraffe Academy, var väldigt hjälpsamt när jag skulle lära mig C# grunderna:
https://www.mikedane.com/

Nätverk att hitta fler resurser inom

Meetup är en väldigt bra plattform för att hitta fler utvecklare, workshops, föreläsningar inom tech. Här finns meetup grupper som ex PyLadies Stockholm, Stockholm APIs, Uppsala Linux User Group , Flutter Sweden, Uppsala.js, Friends of 46elks Uppsala, Afterwork Coding, Uppsala Tech Meetup, Friends of 46elks Stockholm

Det finns fler grupper att hitta här:
https://www.meetup.com/

Konferenser såsom WordPress, PyCon Sweden och Uppstart kan en hitta fler utvecklare kompisar på

Hackathons är väldigt bra att vara med på som utvecklare, du får testa nya saker, lära känna fler människor och bidra till bra projekt (sen är det väldigt roligt också 😍 )

Det finns många Facebook grupper där du kan hitta fler utvecklare vänner att rådfråga, ex Kodtjejer, Datatjej, Kodapor, Kodapor OT (off-topic), Pink programming Community är bara några av de som finns därute

Bidra på ett Open source projekt är ett bra sätt att testa dina vingar på, det finns massvis med projekt på bland annat Github som du kan forka och bidra till

Det finns väldigt många bra podcasts att lyssna på också där en kan hitta en massa tips. Några av de poddarna är Kodsnack, Trevlig mjukvara, Developers – Mer än bara kod, Techskaparna, Datatjej podcast

Ett Ted talk med Josh Kaufman om de 20 första timmarna – Hur lär du dig någonting:

Inspiration

Ingen tutorial, men vill dela en utvecklare som jag inspireras av, Valerie Fuchs aka Madame Robot:
https://valerie-fuchs.com/
https://cafe-robot.co/

En nyhetsartikel om en person som gör konst med enbart HTML och CSS:
https://www.svt.se/kultur/hon-malar-tavlor-med-css-och-html-kod-ser-ut-som-klassiska-oljemalningar
Hennes Github konto finns här:
https://github.com/cyanharlow

 

Vill du lägga till fler tips på Resursbanken?
Maila mig på carolina@46elks.com så uppdaterar jag denna lista med jämna mellanrum 👏🏼


Publicerat

i

,

av

Etiketter:

Kommentarer

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *