Your SlideShare is downloading. ×
0
Web Applications AreTechnically Awesome
How can we do [this]?When creating a complicated solution there are traditionally two choices.
Website or native application?
What are the benefits?
Available to all internet connected devicesSingular code basedCan use existing infrastructureWebsiteAccess to device funct...
How about a web application?
A web application is not awebsite...
A web application is anapplication utilizing web and[web] browser technologies toaccomplish one or more tasksover a networ...
Separation of application from resourcesRequest only the data neededAllows user to work with data in the device,limiting r...
The Magic
HTML5 SpecifiesamassivearrayoftoolsfordeveloperstobuildrichecperienceswithinthebrowserAngular JS Atoolsetforbuildingthefra...
HTML5
It’s not a buzz word or the nextbig thing. It’s a long boring setof specifications for the latestversion of HTML.What it s...
Superheroic JavaScript MVW Framework
HTML is great for declaring staticdocuments, but it falters when we try touse it for declaring dynamic views in web-applic...
AngularJS is a toolset for building theframework most suited to your applicationdevelopment.Every feature can be modified ...
MODEL VIEW WHATEVER- It’s like MVC but way cooler
MODELLive dataVIEW CONTROLLER/WHATEVERDEVICEUSERSeesUpdatesManipulatesUses
WEB APPLICATIONFRAMEWORK
MODELVIEW CONTROLLER/WHATEVERSERVICESRESOURCESUpdatesManipulatesLOCAL DATA STORAGEDATA API’SPARAMETERSLANGUAGE
ResourcesDataLogicDisplayInteractionsFull separation of
Reusable directivesTemplate switchingVariable view statesCSS first approachSMART VIEWSALL DEVICESSWITCHDevice size (small,...
Compass / SASSVector font iconsSVG’SFully fluid and responsiveCSS Transitions and animationsHTML5 ElementsLive input valid...
By combining the best availabletechnologies and practices wevesuccessfully proved that webapplications are a robust soluti...
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Upcoming SlideShare
Loading in...5
×

Web Applications Are Technically Awesome!

825

Published on

How to create complicated solutions by Timothy Scott, MediaFront

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
825
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web Applications Are Technically Awesome!"

  1. 1. Web Applications AreTechnically Awesome
  2. 2. How can we do [this]?When creating a complicated solution there are traditionally two choices.
  3. 3. Website or native application?
  4. 4. What are the benefits?
  5. 5. Available to all internet connected devicesSingular code basedCan use existing infrastructureWebsiteAccess to device functionalityCompiled application has great performanceOnly requests data as neededApplication
  6. 6. How about a web application?
  7. 7. A web application is not awebsite...
  8. 8. A web application is anapplication utilizing web and[web] browser technologies toaccomplish one or more tasksover a network, typicallythrough a [web] browser.
  9. 9. Separation of application from resourcesRequest only the data neededAllows user to work with data in the device,limiting requests to remote resourcesAllows offline useFuture proofing: application and resources canbe altered separately
  10. 10. The Magic
  11. 11. HTML5 SpecifiesamassivearrayoftoolsfordeveloperstobuildrichecperienceswithinthebrowserAngular JS AtoolsetforbuildingtheframeworkmostsuitedtoyourapplicationdevelopmentneedsSmart views Dynamictemplateswitchingdeliversjustthecontentneededtothetargeteddevice
  12. 12. HTML5
  13. 13. It’s not a buzz word or the nextbig thing. It’s a long boring setof specifications for the latestversion of HTML.What it specifies is a massivearray of tools for developers tobuild rich experiences withinthe browser.
  14. 14. Superheroic JavaScript MVW Framework
  15. 15. HTML is great for declaring staticdocuments, but it falters when we try touse it for declaring dynamic views in web-applications
  16. 16. AngularJS is a toolset for building theframework most suited to your applicationdevelopment.Every feature can be modified or replacedto suit your unique needs.
  17. 17. MODEL VIEW WHATEVER- It’s like MVC but way cooler
  18. 18. MODELLive dataVIEW CONTROLLER/WHATEVERDEVICEUSERSeesUpdatesManipulatesUses
  19. 19. WEB APPLICATIONFRAMEWORK
  20. 20. MODELVIEW CONTROLLER/WHATEVERSERVICESRESOURCESUpdatesManipulatesLOCAL DATA STORAGEDATA API’SPARAMETERSLANGUAGE
  21. 21. ResourcesDataLogicDisplayInteractionsFull separation of
  22. 22. Reusable directivesTemplate switchingVariable view statesCSS first approachSMART VIEWSALL DEVICESSWITCHDevice size (small,normal)TouchResolution (pixel ratio)User types: Trial, registered, anonymousVIEW STATEDevice size (small,normal)TouchUser types: Trial, registered, anonymousCSSDevice size (small,normal)Browser typePrintApplication state
  23. 23. Compass / SASSVector font iconsSVG’SFully fluid and responsiveCSS Transitions and animationsHTML5 ElementsLive input validationBuilt for expansionDIGITALLY PIMPED
  24. 24. By combining the best availabletechnologies and practices wevesuccessfully proved that webapplications are a robust solution fordelivering web services to internetenabled devices.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×