Programming Single Page Applications

View Github Repository Open presentation in a new window

capouch

See all presentation from capouch

Programming Single Page Applications

0 1

oscon-slides

Prepared at slides.com, using reveal.js

On Github capouch / oscon-slides

Programming Single Page Applications

Craig Austgen, Brian Capouch, Nathan Samano

Saint Joseph's College

Basic parts Coding Future

Paradigm Shift?

  • Browser as app container
  • Long-lived pages
  • Client-side routing
  • JavaScript end-to-end
  • Responsive
  • Two-way data binding

Full App w/Electron

What is an SPA?

  • Single Page Load
  • Long-lived
  • Like an application
  • Last bullet
<!-- Let's get started -->                                             
<script>                                                               
    // Calling the toplevel initModule starts up the SPA               
    $(function () { spa.initModule( $('#spa') ); });
</script>

</head>
<body>
<main id="spa"></main>
</body>
</html>

Keep it generic

Our example app uses clearly marked regions as containers for specific functions

Programming Single Page Applications Craig Austgen, Brian Capouch, Nathan Samano Saint Joseph's College