Category: Web-kehitys
![](https://koodinkutoja.com/wp-content/uploads/2023/04/kuva-38.png)
Full stack projekti – osa3 – React käyttöliittymä
React:n avulla voidaan helpommin luoda web-käyttöliittymiä. Periaatteena on pilkkoa isot sivut pienempiin osiin, uudelleen käytettäviksi komponenteiksi. React -komponentti on pala koodia, joka kuvaa jotain tiettyä…
![](https://koodinkutoja.com/wp-content/uploads/2023/04/kuva-14-1024x637.png)
Full stack projekti – osa2 – Kirjautuminen
Homma lähtee luonnollisesti liikkeelle siitä, että tehdään uusi github repositorio, projektia varten. GitHub Desktop:n avulla saadaan omalle paikalliselle kehityskoneelle, luotua kansio, tähän uuteen juuri github…
![](https://koodinkutoja.com/wp-content/uploads/2023/03/kuva-37.png)
Full stack projekti – osa1 – Palvelimen asennus
Tehdään seuraavaksi hieman pidempi Full stack web-sivusovellus projekti. Edetään web-sivu kehityksessä eteenpäin ja aletaan miettimään, miten saadaan oma “web-app” eli verkkosovellus julkaistua internettiin, jotta käyttäjät…
![](https://koodinkutoja.com/wp-content/uploads/2023/03/kuva-24.png)
FullStack kehitys ja cyclic.sh
Kun tehdään FullStack tyyppistä web-app kehitystä, käytetään paljon GitHub:ia lähdekoodien tallennuspaikkana. Yleensä projektit tallennetaan Github:iin talteen omiksi “repoiksi” eli repositoryiksi. Repositoryt voivat olla joko “Privaatteja”…
![](https://koodinkutoja.com/wp-content/uploads/2023/02/kuva-20.png)
Full Stack kehitys ja CodeSandbox
Kun tehdään Full Stack tyyppistä ohjelmointia, nopeasti herää kysymys “miten saa julkaistua helposti testi version internettiin?”. CodeSandbox on uusi mielenkiintoinen pilvipalvelu, jonka avulla on kätevää…
![](https://koodinkutoja.com/wp-content/uploads/2023/01/kuva-8.png)
Tekoälyn liittäminen omalle Web-sivulle
Viime aikoina on IT-alalla kohistu paljon mm. Amerikkalaisen OpenAI:n tekoäly chatbotista. Mielenkiintoista tuossa tekoälyssä on, että se osaa myös suomenkieltä. Se on tällä hetkellä kokeiluvaiheessa,…
![](https://koodinkutoja.com/wp-content/uploads/2022/07/kuva-13.png)
Tehdään React App
React on web kehityksessä ilmainen ja avoin Javascript-kirjasto, jota käytetään nykyisin paljon web-käyttöliittymien tekemiseen. Sen avulla tehdään paljon erilaisia web sivuja, joissa on vaikkapa nappeja…