Linkit ja vinkit

Tältä sivulta löydät hyödyllisiä linkkejä, jotka voivat auttaa sinua eteenpäin ohjelmoinnissa, websuunnittelussa/kehityksessä sekä muissa projekteissa. Kaikki sivustot ovat ilmaisia, mutta osa voi vaatia sisäänkirjautumisen päästäksesi käyttämään palvelua.

Mietitkö tietäsi koodarina? Tutustu Developer’s Roadmapiin.

Hyödyllisiä sivuja koodauksen opetteluun

Codeacademy – Opettele ohjelmointia
Codepen – Front-end-projekteja; web development playground
Codewars – Opettele/kertaa eri ohjelmointikieliä haaste/pelimuodossa ratkoen muiden tekemiä tehtäviä/tasoja! (vaatii perustaidot jostakin ohjelmointikielestä)
CSS Grid Garden – Opettele CSS-gridiä hauskassa pelimuodossa
EDX – Laadukkaita verkkokursseja kansainvälisistä yliopistoista
FreeCodeCamp – Erilaisia harjoitustehtäviä (mm. HTML, CSS, JavaScript)
Kirupa – Teksti+kuvamuotoisia tutoriaaleja: HTML, CSS, JavaScript ym.
Learn CSS Grid – Ohjeita CSS-gridiin
MOOC – Yliopiston avoimia ilmaisia verkkokursseja, sisältää esimerkiksi tietojenkäsittelytieteen perusopintoja. Kurssien suorittamisesta voi saada opintopisteitä!
Scratch – Ohjelmoi interaktiivisia pelejä ja tarinoita
Solo Learn – Opettele ohjelmointia ja kirjastoja, voit myös ladata sovelluksen mobiililaitteeseesi
Stack Overflow – Sivusto, jolla voi kysyä ja löytää vastauksia ohjelmointikysymyksiin
Udemy – Verkkokursseja eri aiheista, niin ilmaisia kuin maksullisiakin
W3Schools – Web development, paljon materiaalia, dokumentaatioita ja ohjeita esim. HTML&CSS-kehitykseen

Yksittäiset kurssit ja haasteet

Codeacademy: React – React-kurssi
I Love Coding – Erinomainen videokurssi frontend-ohjelmoinnin aloittamiseen
I Love Coding Github – I love coding GitHub – materiaalit ylläolevan kurssin tehtäviin, jos tarvitsee
JavaScript 30 Days – 30 JavaScript-projektia 30 päivässä

Adobe XD (verkkosivujen ulkoasun designiin)

Adobe XD – Tutoriaali ja ohjelma
Videosarja-tutoriaali – Adobe XD tutoriaali-videosarja auttamaan alkuun
XD Guru – Adobe XD tutoriaaleja

Muita hyödyllisiä työkaluja (design)

ColorSpace – Apuväline/generaattori gradienteihin ja väripaletteihin
Coolors – Työkalu väripalettien luomiseen
Font Awesome – Paljon ilmaisia iconeita, jotka voi upottaa html-koodilla verkkosivuille.
Icon Finder – Iconeita, paljon maksuttomia, ei vaadi kirjautumista.
Canon Irista – Palvelu kuvien hostaamiseen ja säilytykseen. 15 GB ilmaista tilaa.
Lorem ipsum – Lorem ipsum -generaattori (placeholder text)
Paletton – Työkalu väripalettien luomiseen
W3 merkkikirjasto – Erikoismerkit ja niiden koodit HTML

Ilmaisia kuvapankkeja

Gratisography – Kuvituspainotteisempia, muista kuvapankeista eroavia omalaatuisia kuvia
Magdeleine – Erityisesti maanläheisiä kuvia. Mahdollisuus etsiä kuvia mm. päävärin mukaan
Pexels – Laaja kuvapankki, sisältää myös videoita/gifejä. Paljon muotokuvia. Kuvia voi etsiä esimerkiksi värin mukaan
Pixabay – Kuvapankki, jossa valokuvien lisäksi vektori- ja kuvituskuvia.
SplitShire – Useita eri kategorioita, hyvä kokoelma teknologiapainotteisia kuvia!
Unsplash – Hyvin laaja kattaus erilaisia laadukkaita kuvia eri kategorioissa.

Suurimmassa osassa yllämainituista kuvapankeista kuvia/kuvakokoelmia voi etsiä hakusanalla.

Kouluja

Business College, Helsinki
Careeria, Porvoo
Hive-koodauskoulu, Helsinki
Stadin Ammattiopisto, Helsinki
Tietojenkäsittelytiede yliopistossa, Helsinki (Myös mm. Tampere, Turku)