Koodi.info

# Suunnittelujärjestelmä hype 🚂 Suunnittelujärjestelmä nousukausi vuonna 2014. Informaatiota suunnittelujärjestelmistä ja kuinka pitäisi tehdä ja mitä työkaluja pitäisi käyttää. ## Ensimmäinen suunnittelujärjestelmä projekti 🤓 Suunnittelutiedostot omilla koneilla, komponentit olivat hapantuneet ja kokemus suunnittelujärjestelmistä tiimillä lähes nolla. Siinä oli lähtökohdat ensimmäiseen suunnittelujärjestelmä projektiin. Tuotantoon ei päästy, mutta suunnittelijan työ yhdenmukaistui. ## Viso miten työstetään yhdessä 💡 Työstetään yhdessä ei erikseen ja toimiteta handoveria. Näin syntyi avoimen lähdekoodin projekti Design Tokens. [Design tokens](https://design-tokens.netlify.com/) [Style Dictionary](https://github.com/amzn/style-dictionary) ## Intohimoa intohimia! 🕺 Hyvä ja menestyvä suunnittelujärjestelmä vaatii ihmisiä ( tiimiä ) joilla on intohimoa tehdä suunnittelujärjestelmää. ## Inspiraatiota 🤩 Duet suunnittelujärjestelmä jonka takana oikeat ihmiset joiden intohimo näkyy ulospäin. [Duet Design System](https://www.duetds.com/)

# Suunnittelujärjestelmä hype 🚂 Suunnittelujärjestelmä nousukausi vuonna 2014. Informaatiota suunnittelujärjestelmistä ja kuinka pitäisi tehdä ja mitä työkaluja pitäisi käyttää. ## Ensimmäinen suunnittelujärjestelmä projekti 🤓 Suunnittelutiedostot omilla koneilla, komponentit olivat hapantuneet ja kokemus suunnittelujärjestelmistä tiimillä lähes nolla. Siinä oli lähtökohdat ensimmäiseen suunnittelujärjestelmä projektiin. Tuotantoon ei päästy, mutta suunnittelijan työ yhdenmukaistui. ## VISIO miten työstetään yhdessä 💡 Työstetään yhdessä ei erikseen ja toimiteta handoveria. Näin syntyi avoimen lähdekoodin projekti Design Tokens. [Design tokens](https://design-tokens.netlify.com/) [Style Dictionary](https://github.com/amzn/style-dictionary) ## Intohimoa intohimia! 🕺 Hyvä ja menestyvä suunnittelujärjestelmä vaatii ihmisiä ( tiimiä ) joilla on intohimoa tehdä suunnittelujärjestelmää. ## Inspiraatiota 🤩 Duet suunnittelujärjestelmä jonka takana oikeat ihmiset joiden intohimo näkyy ulospäin. [Duet Design System](https://www.duetds.com/)

Harrastukset veivät opiskelemaan uutta alaa. Alku ei ollut helppoa, mutta intohimo uuden oppimiseen vei mukana uusiin työympäristöihin. # Investointi uuteen kannatti tehdä 📚 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/)