Ultimaattinen koulutus JavaScriptille & JQuerylle

Kieli: Saksa

Video-ohje: JavaScriptin ja jQueryn oppiminen

Sovelluksesi, pelisi, verkkosivustosi! Mahdollista JavaScriptin ja jQueryn avulla - mahdollista tämän videokurssin avulla! Yli 10,5 tunnin aikana opit käsittelemään kaikkia muuttujia, silmukoita, funktioita ja operaattoreita. Lisäksi: jQuery - kirjasto, jota käytetään yli 75 prosentissa maailman menestyneimmistä verkkosivustoista. Harjoittele oppitunneilla suoraan käytännön esimerkkien avulla.

52 oppituntia yhdessä yli 10,5 tunnin videokurssissa JavaScriptistä ja jQuerystä
Opettele perusteet, mene niiden yli ja kirjoita sitten omia ohjelmia.
Sisältää käytännön haasteita: Ohjelmoi kysely, peli, usein kysytyt kysymykset -sivu ja sovellus.
Ohjelmointitaiteilija ja ammattivalmentaja Denis Panjuta

Toteuta, mitä mielessäsi on! Käyttämällä keinoja, jotka ovat enemmän kuin sopivia, ja asiantuntevalla loistavuudella! Mitä JavaScript ja jQuery tarjoavat sinulle, osaat hyödyntää kattavasti tämän oppaan jälkeen.

tiedot

Sisältö: 11 h Videokoulutus
Lisenssi: yksityinen ja kaupallinen Käyttöoikeudet

Luokat

Verkkosuunnittelu, CMS ja kehitys

Rakkaudella luonut:

Denis Panjuta

JavaScript-perusteet: Osa 1

JavaScriptin ja jQueryn lopullinen koulutus - 1.1 Johdanto

Ilmaiseksi

JavaScriptin ja jQueryn lopullinen harjoittelu – 1.1 Johdanto

Sydämellisesti tervetuloa lopulliselle JavaScript- ja jQuery-kurssille.

JavaScriptin ja jQueryn viimeistelty harjoittelu – 1.2 Mitä on JavaScript?

Viimeinen koulutus JavaScriptille ja jQuerylle - 1.2 Mitä JavaScript on?

Tässä videossa selitetään, mikä JavaScript on ja mitä se meille antaa.

Javascriptin ja JQueryn lopullinen koulutus - 1.3 Atom.io:n lataaminen

Tässä videossa opit, mitä editoria käytämme, ja asennamme sen yhdessä.

JavaScriptin ja jQueryn lopullinen harjoitus - 1.4 klikkausta ja muuttujaa

JavaScriptin ja jQueryn lopullinen harjoittelu - 1.4 napsautukset ja muuttujat

Tässä videossa näytetään, miten käytetään napsautuksia JavaScriptillä ja miten muuttujat toimivat.

JavaScriptin ja jQuerin lopullinen harjoitus - 1.5 If- ja Else-If-ehtoa

JavaScriptin ja jQueryn lopullinen koulutus - 1.5 If- ja Else-If-ehtoa

If-lause. If (suomennettuna: jos) on hyvin yleinen ohjelmoinnissa. Esimerkiksi, kun haluaa suorittaa jotain vain silloin, kun tietty ehto on täytetty.

JavaScriptin ja jQueryn viimeistelty harjoitus – 1.6-taulukot

Javascriptin ja jQueryn huippukoulutus – 1.6 Taulukot

Tässä videossa on kyse taulukoista (arrays) JavaScriptissä. Ne mahdollistavat useiden tietojen tallentamisen yhden muuttujan sisällä.

JavaScriptin ja jQueryn viimeistelty harjoitus - 1.7 for-silmukka

Lopullinen harjoitus JavaScriptille ja jQuerylle - 1.7 For-silmukka

Tässä videossa opit tutustumaan For-silmukoihin. Nämä mahdollistavat tietyn koodin suorittamisen useita kertoja peräkkäin.

Vain sana „Funktionen“ ei ole käännettävä.

