Valkoinen kuvake CMS- ja verkkokategorian opastusosioon.

CMS & Verkkosivusto

Sisältö verkossa - sinulla on kokonaiskuva!
Sisältö verkossa - sinulla on kokonaiskuva!

Opetuksesi CMS:stä ja perusohjelmointitaidoista

Tekstit, kuvat, grafiikat, äänet ja sivut - kun olet aktiivinen verkossa, sinun on järjestettävä sisältösi saadaksesi pidettyä hallinnan tuhansista tiedostoista ja suurista projekteista. Valintasi väline: Sisällönhallintajärjestelmät. CMS-oppaidemme avulla saat digitaalisesti vieläkin paremman taidon. Ja koska verkossa törmäät usein myös HTML-koodeihin tai joihinkin Python-riveihin, voit samalla oppia ohjelmoinnin perusteet.

Luoda verkkolomakkeita: 6.1 | Vaihtoehtojen ryhmittely

Luoda web-lomakkeita verkkosivuille (käytännön opas)

Luoda verkkolomakkeita: 5.1 | Radiopainikkeet

Luoda web-lomakkeita verkkosivuille (käytännön opas)

Luoda verkkolomakkeita: 1.1 | Johdanto ja yleiskatsaus

Luoda web-lomakkeita verkkosivuille (käytännön opas)

Luoda verkkolomakkeita: 2.1 | Miksi käyttää lomakkeita tai lomake-elementtiä?

Luoda web-lomakkeita verkkosivuille (käytännön opas)

Luoda verkkolomake: 3.1 | Ensimmäinen validointi sähköpostiosoitteella

Luoda web-lomakkeita verkkosivuille (käytännön opas)

Luoda verkkolomakkeita: 4.1 | Valintaruutu - perusteet

Luoda web-lomakkeita verkkosivuille (käytännön opas)

Chrome-kehitystyökalut: 1.1 | Mitä opit tällä kurssilla?

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

Chromen kehittäjätyökalut: 2.1 | Tarkastele DOM-rakennetta Elementit-välilehdellä.

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

Chrome-kehitystyökalut: 3.1 | Johdanto: Skriptin debuggaus ja ensimmäisen taukopisteen asettaminen

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

Chrome-kehitystyökalut: 4.1 | Verkko: Yleiskatsaus toimintoihin

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

Chrome Developer Tools: 5.1 | Profiler - Suorituskyvyn arviointi ja optimointi

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

Chrome Developer Tools: 6.1 | Hyödylliset apuohjelmat ja renderöintivälilehti

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

Chrome Developer Tools: 7 | Tärkeimmät Chrome Dev Tools -asetukset

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

Chrome-kehitystyökalut: 8.1 | MS Edge DevTools -työkalut (MS Edge DevTools)

Chrome-kehitystyökalujen tehokas käyttö (opetusohjelma)

OpenAI API: 6 | Mitä opittiin, mitä vielä on jäljellä?

OpenAI:n API:lla ohjelmoida tekoälypohjaisia keskusteluja, myyntiassistentteja ja tekstiseikkailuja

OpenAI-rajapinta: 5.1 | Uuden projektin luominen

OpenAI:n API:lla ohjelmoida tekoälypohjaisia keskusteluja, myyntiassistentteja ja tekstiseikkailuja

OpenAI:n API: 4.1 | Projektin luominen

OpenAI:n API:lla ohjelmoida tekoälypohjaisia keskusteluja, myyntiassistentteja ja tekstiseikkailuja

OpenAI API: 1 | Mitä odottaa sinua kurssilta?

OpenAI:n API:lla ohjelmoida tekoälypohjaisia keskusteluja, myyntiassistentteja ja tekstiseikkailuja

OpenAI API: 2.1 | Työkalut, joita käytämme

OpenAI:n API:lla ohjelmoida tekoälypohjaisia keskusteluja, myyntiassistentteja ja tekstiseikkailuja

OpenAI API: 3.1 | AstroJS-perusprojektin luominen

OpenAI:n API:lla ohjelmoida tekoälypohjaisia keskusteluja, myyntiassistentteja ja tekstiseikkailuja

Flexbox CSS:ssä ja HTML:ssä: 1 | Mitä odotat kurssilta?

