Marja Jämbeck

Junior Web Developer & Designer

Marja

Nimeni on Marja ja olen valmistunut Jyväskylän ammattikorkeakoulusta tieto- ja viestintätekniikan insinööriksi jouluna 2022. Koulutussuuntautumiseni oli mediatekniikka (taustalla myös tietoverkkotekniikan opintoja), eli opintoni keskittyivät webkehitykseen. Opinnäytetyöni toteutin Jamkille aiheena Saavutettavuus opetusmateriaaleissa, Case: Jamk InnoFlash.

Web-sivujen suunnittelu ja siihen liittyvien uusien web-ohjelmointitekniikoiden opettelu on ollut intohimoni aina siitä asti, kun lukiovuosina opettelin itse HTML:n alkeet ja aloin kyhätä omia web-sivujen raakileita. Haaveenani on päästä työskentelemään web-sovelluskehityksen parissa, ja parantaa taitojani frontend-kehittäjänä kehittyen ja laajentaen osaamistani siitä pikkuhiljaa fullstackiin. Myös WordPress-, Android- ja mobiilikehitys, käyttäjäläheinen ja saavutettavuuden huomioiva käyttöliittymäsuunnittelu ja palvelumuotoilu, sekä projektien hallinta kiinnostavat minua.

Jo ennen valmistumistani, kirjoittaessani opinnäytetyötäni, työskentelin Jamkilla erilaisissa järjestelmähallintaan ja -tukeen liittyvissä tehtävissä. Lisäksi opinnäytetyöni ja siihen liittyvän saavutettavuusosaamiseni seurauksena olen päätynyt mukaan monenlaisiin Jamkin opetusmateriaalien saavutettavuuden parantamista koskeviin tehtäviin. Toiveenani ja tavoitteenani olisi päästä töihin oman alani työtehtäviin kehittämään jo olemassaolevia taitojani, ja siten päästä kehittymään web-kehittäjänä/ohjelmoijana ja päästä oppimaan uusiakin tekniikoita.

My CV


Voit lukea minusta lisää myös LinkedIn:stä.

Skills & Tools

HTML
HTML 5

Koodausurani aloituskieli, jonka ohella olen opetellut myös CSS:ää. Aikanaan aloitin HTML:n itseopiskelun erilaisten WYSIWYG-editorien kautta, ja opettelin HTML4:n ja XHTML:n. Tuohon aikaan tuli harrasteprojekteina rakenneltua useampiakin websivustoja pelkällä HTML:llä ja CSS:llä. Nykyisin taidot on totta kai päivitetty HTML5:een ja semanttiseen rakenteeseen.

CSS
CSS3

Pitkälti itseopiskellut taidot, joita olen vahvistanut koulussa ja opiskellut yhä itse lisää. Perustyylimäärittelyt ja typografia onnistuvat melko vaivatta, ja mobile first on tärkeä suunnittelun käsite. Käytän luontevasti myös Bootstrapia sekä Flexboxia sivujen rakentamisessa, ja olen kokeillut myös W3.CSS:ää. Pidän CSS:n visuaalisuudesta ja käyttömahdollisuuksista, mutta harjoitusta tarvitsen vielä ainakin CSS animoinnissa/transitioneissa sekä Gridin käytössä.
Käyttöliittymien suunnittelumielessä haluaisin oppia vielä myös parempaa asettelua.

Github
SASS
Sass

Olen opetellut Sassia koulussa, ja jatkanut opettelua sen jälkeen itse. Harjoittelin tutoriaalin avulla rakentaen pari pientä sivupohjaa, joiden tyylitiedostot rakensin Sassilla. Sen jälkeen olen käyttänyt Sassia tämän portfoliosivun rakentamisessa. Aion käyttää Sassia myös jatkossa mahdollisimman paljon ja jatkaa sen harjoittelua, sillä sen käyttö ja syntax tuntuvat luontevilta.

Github
JavaScript
JavaScript