JavaScriptin ja jQueryn lopullinen koulutus - 1.8 Funktionen

Funktiot ovat jonkinlainen miniohjelma, jota voimme käyttää uudelleen milloin tahansa sen luomisen jälkeen. Kun esimerkiksi painat kännykässäsi kotipainiketta, kutsutaan toimintoa, joka palauttaa sinut takaisin kotinäyttöösi. Funktion avulla työskentely helpottuu paljon.

JavaScriptin ja jQueryn lopullinen harjoitus – 1.9 Haaste: Kysely, Osa 1

JavaScriptin ja jQueryn lopullinen harjoitus – 1.9 Haaste: Kysymyspeli, Osa 1

Tässä näytetään haasteen tulos (eli kysely) ja luodaan lisäksi HTML-pohja.

JavaScriptin ja jQueryn lopullinen harjoitus – 1.10 haaste: kysely, osa 2

Viimeistelty koulutus JavaScriptille ja jQuerylle - 1.10 haaste: Kysely, Osa 2

Tässä ohjelmoidaan kyselyn ulkoasu (CSS).

JavaScriptin ja JQueryn lopullinen harjoitus - 1.11 Haaste: Kysely, Osa 3

Kaikkien aikojen JavaScript- ja jQuery-koulutus – haaste 1.11: Kysymyspeli, osa 3

Tässä ohjelmoidaan ja selitetään kyselymme JavaScript.

JavaScript-perusteet: Osa 2

JavaScriptin ja jQueryn lopullinen harjoitus - 2.1 Funktionen, joilla on useita parametreja

JavaScriptin ja jQueryn lopullinen harjoitus - 2.1 Toiminnot useilla parametreillä

Olet jo nähnyt, miten toimintoja yhden parametrin kanssa käytetään. Nyt katsotaan toimintoja usean parametrin kanssa. Useat parametrit ovat hyödyllisiä, kun halutaan käyttää funktiota monilla eri muuttujilla. Matematiikassa esimerkiksi useiden arvojen lisäämisessä.

JavaScriptin ja jQueryn lopullinen harjoitus – 2.2 Globaalit vastaan paikalliset muuttujat

JavaScriptin ja jQueryn lopullinen koulutus - 2.2 Globaalit vs. paikalliset muuttujat

On olemassa globaaleja ja paikallisia muuttujia. Lyhyesti sanottuna: globaalit muuttujat ovat niitä muuttujia, jotka luodaan funktioiden ulkopuolella, ja paikalliset muuttujat ovat niitä, jotka luodaan funktioiden sisällä. Tässä tarkastelemme tarkemmin, miten tämä toimii.

JavaScriptin ja jQueryn lopullinen koulutus - 2.3 Paluulausunto

JavaScriptin ja jQueryn lopullinen harjoitus - 2.3 Palautuslauseke

Ohjelmointikielissä on mahdollista määrittää funktioita siten, että ne palauttavat arvon. Tähän asti meillä on ollut vain funktioita, jotka ovat suorittaneet jotain, mutta eivät palauttaneet mitään, minkä kanssa olisimme voineet jatkaa työskentelyä. Siksi tarkastelemme nyt RETURN:ia.

JavaScriptin ja jQueryn lopullinen koulutus - 2.4 Matemaattiset operaattorit ja sijoitusoperaattorit

JavaScriptin ja jQueryn lopullinen harjoitus - 2.4 Matemaattiset operaattorit ja sijoitusoperaattorit

Tässä artikkelissa käsittelemme matemaattisia operaattoreita ja sijoitusoperaattoreita. Matemaattiset operaattorit ovat melko yksinkertaisia asioita kuten yhteenlasku, vähennys jne., kun taas sijoitusoperaattorit tarjoavat mahdollisuuden suorittaa melko helposti yksinkertaisia toimenpiteitä kuten esimerkiksi lisäys 5:llä. Koska molemmat ovat tärkeitä ohjelmoinnissa, nämä kaksi teemaa käsitellään tässä.

JavaScriptin ja jQueryn lopullinen harjoitus – 2.5 Tee kunnes- ja kunnes -silmukka

