jQuery-ohjelmakirjaston käyttäminen

Abstract

Tämä opinnäytetyö perehtyi JavaScript -ohjelmakirjasto jQueryn käyttämiseen webohjelmointiprojekteissa. jQuery-ohjelmakirjaston ominaisuuksien ohella opinnäytetyössä sivutaan myös HTML-rakenteita, JavaScript-tekniikoita ja muita webohjelmoinnin periaatteita yleisesti. Työn tavoitteena on tuoda esille jQueryn ominaisuudet, sen hyvät ja huonot puolet sekä sen oikeaoppinen käyttäminen. Opinnäytetyö pyrkii myös vastaamaan, milloin jQueryä tulisi käyttää. Vaikka opinnäytetyö olettaa, että lukijalla on pääpiirteinen kuva JavaScriptin käyttämisestä, käydään tärkeimpiä aiheeseen liittyviä asioita läpi hieman tarkemmin.

Työssä sovelletaan teoriaa ja käytäntöä vuoropuhelun tavoin. Työssä olevat ohjelmakoodit ovat toimia, lyhyitä koodiesimerkkejä jotka saattavat tarvita lisäksi yksinkertaisia HTML-rakenteita, joita opinnäytetyöstä ei ole. Työvälineinä käytettiin sen hetkisiä verkkoselaimia (Google Chrome 36+, Mozilla Firefox 31+, Internet Explorer 11) ja avoimen lähdekoodin koodieditoria Bracketsia. Aineistona toimi pääasiassa jQueryn oma dokumentaatio ja oppimisportaali sekä jonkin verran muuta aiheiseen liittyvää kirjallisuutta.

Työn johtopäätöksenä todetaan, että jQuery on äärimmäisen hyödyllinen JavaScript-kirjasto, joka ei kuitenkaan automaattisesti tee koodista laadukasta. Opinnäytetyön tilaajana toimi Hämeen ammattikorkeakoulun Mediatekniikan verstas.

This thesis focuses on jQuery, a small, fast and feature-rich JavaScript-library. It also touches on other subjects related to web-programming, such as HTML, basic JavaScript techniques and general guidelines on how to write good, clean and proficient JavaScript. The objective of this thesis is to introduce jQuery’s features, uncover its good and bad sides and show best practices of using jQuery. Even though this theses assumes that the reader has basic understanding of JavaScript’s main concepts, it also walks through some of the vital parts of the subject.

The thesis mixes theory and practical use in a dialogue-like fashion. The JavaScript code samples found in the thesis are usable, working pieces of code, but they might need some simple HTML-structures that are not present in this thesis. Tools used in this thesis were the current web browsers (Google Chrome 36+, Mozilla Firefox 31+, Internet Explorer 11) and the open-source code editor Brackets. The material used to produce the theoretical parts is mostly from jQuery’s own documentation and learning portal, but also features some related literature.

The bottom line of this thesis is that jQuery is an extremely useful JavaScript-library that doesn’t automatically guarantee good, clean and proficient code. This thesis was commissioned by the Media Workshop at HAMK University of Applied Sciences.