Web Applications Are Technically Awesome!

  • 747 views
Uploaded on

How to create complicated solutions by Timothy Scott, MediaFront

How to create complicated solutions by Timothy Scott, MediaFront

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
747
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
5
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web Applications AreTechnically Awesome
  • 2. How can we do [this]?When creating a complicated solution there are traditionally two choices.
  • 3. Website or native application?
  • 4. What are the benefits?
  • 5. Available to all internet connected devicesSingular code basedCan use existing infrastructureWebsiteAccess to device functionalityCompiled application has great performanceOnly requests data as neededApplication
  • 6. How about a web application?
  • 7. A web application is not awebsite...
  • 8. A web application is anapplication utilizing web and[web] browser technologies toaccomplish one or more tasksover a network, typicallythrough a [web] browser.
  • 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. The Magic
  • 11. HTML5 SpecifiesamassivearrayoftoolsfordeveloperstobuildrichecperienceswithinthebrowserAngular JS AtoolsetforbuildingtheframeworkmostsuitedtoyourapplicationdevelopmentneedsSmart views Dynamictemplateswitchingdeliversjustthecontentneededtothetargeteddevice
  • 12. HTML5
  • 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. Superheroic JavaScript MVW Framework
  • 15. HTML is great for declaring staticdocuments, but it falters when we try touse it for declaring dynamic views in web-applications
  • 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. MODEL VIEW WHATEVER- It’s like MVC but way cooler
  • 18. MODELLive dataVIEW CONTROLLER/WHATEVERDEVICEUSERSeesUpdatesManipulatesUses
  • 19. WEB APPLICATIONFRAMEWORK
  • 20. MODELVIEW CONTROLLER/WHATEVERSERVICESRESOURCESUpdatesManipulatesLOCAL DATA STORAGEDATA API’SPARAMETERSLANGUAGE
  • 21. ResourcesDataLogicDisplayInteractionsFull separation of
  • 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. Compass / SASSVector font iconsSVG’SFully fluid and responsiveCSS Transitions and animationsHTML5 ElementsLive input validationBuilt for expansionDIGITALLY PIMPED
  • 24. By combining the best availabletechnologies and practices wevesuccessfully proved that webapplications are a robust solution fordelivering web services to internetenabled devices.