JavaScriptin perusteet alkavat olla melko hyvin hallussa. Olen koulun kurssien ja projektien lisäksi opetellut JavaScriptiä lisää parin Udemy-kurssin avulla, ja tehnyt kymmenittäin pieniä koodausprojekteja kurssiharjoituksina, joista useassa tehnyt jonkinlaista DOM/event käsittelyä. Lisäksi olen kokeillut myös jQueryä, Ajaxia, Local Storagea sekä Fetch API:tä. Datan käsittelyssä tutuinta minulle on JSON-muotoinen data. Tarvitsen harjoitusta vielä ainakin hyvään koodirakenteeseen.

Viimeisimpänä olen tehnyt oman projektin: Stock Data Project (kts. Portfolio).

Github
React
React

Olen aloittanut Reactin itseopiskelun. Olen tehnyt crash course -tutoriaalin avulla Reactilla pienen task tracker -sovelluksen opetellen Reactin perusrakennetta. Olen aloittanut Udemy-kurssin jatkaakseni Reactin oppimista lisää. Toistaiseksi olen vasta tutustunut propseihin, stateihin ja hookseihin.

Reactin ja Sassin opettelun yhteydessä saanut olen saanut kosketusta myös Node.js:n käyttöön, mutta tarvitsen senkin osalta vielä roimasti harjoitusta ja aion jatkaa siihenkin tutustumista Reactin rinnalla.

Reactin ohella minua kiinnostavat myös Vue ja Angular, ja aion kokeilla niitä ja jatkaa opiskeluani niihin ehkä Reactin jälkeen.

Github
Vue
Vue

Olen kokeillut Vuea ja harjoitellut sen perusteita tekemällä crash course -tutoriaalin avulla Vuella pienen task tracker -sovelluksen.

Github
TypeScript

Olen tutustunut TypeScriptin syntaxiin tutoriaalin ja dokumentaation avulla, sekä harjoitellut TypeScript-koodin kääntämistä JavaScriptiksi npm:n avulla. En vielä ole käyttänyt TypeScriptiä projektissa, mutta haluan jatkaa sen opettelua.

Github
Git
Git

Git-versionhallinnan käyttö on minulle jo aika luontevaa. Käytän sitä tottuneesti joko suoraan komentoriviltä tai käyttöliittymästä. Olen käyttänyt Gittiä koko opintojeni ajan sekä kouluprojekteissa että omissa projekteissa. Olen käynyt koulussa myös kurssin Gitin käytöstä. Omat projektit säilön nykyisin lähes poikkeuksetta Githubiin, kun taas koulussa käytetään Gitlabia. Gitlabissa myös issue board, milestones. wiki ja pagesin käyttö on tullut tutuksi kouluprojektien ja tehtävien.

WordPress / Drupal
WordPress

Suoritin koulussa kurssin, missä opettelin WordPressin käyttöönottoa ja hallinnointia sekä perustoimintoja. Kurssilla kävin läpi myös teeman kustomointia, sisällöntuotantoa ja käyttäjämäärittelyjä. Kokeilin myös erilaisia lisäosia, mm. WooCommercea, sekä custom post-tyyppejä, sekä oman teeman, lisäosien ja widgettien luomista.

Olen ollut myös mukana puolivuotisessa koulun kurssiprojektissa, missä oma ryhmäni suunnitteli ja loi asiakkaan toiveiden pohjalta toimivan web-sovelluksen prototyypin. Tämä prototyyppi toteutettiin WordPressillä, käyttäen myös itserakennettuja lisäosia ja custom post -tyyppejä (kts. Portfolio: Wille).

Töissä Jamkilla olen myöhemmin päässyt työskentelemään Drupal -sisällönhallintajärjestelmän kanssa, ja vastuualueenani oli projektia koskevien websivujen sisällön muokkaus ja päivitys jamk.fi -websivuilla.

WordPress/Drupal-kehittäminen kiinnostaa minua edelleen, ja sitä opettelisin mielellään lisää myös tulevaisuudessa, jos siihen tilaisuus aukeaa.

Github
Saavutettavuus (WCAG 2.1)

Tutustuin saavutettavuuteen ja sen standardin WCAG 2.1:n vaatimuksiin hyvin perinpohjaisesti oman opinnäytetyöni tutkimustyön ja kirjoittamisen yhteydessä. Toteutin opinnäytetyöni Jyväskylän ammattikorkeakoululle, ja sen aihe koski saavutettavuutta opetusmateriaaleissa. Opinnäytetyössäni parantelin Jamk InnoFlash -kurssin dokumenttipohjaisten opetusmateriaalien visuaalisuutta ja saavutettavuutta. Ja työssäni tutkin siis, kuinka hyvin WCAG 2.1 -standardin vaatimuksia on mahdollista toteuttaa dokumenttipohjaisissa opetusmateriaaleissa.

