You are browsing the archive for HTML5.

Maven projekti JavaEE/ReactJS sovellukseen

3.3.2017 in HTML5, Java, JavaScript by Tommi Teräsvirta

Olen käyttänyt Maveniä kohtalaisen paljon Java projekteissa. Myös ReactJS on minulle hyvinkin tuttu viitekehys. Jonkin aikaa sitten tuli kuitenkin ensimmäistä kertaa eteen näiden kahden yhdistäminen Java EE projektissa. Ensi viikolla sattuu tulemaan eteen koulutus, jossa pääsen vastaavan projektirakenteen selittämään ja kouluttamaan. Tekniikoista ja työkaluista tärkeimmät:

  1. Java EE 7, erityisesti JAX-RS & JDBC
  2. Netbeans 8.1 (kyllä, on vanha)
  3. Maven 3.3.9
  4. Glassfish 4.1.1 palvelimena
  5. ReactJS ja Fetch (JAX-RS apin käyttämiseen)
  6. Node ja npm React-osuuden kääntämiseen
  7. Jest React-testien ajamiseen

Read the rest of this entry →

ASP.NET 5 tulee – oletko valmis?

28.9.2015 in HTML5, Sovelluskehitys by Toni Ylärinne

Uusi ASP.NET 5 on hyvin suuri muutos koko Microsoftin Web-sovelluskehityksen teknologiastackissä. Ensinkin se on erillinen rinnakkainen versio ASP.NET 4.6 rinnalla ja rakennettu Open Source -ratkaisuna uuden .NET Coren päälle. (ASP.NET 5 toimii kyllä tarvittaessa myös .NET 4.6:den päällä) ASP.NET 5 onkin Microsoftilta merkkittävä siirto avoimen lähdekoodin maailmaan.

Aspnet5Itse .NET Core on avoimen lähdekoodin projekti samoin kuin ASP.NET 5 ja tulevaisuuden ASP.NET 5 -ratkaisuja voidaan siis ajaa Microsoftin palvelinten lisäksi myös Mac- ja Linux-järjestelmissä. Tämä tarkoittaa myös sitä, että sovelluksia ei tarvitse Windows-ympäristössä enää hostata IIS:n päällä vaan ne voidaan hostata omassa prosessissaan. Tämä ei ole ainut asia, missä ASP.NET 5 laittaa kampoihin node.js:lle, uusi HTTP-request pipeline mahdollistaa paremman suorituskyvyn. Kehittäjä pystyy kustomoimaan, mitä komponentteja pyynnön käsittelyssä tarvitaan.

Mitä uutta kehittäjä saa?

MVC6 on uusi yhtenevä ohjelmointimalli sekä palvelinpään HTML UI:n luomiseen, että REST-palvelujen rakentamiseen ja mm. Razor-syntaksi on kokenut parannuksia, jotka näkyvät parempana intellisense tukena Visual Studiossa. Visual Studio 2015:sta on myös tuki Web-kehityksessä yleistyneille tekniikoille kuten bower:lle web-sovelluksen client-pään riippuvuuksien hallintaan ja gulp:lle ja gruntille kehitysprosessin automatisointiin mm. LESS/SASS/TypeScript-kääntämiset ja JavaScript-pakkaamiset.

ASP.NET 5 on Beta 7 tällä hetkellä. Beta 8, jossa kaikki uudet toiminnallisuudet pitäisi olla toteutettuna julkaistaan näillä näkymin 5.10.2015. Versio 1.0 pitäisi olla ulkona Q1/2016.

Miten pääset alkuun? Lataa ja asenna Visual Studio 2015 RTM ja ASP.NET 5 Preview. Lisätietoja: http://www.asp.net/vnext

Aiheeseen liittyvä Sovelton kurssi .NET palveluiden ohjelmointi; NET Core 5 ja .NET 4.6 löytyy myös!

Front End Web Developerin työkalupakki

17.3.2015 in HTML5, Oppiminen, Sovelluskehitys by Toni Ylärinne

