SMARTFRONT javascript meetup prez
Upcoming SlideShare
Loading in...5
×
 

SMARTFRONT javascript meetup prez

on

  • 574 views

 

Statistics

Views

Total Views
574
Slideshare-icon Views on SlideShare
572
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

https://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    SMARTFRONT javascript meetup prez SMARTFRONT javascript meetup prez Presentation Transcript

    • INNOVATÍV MEGOLDÁSOK Molnár Gábor, Nyári Zoltán - budapest.js meetup
    • AGENDA SMARTFRONT architektúra overviewjavascript rich-client keretrendszer követelmények meghatározása komponensek bemutatása knock-out how-to implementált szolgáltatások
    • n-tier architectureTöbbrétegű alkalmazás javascript rich-client RESTful interfész JavaEE, SPRING alkalmazás-szerver szerver technológia függetlenskálázható, klaszterezhető stateless szerver
    • Prezentációs réteg - Elvárások KOMPLEX ÜZLETI ALKALMAZÁSOK FEJLESZTÉSE b2b / b2c, front + backoffice igények sok form, sok adat, sok felületi logika (+ sok más) data binding is a must (two-way binding) validációk, lokalizáció modularitás AppViewModel - single page, multi tab :)
    • opciók
    • Komponensek rich javascript kliens – felhasználói élmény  responsive,css, html5, offline knockout.js – MVVM jquery – UI, AJAX require.js – modularitás less Tablet, smartphone (phonegap)
    • Modularizáció Asynchronous Module Definition  gyakorlatilag nincs alternatívája  Require.js - probléma : API függőségek kezelése  on-demand betöltés Modulok közötti kommunikáció  szerver oldalra korlátozva UI  modul - > tabok  később - ablakkezelő?
    • Require.js - promise támogatáspromisify = (old_function) -> return -> callback = arguments[arguments.length - 1] if callback instanceof Function arguments[arguments.length - 1] = -> promise = $.Deferred() $.when.apply($, arguments).then -> $.when(callback.apply(this, arguments)).then (module) -> promise.resolve module return promise; return old_function.apply(this, arguments)window.define = promisify window.definewindow.require = promisify window.require
    • Felhasználói felület Modulok  Tabok:formok, listanézetek  Egységes  stílus  táblák  grid rendszer jQuery (+jQuery modulok) HTML  id-k, name-ek használatának kerülése  ha mégis kell: random ID-k generálása
    • Knock-out how-to #1 Kétirányú adatkötés Nem magic a fejlesztőknek pontosan tudniuk kell hogyan működik  különben : nehezen felderíthető hibák Problémák  beépített templating elavult (jQuery template)  de nincs is szükség rá
    • Knock-out how-to #2 ViewModel és nem Model öröklődés nem támogatott szerializálás - deszerializálás dinamikus listák (ajax) + egyedi komponensekhttp://www.knockmeout.net/2011/06/10-things-to-know-abo
    • Tervek Business Intelligence: mondrian + saiku Grafikonkezelés offline üzemmód támogatása