Työtäni arvostettiin suuresti Jamkilla johtuen siitä, että opetusmateriaalien saavutettavuuden kehittäminen on tällä hetkellä tärkeä seikka opetuksen kehittämisessä. Tästä johtuen olen myöhemmin myös päätynyt mukaan uusiin tehtäviin ja projekteihin Jamkilla koskien verkko-opetuksen kognitiivisen saavutettavuuden kehitystyötä.

Saavutettavuus on tärkeä osa-alue ohjelmistokehitystä ja käytettävyyttä, joten jatkaisin mielelläni tämän osaamiseni hyödyntämistä ja kehittämistä myös jatkossa. Olisi mukava esimerkiksi suorittaa joskus saavutettavuutta koskeva sertifikaatti vahvistamaan osaamistani.

Opinnäytetyö
Figma
Figma

Olen käyttänyt Figmaa käyttöliittymäsuunnitteluun ja mockupien tekoon jokaisessa opiskeluprojektissa, jossa olen ollut mukana. Siitä on tullut itselleni mieluisin työkalu käyttöliittymäsuunnittelussa.

PHP
PHP

Opiskelin PHP:tä koulun kurssilla harjoituksilla. Samalla tutustuttiin myös Laravel-frameworkiin. Sen lisäksi olen ollut mukana kouluprojektissa joissa PHP/Laravel-osaamista tuli harjoiteltua lisää.

Sen jälkeen PHP:tä on tullut harjoiteltua WordPressin opettelun yhteydessä. Olen myös videotutoriaalin avulla koodannut Laravelilla pientä blogi-sovellusta kerraten itse Laravelin rakennetta ja toimintaa.

Github
Project Managing

Olen harjoitellut projektin hallintaa ryhmän kanssa useilla koulun kursseilla. Isoin ja huikein projektinhallinnan kokemukseni oli kuitenkin kesällä 2019 harjoittelu JAMKin WIMMA Labissa, missä toimin koko kesän oman tiimini team leaderinä saaden kokemusta agile/lean development -menetelmiin (Kts. Portfolio: WIMMA Lab). Erityisesti kokemusta tuli sprinttien suunnittelusta ja issue boardista, sekä scrum- ja retrospective-palaverien pitämisestä oman tiimin työskentelyn seurannassa. Lisäksi hoidin paljon tiimien välistä viestintää.

Linux / Ubuntu
(Apache/XAMPP)

Olen harjoitellut koulussa palvelimenhallintaa Linuxilla, erityisesti Ubuntulla. Osaan konfiguroida ja hallinnoida Linuxilla pyörivää Apache web-palvelinta, ja harjoitustyönä pystyttänyt oman TeamSpeak-serverin.

Luonnollisesti web-kehitystä opetellessa (PHP/WordPress) on usein tullut käytettyä XAMPPia sivujen hostaamiseen ja testailuun omalla koneella, joten Apache/MariaDB/PHP/Perl-stack on siten tuttu.

Olen myös kokeillut Linux Kalin työkaluja suljetussa verkossa kyberturvallisuuden kurssilla harjoitellen tietoturvaa ja web-palvelun haavoittuvuuksien hakkerointia.

Android Studio / Kotlin
Kotlin

Koulun kurssilla opettelin sekä Android Studion käyttöä että Kotlin-kielen perusteita. Kurssiharjoituksina rakensin pieniä Android-sovelluksen raakileita testaillen ja opetellen Android-sovellusten rakennetta ja elementtien toimintaa.

Android-kehitys voisi kiinnostaa minua jatkossakin, ja Kotlinia voisi opetella lisää.

Github
SQL

Olen harjoitellut koulussa MySQL:n käyttöä, ja rakentanut pienen tietokanta-sovelluksen joka haki tietoa MySQL-tietokannasta.

Adobe / Inkscape

Olen kokeillut Inkscapella web-sivulle sijoitettavan svg-muotoisen grafiikan piirtämistä.

