Advanced web programming

8 downloads 1189 Views 16MB Size Report
Page 1. Advanced web programming. Erik Berglund. IDA. Page 2. Page 3. Page 4. Webben, HTML5. Page 5. Page 6. Page 7. Page 8 ...
Advanced web programming Erik Berglund IDA

Webben, HTML5

webperformancetoday.com/2013/03/27/top-ecommerce-sites-are-slower-than-they-were-last-year/

en.oreilly.com/velocity2009/public/schedule/detail/8523

blog.mozilla.com/metrics/category/website-optimization/

…shaved 2.2 seconds off the average page load time and increased download conversions by 15.4%!

We made the new platform 60% faster and this resulted in a 14% increase in donation conversions.

kylerush.net/blog/meet-the-obama-campaigns-250-million-fundraising-platform/

window.onload user perception

3.3 seconds window.onload

4.8 seconds 90% rendered

2.0 seconds 88% rendered

5.2 seconds window.onload

TDDD27 version 20.13

Course changes from 2012 • More focus on the multi client – BAAS-design of projects in requirements – Multi-client separation of server and clients

• Increased focus on working with – JS frameworks (even more than before)

• New individual examinaiton format – bigger individual code exmination seminars • see more projects

– shorter and more concise code presentations

• Gitlab

Client

Server

JavaScript UI framework

Server-side framework

UI built dynamically in JavaScript Base clientinterface on CSS and HTML genreted in JavaScript

Ajax or web socket callback (no reload)

XML/JSON data

Software As A Service (SAAS) design

(no HTML)

Restfull API design

Learning goals • Learn both – client-side UI framework – Large-scale server-side framework

• Development experience – Project experience – Getting in to software

Client-side UI framework

Pitfalls and issues • • • •

Rails is different Cake has been flaky Grails has had som issues GWT/GAE with other systems is very tricky

• • Do risk analysis on your technology base

Tooling

Advanced JS Frameworks