# Suunnittelujärjestelmä hype

Harrastukset veivät opiskelemaan uutta alaa. Alku ei ollut helppoa, mutta intohimo uuden oppimiseen vei mukana uusiin työympäristöihin.

Kun valmistuin ammatillisesta koulusta tilanteeni ei ollut paras mahdollinen. Minulla oli ammattitutkinto, ei työpaikkaa, toiminimi ja talouskriisi. 

Näistä edellytyksistä kuitenkin jaksoin yrittää ja uskoa, että työllistyn.

## Mikä ihmeen SEO? 🕵🏼‍♀️

Ensimmäinen työpaikkani uudella alalla oli Fonecta hakukone analyytikko. Tuli opittua hakukoneoptimointia eli SEO ( Search Engine Optimization )

**Mitä tuli opittua?**

* Miten hakukoneet toimii

* Metatietojen tärkeys 

* Linkittämisen tärkeys

* Sisällön optimointi

## Sinut on erotettu! 🥾

Mainostoimisto ympäristössä riitti tekemistä laidasta laitaan. Profiili Freelanceri sivustolla oli syy potkuihin! 

Irtisanomisesta huolimatta oli mielenkiintoinen työympäristö pienessä mainostoimistossa. 

**Mitä tuli opittua?**

* PHP koodia

* Photoshop slice työkalun käyttöä

* Sisällönhallintajärjestelmiä Wordpress, Cmsms, Joomla, Fork CMS, Concrete5, Perch, Drupal

* jQuery

* Facebook SDK

> Työpöytäni 2008-2009

 

>   Työpöytäni ja menoa 2007-2010

 

>   Työnäytteitä vuosien 2009-2012 varrelta


### Mikä on Jamstack?

Jamstack on arkkitehtuuri joka koostuu kolmesta teknologia osaalueesta. Javascript, API sekä Markdown. 

[JAMstack Fundamentals: What, What and How? With Phil Hawksworth](https://vimeo.com/340526374#at=1110)

### Hyödyt

**Nopea**

Valmiiksi koostetut staattiset sivut. Kuvat muut resurssit ( ääni, ikonit ja muut mediat ) voidaan  jakaa sisällönjakeluverkkoon ( CDN )

**Hakukone ystävällinen**

Staattiset sivut sekä selkeä URL arkkitehtuuri mahdollistaa sen, että hakukone indeksoi sivun nopeammin ja näin ollen sivusto indeksoituu hakukoneessa paremmin.

Nopeammat sivut tarkoittavat enemmän pisteitä Googlen hakukoneessa.

**Turvallinen**

Ei tietokantaa ei murheita. Hyökkäys pinta-ala on vähemmän kuin perinteisellä tietokantapohjaisella arkkitehtuurilla.

**Halpa**

Tiedostojen ylläpito on halpaa tai jopa ilmaista.

**Skaalautuvuus**

Liikenteenmäärän kasvusta johtuvaa kuorimusta voidaan optimoida sisällönjakeluverkkoon avulla.

[Jamstack WTF](https://jamstack.wtf/)

### Miksi Koodi.info perustettiin

Näin tarvetta jakaa ohjelmointiin liittyvää sisältöä Suomeksi.

Haluan olla tukemassa uusia teknologia-alalle pyrkiviä ja ohjelmistosuunnittelusta kiinnostuneita löytämään kanavan mistä löytää alaan liittyvää infoa. Lisäksi koen, että tarve on selkeästi olemassa tämänkaltaiselle blogille. Blogi toimii myös itselleni hyvänä muistiinpano välineenä sekä oppimisympäristönä. 

### Mitä Koodi.info mahdollisesti tulee olemaan

*  Infoa yleisesti ohjelmistoalasta

*  Teknologia höpinää 

*  Rento ja mukaansa tempaavaa

### Minkälaisia sisältöjä

Toiveena on tuottaa mielenkiintoista sisältöä. Kuitenkin sellaista sisältöä joka on helposti ymmärrettävässä muodossa.

Lista millaisia aiheita sivusto tulee sisältämään

* Oppaita ohjelmointiin

* Ongelmatilanteiden ratkaisua

* Ohjelmistoalalla työskentelyä yleisesti

* Käyttäjälähtöistä kehittämistä

* Ohjelmisto- sekä Iotprojekteja 

* Tips and Triks 

* Ja paljon muuta

#### Miten Koodi.info on suunniteltu ja koodattu

JAMstack jossa craft cms toimii sisällönhallintana.

* Backend: [MongoDB](https://www.mongodb.com/)

* Julkkari: [Craft 3 CMS](https://craftcms.com/)  

* Frontti: [Gridsome](https://gridsome.org/)

* UI: [Tailwind](https://tailwindcss.com/)

* Data: Markdown [GraphQL](https://graphql.org/learn/)

* CI: Github

* Hostaus: [Netlify](https://www.netlify.com/) custom url

Tästä arkkitehtuurista tulossa oma julkaisu.

####  Inspiraatiota

Koodi.info ei ole uniikki ja inspiraation lähteitä on monia mm.

* 💬[Koodiklinikka](https://koodiklinikka.fi/)  Ehkä merkittävin kanava tällä hetkellä itselleni 

* 🎧[Webbidevaus](https://webbidevaus.fi/)  Erittäin hyvä podcast Antti ja Riku höpisevät 

* 📖 [Alligator.io](https://alligator.io/) Blogi jossa helposti ymmärrettävässä muodossa ohjelmistokehitys aiheita.

 👋 Palautteet:  [Twitter](https://twitter.com/vj_andrei/)