Adoben ohjelmista Illustratorilla osaan luoda yksinkertaisia graafisia elementtejä ja kuvioita. Olen myös kokeillut Photoshopia ja Premiere Prota, harjoitellen peruskuvankäsittelyä ja videoeditointia.

Blender

Blenderillä olen kokeillut 3D-mallinnusta parin kurssiharjoituksen verran.

C#

Olen opetellut C#:n ja olio-ohjelmoinnin perusteet verkkokurssilla avoimen AMK:n kautta kurssitehtävillä harjoitellen. En ole kuitenkaan koodannut C#:lla muuta.

C++

Olen opetellut C++:n perusteet koulun kurssilla, ja koodannut sillä pienen tietovisapelin.

Portfolio & Projects

Portfolio-websivu
Oma projekti/Web-visualisointi -kurssin (JAMK) harjoitustyö, kevät 2021

Tämän portfolio-websivun päivitys. Vanha versio oli rakennettu ilmaisella Bootstrap portfolioteemalla Stylish Portfolio, johon olin vain lisännyt oman sisällön. Pidin vanhan sivuversion ulkonäöstä ja rakenteesta, mutta halusin rakentaa sivut nyt uudestaan omana taidonnäytteenäni alusta asti ihan itse ja samalla pohtia sivun rakennetta ja visuaalisuutta, sekä uusia sisältöä.

Sivujen koodauksessa käytetty Bootstrapia (v. 5.0.0-beta2), ja sen rakenteita ja komponetteja joilla rakensin sivurakenteen. Muokkasin Bootstrapin omia tyylejä omilla CSS-tyyleilläni. Harjoittelin samalla Sassin käyttöä, ja käytin Node.js/npm:ää kääntääkseni Sass-tiedostot CSS:ksi. Sivun sisällössä harjoittelin myös Gridin käyttöä, sekä pohdin sivun visuaalisuutta ja käytettävyyttä. Tutkin ja opiskelin myös Googlen Material Design -designmallia pohtiessani sivujen visuaalista rakennetta ja ilmettä pyrkien ottamaan Material UI:n mukaisia tyylejä ja asettelua käyttöön sivuillani (erityisesti sivuelementtien elevation/shadows).

Työssä on harjoiteltu myös sivun responsiivisuutta (kuvat) ja skaalautuvuutta (mobile first), ja sivun performance on testattu Googlen PageSpeed Insightsilla. Sivut on julkaistu sekä Githubin github-pagesin että JAMKin Gitlab pagesin päälle.

Sivu on vielä kehittelyssä, sillä testailen vielä mahdollisuutta ja tapoja rakentaa sivuille vielä kuvagalleria (erityisesti modalit). Tarkoituksenani on myös mahdollisesti muuntaa ja rakentaa sivut uudestaan toimimaan Reactilla tai Vuella.

Dokumentaatio ja lähdekoodi:
Github

Stock Market Data
Oma projekti, kevät 2021

Töitä hakiessa ennakkoharjoituksena noin kolmessa viikossa opiskelun ohella tekemäni pieni projekti, jossa käsittelin csv-muotoista osakehistoria-dataa. Tarkoituksena oli toteuttaa MVP-sovellus joka näyttää statistiikkaa Applen osakehintojen muutoksista, ja osaa hakea ja näyttää datan pohjalta vastauksia käyttäjän antamiin kysymyksiin tietyllä aikavälillä.

Sovellus on toteutettu web-sovelluksena pelkästään vanilla JavaScriptillä, HTML:llä ja CSS:llä. Käytin Fetch API:a datan hakemiseen ja AnyChart-kaaviokirjastoa datan näyttämiseen graafisesti. Sovellus myös käsittelee dataa array methodeilla ja etsii vastauksia määriteltyihin kysymyksiin käyttäjän antamien valintojen perusteella.

Projekti harjoitti ja vahvisti osaamistani ja itsevarmuuttani JavaScriptin koodaamisessa, erityisesti sain lisää harjoitusta array methodeista ja funktioista. Opin myös ymmärtämään osake-käsitteitä ja dataa. Keskityin sovelluksessa sen tehtävänannon mukaisen datan käsittelyyn, laskentafunktioiden toimintaan ja käyttöliittymässä vaadittuun toiminnallisuuteen, joten sovellus on ulkonäöltään karu eikä myöskään skaalaudu pienemmille näytöille. Myös koodin ja funktioiden rakenteessa on vielä korjattavaa.

