Faggruppe frontend

Vår 2014

Fokusområde

Ny teknologi og erfaringer med disse

Avholdte fagmøter

  • 15. januar: WebGL, WebSocket og Node.js
  • 20. februar: Angular og Durandal
  • 3. april: Reveal.js
  • 28. mai: ECMAScript 6 og Web Components

WebGL, WebSocket og Node.js

Presentert av Kai

Presentasjon og demo av teknologiene som bygget på masteroppgaven til Kai

Hør med Kai for informasjon!

Angular og Durandal

Presentert av Krister og Remi

Angular

Krister presenterte Angular, basert på erfaringer fra tidligere arbeidsgiver/kunde.

Flere har jobbet litt med Angular i det siste i tillegg til Krister, jeg vet iallfall om Torstein og Oddmar.

Durandal

Remi viste hvordan man har brukt Durandal (Knockout + Require + jQuery++) på Nifes-prosjektet.

Reveal

Presentert av David Ed Mellum (Knowit)

Informasjon

Oppgaver fra workshop
Offisiell dokumentasjon

Aleksander og John Sigvald har tatt i bruk Reveal hos Statoil, hør med de for erfaringer

ECMAScript 6 og Web Components

Med avslutning på BarKollektiv og Shuffleboard

Presentert av Thomas og Wenche, featuring Addy Osmani

ECMAScript 6

Slider fra presentasjonen

Web Components

Vi så en video der Addy Osmani presenterer Web Components

Slider fra presentasjonen
Video-opptak

Bonusslider

Faggruppe frontend

Oppsummering 2013

1. Testing og testdrevet utvikling

17. januar 2013

Testdrevet livedemo av en enkel applikasjon for filmsøk

Fokus på testing av frontend-kode, med demonstrasjon av aktuelle bibliotek

  • Knockout for MVVM
  • Jasmine som BDD-rammeverk
  • Buster som test runner
  • Sinon for timer og Ajax-kall
  • Less
  • Boostrap for layout

Hvor er vi i dag?

  • Knockout brukes på flere interne prosjekter (R&S, RR, Nifes)
  • Jasmine brukes også, og er sammen med Mocha kanskje de 2 mest populære testbibliotek for øyeblikket
  • Sinon er absolutt fortsatt aktuelt
  • Buster virker dødt. Bruk heller Karma
  • Noen som bruker Less/preprosessering?
  • Boostrap brukes på flere interne prosjekter

2. Git

11. mars 2013

Introduksjon til Git med ekstern foredragsholder, Thomas Pedersen fra Miles

  • Rask intro til Git
  • Opprette et repo og gjøre en enkel commit
  • Git internals
  • Branching
  • Merging
  • Rebase
  • Feilsøking (Git-logg
  • Remotes
  • Pull requests (Github)

Hvor er vi i dag?

Vi har kommet i gang med Evry-Bergen på Github, alle skal ha fått tilgang der. Vi har migrert all kode over dit, og all nyutvikling foregår med Git som versjonskontrollsystem

3. Phonegap og internprosjekt

9. april 2013

Fagmøte sammen med mobil der Phonegap var hovedtemaet, etterfulgt av idémyldring til internprosjektet Tickle

Hvor er vi i dag?

Phonegap brukes i aller høyeste grad, både hos kunder og internt, senest i prosjektet for Hansa Borg

Timeregistreringsprosjektet ble besluttet å legge død på faglederforum før jul

4. Grunt og 60fps

18. juni 2013

Bygging av frontendkode med Grunt.js med kort introduksjon og demonstrasjon av vanlige tasker. Bower som pakkehåndterer for bibliotek

Ytelsesforbedring og profilering, 60 frames per second. Opprinnelig plan var å se "Gone in 60fps", men vi endte opp med en annen video p.g.a. at den ikke var publisert ennå

Hvor er vi i dag?

Grunt brukes internt (Nifes) og hos kunder (blant annet DNB). Grunt er etablert som en de facto-standard for bygging, og miljøet rundt er stort og aktivt.

Prinsippene med 60fps er aktuelle, og blant annet Hallvar har vel brukt dette til ytelsesforbedring på RR

5. Tilgjengelighet

19. september 2013

Eksternt foredrag i regi av Funka.nu om krav for å oppfylle den nye tilgjengelighetsloven

Hvor er vi i dag?

Har høyt fokus på dette på Nifes-prosjektet

Håper at folk har fokus på dette også ute hos kunder! :)

6. Testing

16. oktober 2013

Fokus på testing og testdrevet utvikling igjen, denne gang med koding i grupper. Case var å lage en liten del av timeregistreringsappen

  • Karma som test runner
  • Jasmine som BDD-rammeverk
  • Sinon for Ajax
  • Istanbul for testdekning

Hvor er vi i dag?

Vi bruker en tilsvarende stakk for flere av interprosjektene våre, blant annet Nifes og RR

Tilsvarende stakk er også i bruk hos kunder, for eksempel hos DNB, og er et godt og trygt alternativ dersom testing av frontend kommer opp i kundeoppdrag

7. Parrot AR.Drone og nodecopter

27. november 2013

Programmering av drone ved hjelp av node.js, i samarbeid med mobilfaggruppen

Hvor er vi i dag?

Dronen trenger nok et nytt innendørsskall