JavaScriptin ja jQueryn lopullinen harjoitus - 2,5 Do-While- ja While-silmukka.

Ohjelmoinnissa on kolme (tai neljä) erilaista silmukkamuotoa: Do-while-, While- ja For-silmukka. For-silmukan olemme jo tutustuneet. Nyt keskitymme Do-while- (jalkapohjaohjattu) ja While-silmukkaan (pään ohjaama).

JavaScriptin ja jQueryn lopullinen harjoitus - 2.6 Switch- ja Case-lauseke

JavaScriptin ja jQueryn lopullinen koulutus - 2.6 Switch- ja Case-lausunto

Tässä artikkelissa käsitellään vaihtoehtoa If-ehtojen sijaan. Tässä tapauksessa kyseessä on Switch (kytkin) ja Case (tapaus). Joten käytännössä sinulla on kytkin, joka vaihtaa eri tapausten välillä ja pysähtyy siihen, joka on aktiivinen.

Viimeistelyharjoittelu JavaScriptille ja jQuerylle – 2.7 Lisää taulukoista

JavaScriptin ja jQueryn viimeistelty koulutus – 2.7 Tietoa taulukoista

Olemme käsitelleet jo taulukoita, mutta emme menneet yksityiskohtiin. On vielä paljon lisää tietoa taulukoista tiedettäväksi. JavaScript-taulukon tärkein ominaisuus on elementtien määrä (length). Taulukolla on kuitenkin myös muita ominaisuuksia, kuten indeksi, joka antaa meille tietoa taulukon ensimmäisestä sijainnista (position 0).

JavaScript:ssä tapahtuva oliolähtöinen ohjelmointi

JavaScriptin ja jQueryn lopullinen koulutus - 3.1 Objektit JavaScriptissä

Kohteet ovat äärimmäisen tärkeä ja mielenkiintoinen käsite monissa ohjelmointikielissä. Periaatteessa voi kuvata kaiken jonkinlaisena kohteena. Otetaanpa esimerkiksi kohde, jonka usein näemme kaduilla: AUTO. Autolla on tiettyjä ominaisuuksia/piirteitä ja se voi suorittaa tiettyjä toimintoja.

JavaScriptin ja jQueryn lopullinen harjoitus - 3.2 Objektien luominen

JavaScriptin ja jQueryn huippukoulutus - 3.2 Kohteiden luominen

Katsotaanpa, miten voimme luoda JavaScriptissä objekteja. Tätä varten luomme rakentaja-funktion ja kaksi esiintymää objektistamme head-tagissamme. Rakentaja-funktion sisällä, jolla on sama nimi kuin objektillamme, kerromme ohjelmalle, että parametrit, jotka annetaan rakentaja-funktiolle olion instanssin luomisen yhteydessä, tulisi olla juuri objektin arvoja.

JavaScriptin ja jQueryn huippuluokan koulutus – 3.3 Objektifunktiot

Lopullinen koulutus JavaScriptille ja jQuerylle - 3.3 Objektifunktiot

Perustana objektien toiminnoille aloitamme viimeisimmästä opetusohjelmasta peräisin olevasta koodista, jossa olemme luoneet muuttujia, jotka luodaan jokaisen objektin instanssin yhteydessä.

Lopullinen koulutus JavaScriptille ja jQuerylle - 3.4 Math-objekti

JavaScriptin ja jQueryn lopullinen koulutus - 3.4 Math-objekti

Tässä oppaassa opit tuntemaan Math-kohteen. Se on objekti, joka perustuu Math-luokkaan ja jolla on paljon hienoja ominaisuuksia ja toimintoja.

JavaScriptin ja jQueryn lopullinen harjoitus – 3.5 Päivämäärä-objekti

JavaScriptin ja jQueryn lopullinen harjoitus - 3.5 Päiväysobjekti

