Tässä jaksossa Antti ja Riku juttelevat droneista, 5G:stä, sekä Github Copilotin mahdollisuuksista osana koodarin työkalupakkia. Lisäksi vastaillaan kysymyksiin freelance-projektien hankkimisesta, sopivien kirjastojen valinnasta projekteihin, SEO:sta ja monesta muusta. Jakson nimi tietysti OpenAI:n generoima!

• DJI Mini 2
• Copilot

• Kuinka usein teidän päivittäisessä työssä tulee SEO vastaan? Kuinka paljon webbidevaajan pitäisi tietää SEOsta? (Giacomo)
  • Google Search Console
• Saako töissä yleensä käyttää haluamaansa editoria vai halutaanko että koko tiimi käyttää VScodea. (vim user)
• Ootteko joutuneet tiukkojen teknisten tehtävien / kysymysten eteen työhaastatteluissa? Minkälaisia tehtäviä kannattaa teettää, jos on palkkaamassa fronttidevaajaa 2021?
  • Assignment brief for junior developers, fall 2021
• Moikka! Mikä on aloittelevalle webbikehittäjälle paras tapa hankkia Suomessa projekteja freelance-pohjalta? Onko esimerkiksi palveluita, joiden kautta ensisijaisesti kannattaisi etsiä itselleen hommia ja tarjota osaamistaan, jos ei vielä ole vanhasta takaa liiemmälti kontakteja? Entä mitä sudenkuoppia pitäisi osata välttää, kun tekee tällaista sopimusta asiakkaan kanssa (aikataulutus, palkkiot jne.) (Miqsu)
• Millä asioilla on sinulle merkitystä, kun valitset sopivia kirjastoja projektiasi varten? Lähdekoodin avoimuus? GitHub-tähtien määrä? Muut kriteerit? (Kosminen)

• Antti:
  • Kummeli Yle Areenassa
  • Kummeli 30 vuotta
• Riku:
  • Curb Your Enthusiasm

Katsaus React 18 Alphaan ja Tailwind versioon 2.2. Onko any:n tai as-castauksen käyttö TypeScriptissä aina koodihaju? Puhutaan myös SVG-kuvista ja kuvien generoinnista Node.js:llä.

Tätä jaksoa sponsoroi Futurice. Tsekkaa duunit osoitteessa futurice.com/careers!

• SVG
  • Antin mindmap-demo
• TypeScript
  • Tagged Union Types in TypeScript
• React 18 alpha
  • The Plan for React 18
  • React 18: Terms and functionality
  • React Server Components
  • React 18 Alpha is out! Now what?
  • startTransition:
    • New feature: startTransition
    • A better React 18 startTransition demo
    • Pythagoras tree demo
• Tailwind 2.2
  • v2.2.0

• Antti: Base16 Terminal Colors for Visual Studio Code
• Riku: Graphile Starter

Antti näkee Objective C:tä JS:ssä, Riku kutsuu Postgresiä suoraan frontista, Google kannustaa RSS:n käyttöön. Oikeasti? Oikeasti!

• PostGraphile
• The data model behind Notion's flexibility
• Learn CSS
• https://twitter.com/addyosmani/status/1395106082029068289
• Recoil 0.3.0
• Sublime Text 4
• Google IO
• Node 12 vuotta

• Miten kaikille koodareille riittää töitä ?
  • emilio
• Aloitin webbidevaus podcastin kuuntelun, kun jaksoja oli tullut ulos 101. Kuuntelin kaikki jaksot(1-104) ennen kun jakso 105 oli julkaistu. Kysymykseni: Onko tämä kahden tarran arvoinen suoritus? Ps. Erityiskiitos tailwind jaksosta! Perätuulta ollut jokaisessa projektissani jakson kuunneltuni!
  • Jyri
• Onko Java Spring jo auttamattomasti outdated?
  • anonyymi

Riku: Paints & Friends Akryylikaato - workshop

• Kuvat Instagramissa

