useEffect-hookin käyttötilanteita ja yleisiä ratkaisuja sivuvaikutusten eristämiseen sovelluksessa
Maksuton funktionaalisen Reactin verkkokoulutussarjamme jatkuu ja 27.5.2020 klo 10-12 tutkimme sivuvaikutuksen käsitettä ohjelmoinnissa yleisesti ja käytämme Reactin useEffect-hookia sivuvaikutusten eristämiseen muusta ohjelmasta. Käytännön livekoodausosassa tutkimme useEffect-hookin käyttötilanteita ja tarkastelemme yleisiä ratkaisumalleja. Pääasiassa keskitymme seuraaviin käyttötilanteisiin: 1) Käyttöliittymätilan luominen uudelleen ensimmäisen piirron jälkeen2) Ajastimien käyttö3) Tiedon noutaminen ulkoisesta tietolähteestä4) DOM-objektin käsittely 5) Vapautusta vaativien resurssien käyttö 6) […]
Livekoodataan yhdessä koiramainen muistipeli Reactilla
Maaliskuun 2020 puolivälissä alkaneet ilmaiset livekoodaustuokiomme jatkuvat jo neljättätoista kertaa. 20.5.2020 klo 10-12 rakennamme funktionaalisella Reactilla koiramaisen muistipelin, jonka käyttöliittymän näet kuvassa alla. Koodirivejä syntyy yhteensä vain noin 90, joten aika vähällä tekemisellä saa aika paljon aikaan. Ilmoittaudu täältä: https://attendee.gototraining.com/r/6361904427273620226. 50 ensimmäistä mahtuvat mukaan. Tervetuloa mukaan! Aiempien React-livekoodaustapaamisten nauhoitteita löydät täältä: https://www.youtube.com/watch?v=FEBfC8vZxNo&list=PLaPZ0rDCxLrfMPtsZRb_VR4VAlmc6EeWy
Koiramaisen ohjelmointikilpailun tulokset
Koiramainen ohjelmointikilpailu on ratkennut. Voitto jaetaan kolmen vastauksen kesken ja voittajat ovat: Seppo S. (JavaScript lodash)Olli R. (Haskell)Kide V. (Python) Kisailijoiden ratkaisut löytyvät lyhyine kommentteineen täältä. Kide V:n ratkaisua tuomaristo on kommentoinut seuraavasti. ”Ratkaisu on niin hyvä esimerkki huonosti luettavan koodin kirjoittamisesta, että se on palkittava jo pelkästään sen takia.”. Alla olevista kuvista näkee, että tuomaristo […]
llmainen Koodiklinikka – Funktionaalinen React
Viiden viikon ilmainen funktionaalisen React-ohjelmoinnin kurssi on noin viideltätoista ahkeralta oppilaalta takana. Oppilaiden toiveesta järjestämme koodiklinikkatapaamisen 29.4.2020 klo 10-12. Koodiklinikalle oppilaat voivat tuoda esiteltäväksi omia ratkaisujaan ja niitä tutkitaan yhdessä muiden oppilaiden ja opettajan kanssa. Klinikalla saadaan hyviä vinkkejä siihen, miten omia ohjelmia voisi kehittää. Koodiklinikalle voi tulla myös vain seuraamaan, mistä ohjelmoinnissa ja erityisesti funktionaalisessa […]
A DOGLIKE PROGRAMMING BOOK A Chicken Jerky Flavoured Introduction to Functional Programming Juuso Vuorinen This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License (CC BY-SA 4.0) ISBN 978-952-94-3254-7 (PDF) ISBN 978-952-94-3255-4 (HTML) […]
Chicken Jerky Flavoured Introduction to Functional Programming is out in English
The first edition of the English translation of the doglike programming book – A Chicken jerky flavoured introduction to functional programming is now available for free. Programming is considered an important skill in Finnish schools. It was added to the national curriculum two years ago as Finland reformed the national core curricula at all levels […]
Ilmainen työpaja – funktionaalisen React-ohjelmoinnin jatkojen jatkot – useReducer hook ja Context API
15.4.2020 Klo 10-12 jo viidettä viikkoa jatkuvassa React-ohjelmoinnin ilmaisessa työpajakokonaisuudessa tutkimme, miten monimutkaisempaa tilaa voi hallita helposti ja miten Reduxia vastaava useRecucer hook toimii. Kurssi soveltuu kaikille, jotka ovat jo käyneet esimerkiksi ilmaisen funktionaalisen React-ohjelmoinnin alkeet -kurssin joko kolmi-iltaisena tai käyneet nelilaskin-työpajan (6.4.2020), jossa opettelimme tilahookkien käytön ja funktionaalisen Reactin perusidean. Nauhoitamme opetustuokion ja laitamme videon […]
Ilmainen työpaja – funktionaalisen React-ohjelmoinnin jatkot – sivuvaikutusten käsittely effect-hookilla esimerkkinä HTTP-pyynnöt Axios-kirjastolla
8.4.2020 Klo 10-12 opimme mitä ovat sivuvaikutukset funktionaalisen React-sovelluksen näkökulmasta ja tutustumme, miten sivuvaikutukset eristetään muusta ohjelmasta fiksusti effect-hookin avulla. Samalla opimme Axios-kirjaston idean. Kirjaston avulla on mahdollista hakea tietoa ulkoisesta tietolähteestä HTTP-protokollan avulla. Sivuvaikutuksen käsitteen ymmärtäminen ja soveltaminen fiksusti johtaa laadukkaampaan ja helpommin ylläpidettävään verkkosovellukseen. Kurssi soveltuu kaikille, jotka ovat jo käyneet esimerkiksi ilmaisen […]
Ilmainen React-työpaja – rakennetaan nelilaskin funktionaalisin React-komponentein
Laaditaan yhdessä nelilaskin-ohjelma funktionaalisin React-komponentein ja keskustellaan ratkaisun hyvistä ja huonoista puolista 6.4.2020 klo 10-12. Opettaja selittää jokaisen koodirivin ja mitä milläkin rivillä ajatellaan ja miksi rivi kirjoitetaan. Voit seurata, miten ohjelma muodostuu tai osallistua aktiivisemmin ja kommentoida ja kysyä tekemisen aikana. Oppimistavoitteiden osalta työpaja seurailee tämän kurssin sisältöä: https://www.ideallearning.fi/index.php/kurssit/8-kurssit/80-johdatus-funktionaaliseen-react-ohjelmointiin-2 Nauhoitamme opetustuokion ja laitamme videon julkisesti […]
A free training event – Integrating minimax algorithm to a simple React-based tictactoe game (NP-complete -like problem)
This is our third week of the free training events. We started with three sessions of the basics of Haskell on week 11 and continued with another three session on React programming on week 12. During the last week’s online React programming training sessions (23.3., 25.3 and 27.3.2020) a simple tic-tac-toe game was created with […]