Flexbox CSS ja HTML (Opas) – kehitä responsiivisia ulkoasuja

Flexbox CSS:ssa ja HTML:ssä: 2.1 | Miksi Flexbox ja miten se toimii?

Flexbox CSS ja HTML (Opas) – kehitä responsiivisia ulkoasuja

Flexbox CSS:ssä ja HTML:ssä: 3.1 | Esimerkki rakenteen luominen

Flexbox CSS ja HTML (Opas) – kehitä responsiivisia ulkoasuja

Flexbox CSS:ssä ja HTML:ssä: 4.1 | Keskittäminen

Flexbox CSS ja HTML (Opas) – kehitä responsiivisia ulkoasuja

Flexbox CSS:ssä ja HTML:ssä: 5 | Yhteenveto ja näkymä

Flexbox CSS ja HTML (Opas) – kehitä responsiivisia ulkoasuja

React-tutoriaali: Osa 7 | Yhteenveto ja tulevaisuudennäkymät

Oppia ja ymmärtää reagoida - käytännön opas

React-opas: 6.1 | Luo omia koukkuja

Oppia ja ymmärtää reagoida - käytännön opas

React-opetusohjelma: 5.1 | Luo videosoitinsovellus

Oppia ja ymmärtää reagoida - käytännön opas

React-opas: 3.1 | HTML JS:ssä: JSX

Oppia ja ymmärtää reagoida - käytännön opas

Reagointiopas: 2.1 | Muuttujien julistaminen käyttäen letiä ja constia verrattuna variin

Oppia ja ymmärtää reagoida - käytännön opas

React-ohje: 1.1 | Tervetuloa ja yleiskatsaus

Oppia ja ymmärtää reagoida - käytännön opas

JavaScript ES6-ES13: 4 | Yhteenveto ja näkymä

Moderni JavaScript ES6:sta ES13:een (JS-ohje)

JavaScript ES6–ES13: 3.1 | Muuttujien määrittäminen käyttäen letiä ja constia verrattuna variin

Moderni JavaScript ES6:sta ES13:een (JS-ohje)

JavaScriptin ES6–ES13: 2.1 | Miksi ES6? Enkö voisi pysyä hyvässä vanhassa JavaScriptissä?

Moderni JavaScript ES6:sta ES13:een (JS-ohje)

JavaScript ES6-ES13: 1 | Mitä odottaa sinua kurssilla?

Moderni JavaScript ES6:sta ES13:een (JS-ohje)

C#-ohjelmointi: 15.1 | Mikä on LINQ? Ensimmäinen esittely

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 14.1 | Johdanto tietokantojen käyttöön ja luvun yhteenveto

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 13.1 | WPF: Johdanto ja mahdollisesti asennus

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 12.1 | Tekstitiedostojen lukeminen

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 11.1 | Taulukot: Johdanto ja perusteet

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C# -ohjelmointi: 10.1 | Johdatus oliopohjaiseen ohjelmointiin (OOP)

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 9.1 | Yleiskatsaus erilaisista silmukoista

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 8.1 | Ensimmäiset yksinkertaiset päätökset C#:ssä

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 7.1 | Yleiskatsaus operaattorityypeistä

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 6.1 | Metodien määritelmä

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 5.1 | Mitä ovat datatyypit ja mitä tyyppiä on olemassa?

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 4.1 | Selitys komponenteista lähdekoodi-editorissa

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 3 | Yleiskatsaus Visual Studion käyttöliittymään

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 2.1 | Visual Studio Community -ohjelman lataaminen ja asentaminen

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

C#-ohjelmointi: 1 | Mitä odottaa kurssilla?

Opettele ohjelmoimaan C#:llä - tietotyypeistä oliopohjaiseen ohjelmointiin (videokurssi)