Tässä videossa on kyse Date-objektista eli Date-luokasta. Nämä ovat objekteja, joita voidaan käyttää ajan lisäämiseen ohjelmaan. Tässä tapauksessa ei välttämättä tarkoiteta kellonaikaa tai päivämäärää, vaan se voi olla myös aikaväli. Date-objekti sisältää ajan, joka on kulunut ajasta 1970-01-01 00:00:00. On erilaisia tapoja antaa parametreja Date-rakentajalle.

Viimeistelty koulutus JavaScriptille ja jQuerylle – Interaktiivinen kello 3.6

JavaScriptin ja jQueryn ehdoton harjoitus - 3.6 Interaktiivinen kello

Tässä videossa opit, miten rakennat interaktiivisen kellon JavaScriptillä.

JavaScriptin ja jQueryn lopullinen harjoitus – 3.7 Periytyminen

JavaScriptin ja jQueryn huippuluokan koulutus – 3.7 Perintö

Tässä videossa on kyse perinnöstä ja polymorfismista. Kaksi käsitettä olioperustaisessa ohjelmoinnissa.

jQuery-perusteet

JavaScriptin ja jQueryn lopullinen koulutus - 4.1 Mikä on jQuery?

Lopullinen harjoitus JavaScriptille ja jQuerylle – 4.1 Mikä on jQuery?

Tässä artikkelissa käsittelemme kysymystä: Mikä on jQuery? jQuery on JavaScript-kirjasto, joka mahdollistaa meille luoda vielä siistimpiä verkkosivustoja.

JavaScriptin ja jQueryn lopullinen harjoitus - 4.2 Klikkausta jQueryssä

JavaScriptin ja JQueryn lopullinen harjoitus – 4.2 Napsautusta JQueryssa

Tässä opit, miten jQueryllä käsitellään napsautuksia vielä helpommin.

JavaScriptin ja jQueryn lopullinen koulutus – 4.3 Verkkosivun ulkoasun muokkaaminen jQueryllä

JavaScriptin ja jQueryn lopullinen harjoitus – 4.3 Sivuston ulkoasun muuttaminen jQueryllä

Tässä ohjeessa opit, kuinka muuttaa verkkosivun ulkonäköä jQueryn avulla. Voimme yksinkertaisesti esimerkiksi ylikirjoittaa kentän attribuutin. Tässä esimerkissä voimme muuttaa Iframen linkkiä (eli src/source) hivenemällä neliön päälle. Voit helposti muokata koodia ja esimerkiksi suurentaa neliötä ylikirjoittamalla Height- ja Width-attribuutit, kun viet hiiren sen päälle. Yleisesti ottaen tätä menetelmää voi nyt käyttää verkkosivun ulkonäön muuttamiseen vaivattomasti.

JavaScriptin ja jQueryn lopullinen harjoitus - 4.4 Sisällön haalistuminen

Äärimmäinen koulutus JavaScriptille ja jQuerylle - 4.4 Sisällön haalistuminen

Yksi jQuery:n hienoista ominaisuuksista on mahdollisuus haalistaa elementti. Tässä esimerkissä haalistamme painikkeen aina kun klikkaamme toista painiketta. Tässä käytämme FadeOut-toimintoa („Haalistamis-toiminto“). Elementin palauttamiseksi näkyviin käytämme FadeIn-toimintoa.

JavaScriptin ja jQueryn lopullinen koulutus - 4.5 animaatiota jQueryssa

Kaikenkattava harjoitus JavaScriptille ja jQuerylle - 4.5 animaatiota jQueryllä

Tässä videossa käsittelemme animaatiota jQueryssa. Siinä on kyse jostakin, mikä liikkuu. Huolehdimme siis siitä, että jokin elementti siirtyy/muuttuu verkkosivustollamme. Tämä toteutetaan jQueryn animate()-funktiolla, joka odottaa kolmea parametria.

jQuery UI

Viimeaikainen koulutus JavaScriptille ja jQuerylle – 5.1 Mikä on jQuery UI?

Katsotaan, mikä on jQuery UI.

JavaScriptin ja JQueryn lopullinen harjoitus – 5.2 akkordion ja teemanluoja

