Relevantum Oy
puh. 03 341 1111
kurssit@relevantum.fi

● Ilmoittautuminen
● Kurssit
● Yrityskohtaiset
    kurssit

● Yritysesittely
Tietoliikenteen, tietojärjestelmien ja digitaalisen median kursseja

React.js-perusteet

React.js on työkalu laadukkaiden käyttöliittymien toteuttamiseen. Tällä kurssilla käymme läpi Reactin perusteita kokeneen kouluttajan johdolla, jonka kymmenien React-projektien kokemus takaa koulutuksen sisällön ajankohtaisuuden ja korkean laadun sekä sanavalmiuden.

Kurssilta saat mukaasi perustyökalut ja ymmärryksen React-projektissa toimimiseen. Kurssin tavoitteena on, että opit ymmärtämään Reactiin liittyvät tärkeimmät konseptit ja käytännöt, jotta taitojen soveltaminen ja aiheen jatko-opiskelu olisivat mahdollisimman miellyttävää. Myös tuoreimman ECMAScript-syntaksin opettelu on iso osa päivän antia, joten ei huolta vaikka JavaScriptin kirjoittamisesta olisi vierähtänyt tovi.

Koulutuksen kohderyhmään kuuluvat web-sivuja, -käyttöliittymiä ja -sovelluksia toteuttavat sovelluskehittäjät, arkkitehdit ja muut koodaustaitoiset, jotka haluavat oppia käyttämään Reactia ja tuntemaan nykyaikaisen web-käytöliittymäkehityksen toimintaympäristön. JavaScript-perusteiden hallitseminen sekä HTML-merkkauksen ymmärtäminen on hyvä olla ennestään tuttua. viisaampana kuin tulit.

Twitter: twitter.com/tukkajukka LinkedIn: www.linkedin.com/in/jukkatupamaki

Ajat ja kurssipaikat:

 tiedustele, Tampere

>> Ilmoittautuminen >>   Kurssille voi ilmoittautua vielä kurssia edeltävänä aamupäivänä. Ilmoittautuminen käy joko lomakkeella, sähköpostilla: kurssit@relevantum.fi tai puhelimitse: 03-341 1111. Myös majoitusvaraus onnistuu samalla kertaa.

Luennoija: DI Jukka Tupamäki, Lemanse Oy

Hinta: 860 € + alv. Kun sama henkilö ilmoittautuu kerralla useammalle kurssille, myönnämme alennusta jokaisesta kurssista seuraavasti: 2 kurssia 5 %, 3 kurssia 8 % ja 4 kurssia 12 %
Kun yhdelle kurssille osallistuu samasta yrityksestä 2 henkilöä, niin molemmat saavat 5 % alennusta, kun osallistujia on 3-4 niin alennus on 12 %. Suuremmista määristä teemme tarjouksen erikseen.

Kurssin hintaan sisältyy opetuksen ja värillisen kurssimateriaalin lisäksi ohjelmaan merkityt tarjoilut.

Pidätämme oikeudet hinta- ja sisältömuutoksiin.

Ohjelma

9.15 Aamukahvi
9.30 Kurssipäivä alkaa
11.45 Lounas
14.00 Iltapäiväkahvi
16.30 Päivä päättyy
Sisältö:
• Yhden sivun sovellukset (single page apps, SPA)
• Kehitysympäristö ja build-työkalut
• Create React App -projektityökalu
• ECMAScript 6 (2015) -syntaksi
Harjoitukset:
1. Projektin aloitus Create React App:lla
2. ECMAScript 6 -syntaksin kirjoittaminen
- Reactin tärkeimmät piirteet: deklaratiivisuus, koostaminen
- React-projektissa käytettävät JavaScript-kirjastot
- Käyttöliittymän jakaminen komponentteihin
- React Developer Tools -selainlaajenne
- Komponentin määrittely: luokat ja funktiot
- JSX-syntaksi ja sen käyttö sovelluksessa
- Datan välittäminen komponentille (props)
Harjoitukset:
1. Komponentin määrittely
2. Datan "mäppääminen" komponenteiksi
- Komponentin sisäisen tilan käyttö (state)
- Sovelluksen tilan käsite, hallinta ja välittäminen
- Tapahtumankäsittelijät (event handlers)
- Propsien oletusarvot ja tyyppimäärittelyt
Harjoitukset:
1. Sisäisen tilan alustaminen, lukeminen ja asettaminen
2. Tapahtumankäsittelijän liittäminen HTML-elementtiin
3. Sovelluksen tilan päivittäminen
4. Propsien oIetusarvot ja tyyppimäärittelyt
- Lomakkeenkäsittely (controlled components)
- Syötteen validointi
- Komponentin elinkaari ja tärkeimmät elinkaarifunktiot (lifecycle,
lifecycle methods)
Harjoitukset:
1. Yksinkertaisen lomakkeen toteuttaminen
2. Validoinnin lisääminen lomakkeeseen
3. Elinkaarifunktioiden käyttö
- Testausympäristön konfigurointi
- Komponenttien yksikkötestaus (Jest, Enzyme)
- Snapshot-testaus
Harjoitukset:
1. Yksikkötestien kirjoittaminen ja ajaminen
2. Snapshot-testien tekeminen ja päivittäminen
Copyright (C) 2018 Relevantum Oy