Johdanto

JavaScriptin nykyinen versio on ECMAScript 2020, uusin modernien selainten toteuttama versio.

Vastaan heti mielessänne olevaan kysymykseen.

Mikä ero on JavaScriptillä ja ECMAScriptillä?

Ei ole tarpeen kertoa koko tapahtumien taustaa. Muistetaan vain, että JavaScriptin virallinen nimi on ECMAScript.

Alla olevasta osoitteesta löytyvä spesifikaatio on kirjoitettu samalla nimellä, ECMAScript.

Kun näemme nimen ECMAScript missä tahansa, voimme ajatella, että kyse on oikeastaan JavaScriptistä.

Viimeisin tällä hetkellä käytössä oleva JavaScriptin versio on ECMAScript 2020 eli ECMAScript 11.

Kurssimme perustuu JavaScriptin käyttöön web-maailmassa.

Olemme aiemmin tutustuneet sekä HTML:ään että CSS:ään HTML Getting Started- ja CSS-kursseillamme.

Web perustuu HTML-, CSS- ja JavaScript-kieliin. Aloitetaan tämän kolmikon viimeisen osan, JavaScript-kielen, opiskelu.

Olette ehdottomasti oikeassa paikassa.

JavaScriptillä on korkean tuottavuutensa ansiosta laaja soveltamisala ohjelmistokehityksen monilla alueilla.

Ne ovat ehdottomasti eri kieliä.

Java kehitettiin historiallisesti aiemmin. Sen jälkeen kehitettiin JavaScript.

Java on luokkapohjainen ja tyyppiturvallinen JVM:llä toimiva kieli, kun taas JavaScript on ei-tyyppiturvallinen kieli, joka tarjoaa prototyyppipohjaisen perinnän ja joka kehitettiin toimimaan selaimissa.

Niiden syntaksissa on yhtäläisyyksiä. Voidaan myös todeta, ettei Javalla ja JavaScriptillä ole nimien samankaltaisuutta lukuun ottamatta mitään yhteyttä.

Sen lisäksi, että JavaScript on yksi web-sivujen kolmesta kulmakivestä, se muodostaa palvelinpuolella tärkeän NodeJS-projektin perustan.

Mobiilipuolella sitä käytetään hybridisovelluksissa mobiilisovellusten kehittämiseen React Native- ja Ionic-mobiilikehysten avulla.

JavaScriptin joustavan ja kevyen arkkitehtuurin ansiosta teknologisia ratkaisuja on saatavilla monille alueille aina erilaisista tietokannoista IoT-laitteisiin ja peleihin.

Mikä on JavaScript-kielen rooli web-maailmassa?

JavaScript-kielen merkitys, joka on ollut olennainen osa web-maailmaa 1990-luvun puolivälistä lähtien, kasvoi entisestään 2000-luvun puolivälin jälkeen.

JavaScriptin ansiosta selaimissa on voitu toteuttaa paljon liiketoimintalogiikkaa. Verkkosivuista on tullut vuorovaikutteisempia Reactin, Angularin ja Vuen kaltaisten kehysten ja kirjastojen avulla.

Verkon ensimmäisellä aikakaudella verkkosivuja käytettiin yleensä tiedon tarjoamiseen. Seuraavassa vaiheessa ne muuttuivat verkkosovelluksiksi, joissa käyttäjä voi syöttää tietoja.

Facebookin ja Twitterin kaltaiset sosiaalisen median sivustot ovat kaksi hyvää esimerkkiä nykyaikaisista verkkosovelluksista, joissa JavaScriptiä käytetään laajasti.

Toinen JavaScriptin asiakaspuolella käytön etu on, että osa tehtävistä suoritetaan palvelimella sijaan asiakaspuolella, mikä vähentää palvelimen kuormitusta.

Voinko kehittää verkkosivuja pelkällä HTML:llä ja CSS:llä ilman JavaScriptin opiskelua?

Kyllä voitte. Verkkosivun voi kehittää käyttämällä vain HTML:ää ja CSS:ää, mutta JavaScript on välttämätön käyttäjien käynnistämien tapahtumien hallintaan, selaimessa ohjelmointiin ja dynaamisempien verkkosivujen luomiseen.

Onko JavaScript vaikea oppia?

JavaScriptiä ei ole vaikea oppia. Joitakin käsitteitä, kuten prototyyppiperintää, closurea ja lexical scopea, kehittäjien voi kuitenkin olla aluksi vaikea ymmärtää.

Pyrin parhaani mukaan kartuttamaan JavaScript-tietämystänne nopeasti Coddykitin kursseilla.

Voitte katsoa alla olevan videon editorin valinnasta ennen JavaScript-kielen kehittämisen aloittamista.

Jos haluatte kirjoittaa editorin sijaan jollakin verkkotyökalulla, hyviä vaihtoehtoja ovat esimerkiksi jsfiddle.net.

Tukevatko kaikki selaimet JavaScriptin uusinta versiota, ES2020:tä?

Tiedämme, että monet ES2020:n ominaisuudet ovat tällä hetkellä käytössä nykyaikaisissa ja ajan tasalla olevissa selaimissa.

Miten JavaScriptiä käytetään verkkosivuilla?

Tiedämme, mitä HTML ja CSS ovat, koska niiden tuntemus on kurssin aloittamisen edellytys.

JavaScript puolestaan tukee monia toimintoja, kuten käyttäjien HTML-lomakkeisiin syöttämien tietojen validointia ilman niiden lähettämistä palvelimelle, käyttäjälle palautetta antavan mekanismin toteuttamista ilman sivun päivittämistä AJAXin avulla sekä HTML:n ja CSS:n tukemista kehittyneempien käyttöliittymien luomisessa.

Lisäksi JavaScriptiä on käytetty dynaamisten yhden sivun sovellusten (Single Page Applications, kuten React, Angular ja Vue) toteuttamiseen. Niiden käyttö on yleistynyt viime vuosina.

Onnittelut 🎉

Ensimmäisessä oppitunnissamme opimme, mitä JavaScript on.

Seuraavassa osiossa kirjoitamme ensimmäiset JavaScript-koodimme.