JavaScriptin ja jQueryn lopullinen koulutus - 5.2 Accordion ja teeman luonti产

Akkordi on pienoisohjelma, joka mahdollistaa meille tietyn osan koko asiakokonaisuudesta näkemisen kuin harmonikansoitossa. Tämä on erityisen hyödyllistä, kun haluaa välittää paljon tietoa, mutta ne olisivat yhtenäisenä tekstinä liian epäselviä.

JavaScriptin ja jQueryn viimeistelty harjoitus – 5.3 lajiteltavaa

JavaScriptin ja jQueryn viimeistelty harjoitus – 5.3 Järjesteltävät

Tässä oppaassa käsitellään jQuery UI:n lajittelutoimintoja. Kyseessä ovat järjesteltävät elementit. Tunnet tämän, jos käytät productivisuus-verkkosivustoja kuten Wunderlist tai Trello. Mahdollisuus tehdä elementeistä lajitteluraita on erittäin siisti ominaisuus, jota voit käyttää monissa eri sovelluksissa.

JavaScriptin ja jQueryn lopullinen harjoitus – 5.4 Resizables

Joskus saattaa olla tarpeen tehdä elementin koko käyttäjän muokattavaksi. Silloin Resizables on täsmälleen oikea valinta. Ne mahdollistavat nimittäin juuri tämän. Näet elementin oikeassa alakulmassa pienen kolmion, jota voit napsauttaa ja sitten pitämällä hiiren painiketta alhaalla, voit suurentaa tai pienentää sitä.

JavaScriptin ja jQueryn lopullinen harjoitus – 5,5 Vedettävä

JavaScriptin ja jQueryn paras harjoitus - 5.5 Raahattava

jQuery UI:ssa on hyvin helppo rakentaa elementti, jota voi raahata edestakaisin Draggablesin avulla. Miten tämä tehdään, katsotaan tässä.

JavaScriptin ja jQueryn huippukoulutus – 5.6 etenemispalkki

JavaScriptin ja jQueryn viimeistelty harjoitus - 5.6 edistymispalkki

Edistymispalkit tai etenemispalkit ovat loistava tapa ilmoittaa käyttäjälle, kuinka pitkällä hän on tietyssä prosessissa. Myyntiprosessissa verkkokaupassa esimerkiksi tai kyselyssä se auttaa käyttäjää tietämään, kuinka pitkällä hän on prosessin suorittamisessa.

JavaScriptin ja jQuery:n lopullinen harjoitus - 5.7 Tehosteet jQuery UI:ssa.

JavaScriptin ja jQueryn lopullinen harjoittelu - 5.7 tehosteet jQuery UI:ssa

Tässä oppaassa haluan lyhyesti käsitellä jQuery UI:n tehokeinoja. Niissä on melko tyylikkäitä tehosteita, jotka mahdollistavat verkkosivusi näyttävän vielä paremmalta ja lisäksi hämmästyttävät käyttäjäsi täysin.

Koulutus: Usein kysytyt kysymykset -sivu

Javascriptin ja JQueryn lopullinen harjoitus - 6.1 UKK-sivu: Esittely

Tässä videossa näet haasteen lopputuloksen. Yleisimmin kysytyt kysymykset -sivu.

JavaScriptin ja jQueryn lopullinen harjoitus - 6.2 UKK-sivu: Toteutus

JavaScriptin ja jQueryn ehdoton harjoitus - 6.2 UKK-sivu: Toteutus

Tässä toteutamme usein kysytyt kysymykset -sivun.

Training: Taitopeli Brain-Game

JavaScriptin ja jQueryn lopullinen harjoitus – 7.1 Aivo-peli: Esittely

JavaScriptin ja jQueryn huippuluokan harjoitus – 7.1 Aivopeli: Esittely

Tässä videossa esitellään aivojen peli, joka on ohjelmoitu tässä luvussa.

JavaScriptin ja jQueryn tehokas harjoitus – 7.2 Aivopeli: HTML ja CSS

Ultimatiivinen koulutus JavaScriptille ja jQuerylle - 7.2 Aivopeli: HTML ja CSS