Aion jatkaa vielä sovelluksen kehittämistä - erityisesti sen ulkoasua ja koodirakenteen korjausta, ja saatan myös käyttää sitä Reactin harjoitteluun kokeillen muokata sen toimimaan Reactilla.

Dokumentaatio ja lähdekoodi:
Github

WIMMA Lab (JAMK)
Pengwin Media, Junior Web Developer/team leader, harjoittelu, kesä 2019

Pengwin Media -virtuaaliyrityksen projektin hallinta ja tiimin johtaminen JAMKin WIMMA Lab -oppimisympäristössä touko-heinäkuun aikana kesällä 2019.

Pengwin Media toimii muita ohjelmointitiimejä/virtuaaliyrityksiä konsultoivana mediatalona WIMMA Lab -harjoitteluprojektiympäristön sisällä, ja tehtäviimme kuului webkehitys ja käyttöliittymäsuunnittelu sekä WIMMA Labille että muille tiimeille. Käytännössä toteutimme WIMMA Labin ja virtuaaliyritysten sekä toteutettujen ohjelmistoprojektien websivut, ja loimme käyttöliittymägrafiikkaa, logoja ja mockuppeja yhteistyössä toisten tiimien kanssa. Tiimimme konsultoi ja toimi yhteistyössä toisten tiimien kanssa myös varsinaisessa käyttöliittymien toteutuksessa.

Lisäksi vastuullamme oli WIMMA Labin brändin ylläpito ja digimarkkinointi, jota varten huolehdimme WIMMA Labin eri sosiaalisen median kanavista, ja tuotimme niihin mediasisältöä (valokuvaus ja videointi editointeineen) ja julkaisuja. Lisäksi tuotimme myös sekä tiimeille että WIMMA Labille muuta graafista materiaalia, kuten esitteitä ja käyntikortteja.

Oma vastuualueeni oli Pengwin Media -tiimin johtaminen. Huolehdin siis tiimin projektinhallinnasta ja aikataulutuksesta pyrkien pysymään kartalla tehtävien etenemisestä ja kaikista konsultointitarpeista muille tiimeille. Huolehdin pääosin myös oman tiimini dokumentoinnista kesän ajalta, ja hoidin suurimmalta osin tiimien välisen viestinnän sekä muut juoksevat asiat, tai edustin tiimiäni tapahtumissa ja kokouksissa, jotta tiimini jäsenet saattoivat keskittyä varsinaisiin sovittuihin tehtäviinsä. Kaiken ohessa pyrin osallistumaan Developer-roolissa myös tiimin yhdessä tekemiin töihin ja web-kehitykseen aina kun ehdin - vähintäänkin auttaen ongelmanratkaisussa.

Opettelin kesän aikana paljon agile/lean development -metodeja hallinnoiden tiimin issue boardia ja suunnitellen sprinttejä, sekä pitäen tiimilleni päivittäiset scrum-kokoukset ja sprintien päätteeksi retrospectivet. Pääsin siis kesän aikana saamaan kosketusta myös scrum masterinkin työnkuvaan/tehtäviin. Lisäksi opin itsestäni paljon, sillä en ollut koskaan aiemmin ollut näin isossa vastuuroolissa. Opin että minulla on ehkä enemmän johtamistaitoja ja rohkeutta kuin oletin, ihmisläheisenä osaan kuunnella ja ohjata tiimin toimintaa, sekä ratkoa ongelmia kannustaen silti itseohjautuvuuteen. Osaan myös hyvin jäsentää laajoja tavoitteita, ja paloitella tehtäviä selkeämpään muotoon ja vaiheiksi, jotta tavoitteissa päästään eteenpäin.
Kaikin puolin huikea kokemus ja kesä mahtavan tiimin kanssa, ja olen ylpeä kaikesta mitä saatiin aikaan!

Websivut:
WIMMA Lab
WIMMA Lab -guides
Pengwin Media -website (2019)
WIMMA Lab Open Doors -landing page