Antti: The Spaghetti Westerns Music

Tsekkaa avoimet paikat osoitteesta futurice.com/careers!

• Vue.js
  • Typescript type safety in template
  • Why isn't Vue 3 getting typescript type checking in templates at compile time?
• Typehole
  • VSCode extension
  • Typed holes
• Stackblitz - Introducing WebContainers: Run Node.js natively in your browser
• Google AMP is dead! AMP pages no longer get preferential treatment in Google search

• Riku: Fluffy Jiggly Japanese Pancake Recipe
• Antti: Backyard Squirrel Maze 2.0 - The Walnut Heist

Framework vai kirjasto? JSX vai templatet? Mitkä ovat ratkaisevat erot Vuen ja Reactin välillä, ja mikä saisi vaihtamaan toiseen? Safariin on saapunut uusia ominaisuuksia aina flexbox gapista Sirin varassa pyörivään Speech recognition rajapintaan.

• New WebKit Features in Safari 14.1
• Effect of the Last Week on Ruby on Rails
• CSS counter
• Redux Toolkit & RTK Query
  • https://rtk-query-docs.netlify.app/
  • https://github.com/reduxjs/redux-toolkit/releases/tag/v1.6.0-alpha.1
• VS Coden GitHub -laajennus

• Miksi ette vaihtaisi Reactista Vueen?
  • What Vue.js Does Better Than React
  • @vueuse/motion

• Riku: Papillon
• Antti: The Grand Budapest Hotel

Mikä on Googlen tällä hetkellä käyttäjillään testaama pahamaineinen seurantatyökalu FLoc? Koodimysteerejä selvitellään myös aina TypeScriptin AST:stä VSCode lisäosien koodaamiseen, kun Riku on aloittanut taas varsin kokeellisen harrasteprojektin 🧪. PS. Mikäli oman podcastin aloittaminen kiinnostaa, kannattaa kuunnella tämä jakso!

Jakson sponsorina Futurice, tsekkaa avoimet duunit osoitteesta futurice.com/careers.

• Matthew Walker's "Why We Sleep" Is Riddled with Scientific and Factual Errors
• FLoC
  • Am I FLoCed?
  • Why Brave Disables FLoC
  • Google’s FLoC Is a Terrible Idea
• Rikun mysteeriprojekti
  • TypeScript AST Viewer
  • harpake - npm
    • V1 Demo - Härpäke
    • V2 Demo - Automaattista tyyppien generointia frontissa
  • Parse, don’t validate

• Kysymys
  • Millaisella kalustolla nauhoitatte podcastia? Istutteko fyysisesti samassa tilassa? (Marjut)
• Eleventy
• Podtrac
• IAB: Podcast Measurement Technical Guidelines 2.1
• How to Self-Host Your Podcast
• Create an Eleventy podcast feed

• Riku: Endurance
• Antti: My name is Earl

Vauhdista liikkuvaan projektijunaan hyppääminen ei koskaan ole helppoa. Millä mielellä hommaan kannattaa lähteä ja mitä ottaa huomioon? Voiko vauhtiin pääsyä nopeuttaa?

Mitä mieltä olemme open sourcesta? Web pyörii ilmaisen koodin varassa, mutta ovatko Github-tähdet lopulta riittävä korvaus open source - kehittäjille? Onko tähän havaittavissa muutosta?

Kuuntele niin tiedät!

• Container queries

• Onko codebaseen tutustumisessa oikotietä onneen?
  • Dependency cruiser
• Mitä mieltä olette open sourcesta?
• Mikä on nykyään paras tapa tilanhallintaan React-sovelluksissa?
  • Redux Toolkit
  • recoil
  • jotai
  • zustand
  • xstate
  • useContext, useReducer
  • react-query
• Miksi puolet "modernista javascript-kehityksestä" on oikeasti buildityöjalujen tunkkaamista?
  • IIFE:t (immedeately invoked function expression)
  • require-js, browserify, grunt, gulp