Ensin huolehdimme pelin rakenteesta ja ulkonäöstä.

JavaScriptin ja jQueryn lopullinen harjoitus - 7.3 Aivo-peli: JS ja jQuery, osa 1

Nyt keskitymme joitain pelin toiminnallisuuksiin.

JavaScriptin ja jQueryn lopullinen koulutus - 7.4 Aivojen peli: JS ja jQuery, Osa 2, Pelin aloitus ja pelin loppu

Ylimmäinen harjoitus JavaScriptille ja jQuerylle - 7.4 Aivot-peli: JS ja jQuery, Osa 2, Peli alkaa ja Peli päättyy

Pelaaja voi jo suorittaa ensimmäisiä toimintoja pelissä, mutta nyt huolehdimme siitä, että peli voidaan käynnistää ja lopettaa oikein.

JavaScriptin ja jQueryn lopullinen harjoitus – 7.5 Aivo-peli: JS ja jQuery, osa 3, Ajastin ja pelin valmistuminen.

JavaScriptin ja jQueryn lopullinen harjoitus - 7.5 Brain-Game: JS ja jQuery, osa 3, ajastin ja pelin valmistuminen

Nyt on enää kyse siitä, että lisätään ajastin peliin, jotta pisteet lasketaan oikein ja peli rajoitetaan ajallisesti. Lisäksi suoritamme vielä muutamia pienempiä askeleita pelin viimeistelyä varten.

Harjoitus: Tehtävälista - jQuery Mobile -ohjelma

JavaScriptin ja jQueryn lopullinen harjoitus - 8.1 To-do-lista: Sovelluksen esittely

JavaScriptin ja jQueryn lopullinen koulutus – 8.1 tehtävälista: Sovelluksen esittely

Tässä esitellään luvun sovellus. Se on tehtäväluettelo-sovellus/verkkosivusto.

JavaScriptin ja jQueryn lopullinen harjoitusopas – 8.2 To-do-lista: Perusteet ja teemat

JavaScriptin ja jQueryn perusteiden luominen ja teemojen luominen – 8.2 To-do-listan lopullinen harjoittelu.

Nyt luomme perustan ja katsomme, miten voimme luoda ja muokata vastaavan teeman jQuery Mobilella.

JavaScriptin ja jQueryn lopullinen koulutus - 8.3 To-do-lista: Arkkitehtuuri luodaan

JavaScriptin ja jQueryn lopullinen harjoitus - 8.3 Tehtäväluettelon: arkkitehtuurin luominen.

Koska noudatamme OOP-lähestymistapaa, meidän on luotava vastaava arkkitehtuuri. Siksi hoidamme sen täällä.

Javascriptin ja JQueryn lopullinen harjoitus – 8,4 tehtäväluettelon tekeminen: Tehtävien lisääminen, sivujen luominen

JavaScriptin ja jQueryn viimeistelty koulutus – 8.4 Tehtäväluettelon lisääminen, sivujen luonti

Tässä videossa lisäämme sivuja ja hoidamme sivun, jolle luomme tehtäviä.

JavaScriptin ja jQueryn lopullinen harjoitus – 8.5 Tehtäväluettelo: Luettelon elementtien muokkaaminen, perusteet

JavaScriptin ja jQueyn huippukoulutus – 8.5 Tehtäväluettelo: Luettelon osien muokkaaminen, perusteet

Samoin kuin sijoitussivu, myös muokkaussivu tulee täyttää ja saada tarvittava toiminnallisuus.

JavaScriptin ja jQueryn lopullinen harjoitus – 8.6 Tehtävälista: Arkkitehtuuri ja tietorakenne

JavaScriptin ja jQueryn lopullinen koulutus - 8.6 Tehtäväluettelo: Arkkitehtuuri ja tietorakenne

Nyt voimme vielä keskittyä arkkitehtuuriin ja luoda tietorakenteen.

JavaScriptin ja jQueryn lopullinen harjoitus - 8.7 Tehtäväluettelo: Datarakenteen toteutus käyttöliittymässä