Elementor WordPressille: 8.1 | Välilehdet selitetty: Sisältö, tyyli ja laajennukset

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressiin: 1.1 | Johdanto

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 2.1 | Mitä hosting-palveluntarjoajia on?

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 3.1 | WordPressin käsitteen selitys

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressiin: 24 | Valmistuminen

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 22.1 | Luo sivustosi valikko

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 9.1 | Sarakkeen asetukset

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 10.1 | Globaalit värit

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 21 | Elementor-sivusto Pro-versiolla

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressiin: 20.1 | Julkaisut

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressiin: 11.1 | Navigator

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 5.1 | Pro vs. Ilmainen Elementor

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 7.1 | Sivujen valmistelu ja asennus OceanWP:n kanssa

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressiin: 19.1 | Asenna Elementor Pro

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 18.1 | Luo yhteydenottolomake

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 12.1 | Yhdistä mallikirjasto (kirjasto)

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 6.1 | Liitännäiset – yleiskatsaus

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 13.1 | Laajennettu

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 23.1 | Sivustosi alatunniste Envato Elements -palvelulla.

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 17 | Elementor-sivusto ilmaisella versiolla

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 14.1 | Sisäinen osio

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 16.1 | Varoitus

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 15.1 | Kuvakotelo.

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

Elementor WordPressille: 4.1 | Mikä on Elementor?

Elementor WordPressiin (opas): Näin luot omat verkkosivut Page Builderilla.

OpenVPN ymmärtäminen ja konfigurointi - turvallisesti verkossa: 1.1 Johdanto

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPNin ymmärtäminen ja asentaminen - turvallisesti verkossa: 8 Hyvästejä.

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa: 3.1 Johdanto: VPN-turvallisuus

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPN: Askel askeleelta omaan palvelimeen (E-kirja)

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPN:n ymmärtäminen ja asentaminen - turvallisesti verkossa: 6.1 Portinohjaus paikalliselle palvelimelle

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPN:n ymmärtäminen ja asentaminen - turvallisesti verkossa: 2.1 Johdanto: VPN-perusteet

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa: 4.1 Johdanto: Palvelimen valmistelut

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa: 7 Bonus: OpenVPN-asennus Bash-skriptin avulla

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa: 5.1 Johdanto: OpenVPN-palvelimen käyttö.

OpenVPN ymmärtäminen ja asentaminen - turvallisesti verkossa

Ohjelmointi Pythonilla - 13.1 Ensimmäinen yksikkötestisi

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointia Pythonilla – 11.1 Mitä ovat oliot?

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 10.1 laskin komentorivillä

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 14.1 luodaan HTTP-pyynnöksiä

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 15.1 Asenna MySQL Windowsille.

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 16.1 Tehtävänanto: Kirjahallinta

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointia Pythonilla - 6.1 listaymmärrykset

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla – 2.1 Muuttujat Pythonissa

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointia Pythonilla – 1.1 Tervetuloa.

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 3.1 Listat

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointia Pythonilla - 4.1 Ehdot if:llä

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointia Pythonilla – 9.1 Mitä tehdä, kun on hätätilanne?

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 5.1 Tehtävä: Arvojen lukeminen ja keskiarvon laskeminen.

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 7.1 Funktionit parametreilla ja paluuarvolla

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla – 12.1 Kirjoittaminen tiedostoihin

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Ohjelmointi Pythonilla - 8.1 Yksittäiset Python-skriptit ja parametrit

Ohjelmoinnin oppiminen Pythonilla - käytännön opas

Linux aloittelijoille - 9.1 Cronjob: toistuvat tehtävät

Linux-opas aloittelijoille: Opi perusteet ja asenna Ubuntu

Koodisi lisää tietoa

Ohjeita verkkosuunnitteluun, CMS-järjestelmiin ja kehitykseen

Opi käytännön verkkokurssien avulla.

Ohjelmoinnin perusteet - HTML:stä Pythoniin

Olit sitten kuvankäsittelijä verkossa tai markkinointitekstien kirjoittaja: Aikanaan sinun on avattava WordPress tai tehtävä yhteistyötä kehittäjien kanssa. On hyvä, jos pystyt keskustelemaan, osallistumaan ja loistamaan perustavilla ohjelmointitaidoilla. Tästä syystä web- ja CMS-oppaamme ovat olemassa: Opiskelemalla HTML:ää, CSS:ää, PHP:ta ja JavaScriptiä sekä mielellään myös jQuerystä tai Pythonista voit ratkaista itse pieniä ja suurempia koodiongelmia. Ohjelmointitaitoja tarvitaan!

HTML:sta JavaScript:iin