building javascript apps on top of popular cmses

Download Building JavaScript Apps on Top of Popular CMSes

Post on 22-Jan-2018

224 views

Category:

Internet

0 download

Embed Size (px)

TRANSCRIPT

  1. 1. BUILDING JS APPS ON TOP OF POPULAR CMSES ALEXANDRA ANGHEL CTO and cofounder @ APPTICLES
  2. 2. What are Progressive Web Apps? (previously called Mobile Web Apps)
  3. 3. Progressive Web Apps A new way to deliver amazing user experiences on the web. https://developers.google.com/web/progressive-web-apps/ - Secure (HTTPS) - Responsive on tablets & mobile devices - The start URL (at least) loads while offline - Add to Home screen - Loads fast - Cross-browser (Chrome, Edge, Firefox and Safari) - Each page has a URL MAIN FEATURES
  4. 4. Google Chrome Lighthouse https://github.com/GoogleChrome/lighthouse ex. PWA Score
  5. 5. Google Chrome Lighthouse https://github.com/GoogleChrome/lighthouse
  6. 6. What We Had - Sencha Touch legacy - Bloated framework, very slow development - Duplicate code - Separate phones & tablets profiles - Templates were not HTML - Heavy production les
  7. 7. What We Wanted - Multiple App Themes - Similar features - Same API - Easily maintainable What We Had - Sencha Touch legacy - Bloated framework, very slow development - Duplicate code - Separate phones & tablets profiles - Templates were not HTML - Heavy production les
  8. 8. Starter Kit Requirements - Environment setup - Structure - Integrate with the API - Global JSON cong - URL rewriting - Customizable styling - Build tasks - Pre-commit hooks - Tests - Coding standards - Documentation
  9. 9. Starter Kit Environment setup Structure Integrate with the API Global JSON cong URL rewriting Customizable styling Build tasks Pre-commit hooks Tests Code quality Documentation John Papas style guide: Folders-by-Feature
  10. 10. Demo https://www.appticles.com/mobile-app-themes.html
  11. 11. Starter Kit +
  12. 12. Challenges - Lack of coding examples (ES6 + Angular 1) - Cant use $scope, $ionicScrollDelegate, etc. outside the constructor
  13. 13. Doesnt work
  14. 14. Mneah
  15. 15. Challenges - Lack of coding examples (ES6 + Angular 1) - Cant use $scope, $ionicScrollDelegate, etc. outside the constructor - Improve existing tests suites - Cant update core modules - Not fully compatible with WordPress plugins (ex. forms, Visual Composer)
  16. 16. Whats Next - Offline mode - Push notifications - React starter kit - AngularJS 2 / Ionic 2 starter kit - Drupal & Joomla plugins
  17. 17. THANK YOU ALEXANDRA ANGHEL alexandra@appticles.com /appticles/theme-obliq