Modern Webapps

28
Modern webapps Creating apps for the future

description

 

Transcript of Modern Webapps

Page 1: Modern Webapps

Modern webappsCreating apps for the future

Page 2: Modern Webapps

‣ Front-End Engineer at Splunk (ex-BugSense)

‣ Founder at Geembo

‣ Geek by default

Dimitris Tsironis

howdy

Page 3: Modern Webapps

A long time ago...

Page 4: Modern Webapps

...in a galaxyfar, far aaway

Page 5: Modern Webapps

Long story short...

Page 6: Modern Webapps

JS library mayhem

Page 7: Modern Webapps

JS library mayhem

Page 8: Modern Webapps

Today

Page 9: Modern Webapps
Page 10: Modern Webapps
Page 11: Modern Webapps
Page 12: Modern Webapps

DEVELOPING complex APPSSanity in the Land of Web Development

Page 13: Modern Webapps

Web 2.0

‣ Web-sites becoming web-apps

‣ Interactivity

‣ Responsiveness

‣ Two-way communication

‣ Server-to-Client

‣ Client-to-Server

‣ Javascript is starting to take over the world

Page 14: Modern Webapps

production-ready

‣ Agile development

‣ Software’s a living organism

‣ Change often / change fast

‣ Refactor

‣ Continuous integration testing

‣ Use many ready-to-use solutions

Page 15: Modern Webapps
Page 16: Modern Webapps

LEGO BRICKS...

Page 17: Modern Webapps

DECOUPlingModularize, decouple

& structure your codebase

Page 18: Modern Webapps

CLOUD oF SERVICES

Module#1

Module#4

Module#2

Module#3

Page 19: Modern Webapps

basic setup

Back-endServices

Ruby on Rails,Django

REST API

( JSON )

Front-endServices

JS apps,mobile apps

Page 20: Modern Webapps

testinGDeploying with no regrets

Page 21: Modern Webapps

WRItiNG while testing

WritingSpecs

WritingCode

ImproveCode

Page 22: Modern Webapps

RED GREEN REFACTOR

WRItiNG while testing

Page 23: Modern Webapps

testing YOUR CODE

‣ Multiple Scenarios

‣ Behavior-driven testing

‣ Unit testing

Page 24: Modern Webapps

testing strategies

‣ TDD (Test Driven Development

‣ BDD (Behavior Driven Development)

‣ Unit testing

Page 25: Modern Webapps

GO on, build stuffPrepare your keyboards

Page 26: Modern Webapps

wake up with a thought...

Page 27: Modern Webapps

...sleep with a product

Page 28: Modern Webapps

thank you!@tsironakos

github.com/tsironis - twitter.com/tsironakos