Your SlideShare is downloading. ×
0
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Web Applications Are Technically Awesome!
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web Applications Are Technically Awesome!

812

Published on

How to create complicated solutions by Timothy Scott, MediaFront

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
812
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
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.

×