• Riku: Jaffa Kirsikka
• Antti: The Incredibles 1 & 2

Onko Tailwind JIT nyt sitten 5/5 vai 0/5? Mikä tekee Vitestä Webpackia nopeamman? Tuleeko Harmaja viimein popularisoimaan funktionaalisen reaktiivisen ohjelmoinnin webissä? Pikalataa annos fronttikehityksen uusia tuulia tästä!

• Build your own React
• Lambda Calculus - Computerphile

• Vite
  • esbuild
  • wmr
  • Snowpack
• Tailwind JIT

• Harmaja
  • Bacon.js
• JavaScript ES2021 Features You Need to Know
• Temporal
  • Proposal
  • Fixing JavaScript Date – Getting Started
• Mixins Are Dead. Long Live Composition

• Riku: 3 Kaverin Vegaaninen Jäätelö, Lakritsi & Vadelma
• Antti: finmech.group

Rahaa tulee jo ovista ja ikkunoista, eikä koulun penkillä istuminen enää innosta? How to proceed? Te kysytte, me vastaamme! Entä mitä mieltä Riku ja Antti ovat progressiivisten web-sovellusten tulevaisuudesta ja nykytilasta? Miten aloittaa uuden ohjelmointikielen opiskelu? Meiltä mielipiteet jokaiseen vaivaan!

Jakson sponsorina Futurice!

• Futuricen avoimet duunit
• Tomin fromfrom-kirjasto
• Ikkunastudio 102
• Juhiksen järjestämä Koodiklinikan palkkakysely:
  • http://bit.ly/koodiklinikka-palkkakysely-vastaukset
• Ja @akx'n rakentamat lisäanalyysit täältä:
  • https://koodiklinikka.github.io/palkkakysely/

• Kiitos mahtavasta sisällöstä! Onko teillä kokemusta graafitietokannoista? Mistä ja toimiiko hyvin node.js:n kanssa? Olen jonkin verran kikkaillut Neo4jn kanssa, se on todella kätevä. Oon vaa vielä kahden vaiheella, uskallanko ottaa ihan tuotanto käyttöön (en tiedä toimiiko backupit yms kunnolla) (Devi Niko)
• Oletteko töissänne ja/tai omissa projekteissanne kehittäneet progressiivisia web sovelluksia (PWA) ja onko teillä mielipiteitä niiden nykytilasta ja tulevaisuudesta web sovellusten kehityksessä? (Allan)
  • Web app manifest
  • ngrok
    • Työkalu lokaalisti pyörivän sovelluksen testaamiseen ulkoverkon läpi
• Onko koulua järkeä käydä loppuun jos pääsee heti töihin? Kohta ensimmäinen vuosi takana ja jos saan kesätöistä heti vakipaikan niin kannattaako siirtyä työelämään vai käydä se koulu loppuun? Tullut harrasteltua koodausta jo ennen koulua, ainakin ensimmäisen vuoden opetus oli aivan pelleilyä (youtube > amk)
• Miten aloitatte uuden ohjelmointikielen/teknologian opiskelun? Luetteko kirjan, katsotteko videon, selaatteko läpi dokumentaation? Ja mitä suosittelisitte? (Ode)

Koneoppimista ja tietoturvaa tutkitaan paljon yliopistoissa, mutta miten on webbidevauksen laita? Tähän kysymykseen on vastaamassa Inteliltä W3C-konsortiossa toimiva Anssi Kostiainen ja web-teknologioista väitellyt Mikko Pohja, yksi Bytecraftin perustajaosakkaista. Vierailevana juontajana tässä jaksossa väitöskirjatutkijana Aalto-yliopistossa toimiva Giacomo Mariani.

Linkit

• W3C
• Erwise
• Anssi Kostiainen Twitterissä
• Mikko Pohja Twitterissä
• bytecraft.fi
• Giacomo Mariani Twitterissä
• Giacomo Mariani medium.com:ssa