Ajaxin tulon jälkeen web front end -kehityksessä ei paljon tapahtunut, nyt web-kehitys on taas tehnyt isoja harppauksia viime vuosina HTML5:den myötä. Asiakkaat tarpeissa on modernin näköiset responsiiviset web-sitet, joiden käytettävyys on aikaisempia selkeämpi parempi. Yhä useampi web-siten käyttäjä tulee sitelle mobiililaitteella. HTML5 on uusien API:en myötä tuonut paljon uusia mahdollisuuksia tehdä asioita selaimessa, joista ennen ei voinut kuin haaveilla tai ratkaisut sai ehkä toteutettua erilaisten hackien kautta. Mitä tekniikoita ja kirjastoja ajantasalla oleva front end -koodarin pitää nykyisin sitten osata? Read the rest of this entry →

Sertifiointitestit ja MVC

31.10.2013 in Azure, HTML5, Sovelluskehitys, Visual Studio 2012 by Heikki Raatikainen

Viime viikolla lopulta saapui jo kuukausi sitten tilattu kirja: Exam Ref 70-486: Developing ASP.NET MVC 4 Web Applications joka on testiin valmistava kirja. Siispä heti kirjan selailun jälkeen testiä suorittamaan. Kirjaa lukiessa alkoi tuntua siltä että jotain on muuttunut. Tähän saakka testiin valmistavan MOC-kurssin materiaalin sisältö on vastannut MS-Pressin kirjan sisältöä. Tällä kertaa ei kuitenkaan näin, kirjassa oli asiat esitetty aivan eri tavalla ja eri järjestyksessä kuin koulutusmateriaalissa.

Myös testi oli muuttunut rakenteellisesti ja sisällöllisesti siitä mitä testit ovat olleet viimeiset kaksikymmentä vuotta sovelluskehityspuolella. Perinteisiä ’valitse oikeat’ -kysymyksiä oli 25 kappaletta ja lisäksi kolme uutta kysymystä joissa oli kussakin 6-10 erillistä kysymystä. Nämä olivat skenario.tyyppisiä eli tilanne- ja tavoitekuvaus ja niiden perusteella piti vastata kysymyksiin. Tilanne/tavoitekuvaus muodostui osista: Background, Business Requirements, Technical Requirements ja Application Structure. Kysymyksiin (oikein) vastaaminen vaatii näiden osioiden tarkkaan lukemista. Sinällään kysymystyyppi on hyvä koska se on lähempänä arkipäivää, vaatimuksia sovellusessa jotka pitää pystyä jotenkin ratkaisemaan.

Kysymyksissä tuli melko korostetusti HTML5/CSS3 -asioita, mobiilitoimivuus eli miten saadaan sovellus toimimaan hyvin erilaisilla päätelaitteilla. Security-asiat ja sovelluksen debuggaus ovat painotettuna verrattuna aikaisempiin web-puolen testeihin, yksikkötestaukseen liittyviä kysymyksiä myös. Yllättäen pilvi on mukana, Azure pitää osata ja ymmärtää jos aikoo päästä testistä läpi. Tietokantakäsittely taas oli varsin vähän esillä.

70-486 on vaativa testi jonka suoritukseen ei enää riitä että lukee yhden valmistavan kirjan, käytännössä pitää olla jonkintasoinen ohjelmointirutiini MVC:llä ja taas se Azure. Jotenkin Azure-asiat pitää opiskella, vaikka tulemalla kurssille. Muutama vinkki vielä mitä kannattaa hallita jos ja kun olet menossa testiä suorittamaan: lokalisointi, pakkaus, validointitavat, ModelBinding, yksikkötestaus ja filtterit.

Ja kyllä, sain testin ekalla kerralla läpi vaikka välillä testin pieni epävarmuus läpipääsystä kalvoi mieltä.

Mauri Merosen ensiarviot Googlen uudesta Web Designerista

4.10.2013 in HTML5, Yleinen by Toni Ylärinne

Google julkaisi pari päivää sitten uuden ilmaisen Web Designer -tuotteen beta-version, jolla voidaan toteuttaa HTML5-bannereita. Sovelton uusi kouluttaja Mauri Meronen kirjoitti aiheesta jutun Creative-killan puolella ja se voi kiinnostaa myös kehittäjiäkin:

http://kilta.sovelto.fi/creative/digimarkkinointi/google-web-designer-vai-google-banner-designer/