Dokumentaatio:
Pengwin Media JAMK Gitlab Wiki (vaatii käyttäjätunnukset JAMKin Gitlabiin)
WIMMA Lab -websites (site, guides-and-info, avoimetovet) JAMK Gitlab
WIMMA Lab 2019 (all virtual companies) JAMK Gitlab

Käyttöliittymäsuunnittelu, logot ja käyttövideot toisten tiimien ohjelmistoprojekteille:
Overflow: TACS (Tactical Airsoft Command System)
Iotitude: Jonoxi (mobile queuing)

Sosiaalinen media ja sinne tuotettu sisältö kesältä 2019:
WIMMA Lab Youtube
WIMMA Lab LinkedIn
WIMMA Lab Twitter
WIMMA Lab Instagram
WIMMA Lab Facebook

Wille (prototyyppi)
Projekti-kurssi (JAMK), Refil-tiimi, syyskuu 2018 - maaliskuu 2019

Yhteistyö JAMKin ja Trimedia Oy:n välillä (projektisopimus).

Puolen vuoden projektina koulussa toteutettu ryhmätyö, jossa tarkoituksena toteuttaa toimiva sovellusprototyyppi (luokkaretkirahaston hallintasovellus) oikealle asiakkaalle (Trimedia Oy).

Työssä lähdettiin täysin asiakkaan idean pohjalta suunnittelemaan sovellukselle käyttöliittymää ja toiminnallisuutta aivan alusta asti. Käyttöliittymäsuunnittelu tehtiin Figmalla, ja varsinainen sovellusprototyyppi toteutettiin tämän jälkeen WordPressillä käyttäen ACF:ää (Advanced Custom Fields -plugin) sekä itseluotuja custom plugineja ja posteja. Eli työssä päästiin perehtymään syvälle WordPressin PHP-koodiin. Oma tekninen keskittymisalueeni projektissa oli käyttöliittymäsuunnittelu ja Figma, vaikka tietenkin projektiryhmässä pyrittiin siihen että kaikki osallistuivat ja kokeilivat kaikkia projektin tehtäviä tai vaiheita joko yksin tai tiiminjäsenen kanssa. Projektissa harjoiteltiin myös projektinhallintaa ja scrum/agile-metodeja, kuten projektin jakaminen sprintteihin, scrum-kokoukset ja tilanneraportointi sprinteittäin. Myös mm. projektitiimin projektipäällikkön ja sihteerin roolit kiersivät sprinteittäin koko projektin ajan tiimin jäseneltä toiselle, jotta kukin pääsi kokeilemaan tiimissä johtavaa roolia sekä dokumentointi- ja viestintävastuuta. Koska projektissa harjoiteltiin myös oikean asiakkaan kanssa työskentelyä ja kommunikointia, oli dokumentointi ja viestintä tärkeässä osassa koko projektin ajan.

Dokumentaatio ja lähdekoodi:
Github

Käyttöliittymä-mockup (Figma): Refil/Wille

Ohjelmistoprototyypin jatkokehitysoikeudet on Projekti-kurssin lopuksi luovutettu projektisopimuksen nojalla Trimedia Oy:lle.

Platz
Web-projekti 2 -kurssi (JAMK), ryhmäprojekti, kevät 2018

Kurssin ryhmätyönä toteutettu sovellusprototyyppi. Tori.fi-palvelua matkiva osta/myy/vaihda -palvelu jossa käyttäjät voivat tarjota omaa osaamistaan naapuriapu-tyyppisesti tai etsiä apua esim. oman kaupungin alueelta. (Esim. ikkunan pesu, autonrenkaiden vaihto jne.)

Toteutettiin käyttäen siihen asti koulussa tai muuten opittuja web-kehitystaitoja. Pääosin HTML, CSS, Bootstrap, MySQL ja UX design käyttäen mockuppeja. Erityisesti harjoiteltiin Laravelin käyttöä, jonka päälle sovellusprototyyppi toteutettiin, ja myös siis PHP:n käyttöä. Syventävää harjoittelua myös projektinhallintaan ja ryhmätyöhön useamman hengen tiimissä.

Dokumentaatio ja lähdekoodi:
Github

Contact Information


+358 44 995 9706

marja.jambeck(at)gmail.com

Jyväskylä, Finland