+ - 0:00:00

WebApplate Overview

[gasolin]

1 / 8

TL;DR a template for maintainable web app project.

https://github.com/webapplate/webapplate

2 / 8

What is it and why should I be using it?

3 / 8

Web Rules

There are different platforms and devices, only web can support them in budget

  • Natually multi-platform friendly (Windows, Android, iOS..)
  • Responsive design can deal with multi-form-factors (phone, pad, pc)
  • Build Hybrid-app for Android, iOS
  • Build Native webapp for Firefox(/OS) and Chrome webapp
4 / 8

Steps to develop a new webapp

  1. git clone the webapplate
  2. run gulp to auto-fetch required libraries
  3. get familiar with File structure
  4. add your app content
  5. Deploy to variant place

Read more on wiki

5 / 8

A fast track to start webapp development

Webapplate bundled things you need for serious web development:

  • Template App template with Material Design
  • Build, optimize, library dependency helper tools integrated
  • Firefox, Chrome, Cordova webapp related configuration provided
  • Test framework for multi-browsers
  • Style checker for js, css, json, jsdoc formats
  • Localization client side localization
6 / 8

What are those helper tools?

  • Project Build: gulp
  • Optimize: uglify, cssmin, htmlmin
  • Library dependency: npm, bower
  • Test: karma, mocha, chai, sinon
  • Localization: l20n
7 / 8

Try webapplate now!

  • Firefox and Chrome webapp support
  • Pure Javascript for either client or server side
  • Integrated toolbox to optimize your web app

https://github.com/webapplate/webapplate

8 / 8

TL;DR a template for maintainable web app project.

https://github.com/webapplate/webapplate

2 / 8
Paused

Help

Keyboard shortcuts

↑, ←, Pg Up, k Go to previous slide
↓, →, Pg Dn, Space, j Go to next slide
Home Go to first slide
End Go to last slide
b Toggle blackout mode
f Toggle fullscreen mode
c Clone slideshow
p Toggle presenter mode
w Pause/Resume the presentation
t Restart the presentation timer
?, h Toggle this help
Esc Back to slideshow