JavaScriptin ja JQueryn lopullinen harjoitus - 8.7 Tehtäväluettelo: Tietorakenteen toteutus käyttöliittymässä

Kun nyt meillä on tietorakenne, voimme kutsua sitä melko helposti käyttöliittymässämme.

JavaScriptin ja jQueryn lopullinen koulutus - 8.8 To-do-listan virheidenkorjaus ja pysyvä tallentaminen

JavaScriptin ja jQueryn lopullinen harjoitus – 8.8 To-do -lista: Viankorjaus ja pysyvä tallentaminen

Ohjelmoitaessa tarvittiin "selittämiskykyisessä" muutamia vaiheita, jotka voimme nyt korjata. Lisäksi huolehdimme tietojen pysyvästä tallentamisesta ja viimeistelemme sovelluksen.

Yksityiskohdat sisällöstä

Ultimaattinen JavaScript-opas: JS:n ja jQueryn oppiminen

JavaScript on skriptikieli, joka tarjoaa sinulle kaikki mahdollisuudet. Voit esimerkiksi ohjelmoida sovelluksia, jotka toimivat erilaisilla laitteilla tai kehittää oma pelimaailmasi yhdistämällä sen Unity-pelimoottoriin. JavaScriptin jQuery-kirjaston avulla voit lopulta viimeistellä myös verkkosivusi.

Denis Panjuta, itse innokas ja kokenut ohjelmoija, jakaa laajat tietonsa tässä oppaassa sinulle. Tavoitteena on, että olitpa aloittelija tai sinulla on jo jonkin verran tietämystä, lopussa pystyt toteuttamaan heti omat ideasi.

JavaScriptin perusteet ja olioperustainen ohjelmointi

Kokonaisuudessaan koulutus kestää yli 10,5 tuntia ja sisältää 52 videoluennon. Kahdessa johdanto-osiossa opit ensin JavaScriptin perusteet jolloin voit esimerkiksi käyttää silmukoita, ehtolauseita, taulukoita tai lauseita perustellusti.

Jotta voit hyödyntää täysimääräisesti skriptikielen potentiaalia, kouluttajasi käsittelee perinpohjaisesti myös olioperustaista ohjelmointia. Mitä ovat oliot? Miten luot niitä? Mitä toimintoja on mahdollista tehdä? Koulutuksen jälkeen sinulla on vastaukset ja välttämätön osaaminen käytettävissäsi.

iQuery ja jQuery UI

Seuraavaksi hyödynnät jQueryn ja jQuery UI:n mahdollisuuksia. Niiden avulla voit muun muassa parantaa verkkosivujen ulkonäköä, piilottaa ja näyttää nappeja, luoda animaatioita tai lisätä etenemispalkkeja, jotka näyttävät sivujesi käyttäjille, missä vaiheessa prosessia he ovat juuri nyt.

Käytännönläheinen videotutoriaali

Teoreettinen oppiminen – vahvistettu käytännön sovelluksella – videotutoriaalia täydentävät harjoitukset, joissa kohtaat erilaisia haasteita: ohjelmoi visailu, kehitä taitopeli ja luo sovellus tehtäväluettelolle. Miten tämä tehdään, kokeilet ensin itse – ja saat sitten tietää sen opetusvideoista.

JavaScript-oppaassa opit

Jos sinulla ei vielä ole ohjelmointitaitoja tai hallitset muita ohjelmointikieliä, opit voimakkaan mutta samalla selkeän skriptikielen. Selitykset menevät niin pitkälle yksityiskohtiin, että myös jo JavaScriptin tunteneet voivat syventää tietämystään. Oppaan lopussa pystyt toteuttamaan ideasi. Ja samalla tehostat ansioluetteloasi lisäosaamisella.

Kompatibiliteetista: Voit seurata videotutoriaalia tekstieditorilla. Kouluttajasi käyttää tässä erityisesti ATOM-editoria. Jos sinulla ei ole ohjelmaa vielä – heti alussa Denis Panjuta näyttää sinulle, miten asennat ohjelmiston.