** No longer maintained ** Cross Platform web development with Angular 2, Ionic 2, Gulp. CI pipeline configurations included. MIT License. Created by Fintan Kearney.
** I am no longer maintaining this repo.**
NPM Module http://www.npmjs.com/package/generator-scaffold-web
The web changes a lot in a year!
Note: Angular 2 and Ionic 2 are in Beta right now. Things can and probably will be refactored later.
Scaffold V2 is completely re-written from the ground up to use Angular 2 as well as harnessing Ionic 2. The project aims to follow best practices in frontend web development with a component based approach, comprehensive testing (Unit and Behavioural) and the optimization of frontend assets through the proven techniques of concatentation. minification and compression.
There will be automated processes to ensure that your project's data is as contextual as possible both in the domain of semantic markup and data as well as platform integration out of the box. The web isn't just in the browser anymore.
Template configurations are also included to allow you to easily set up things like docker containers, Travis CI buils, IDE configurations and code quality tools.
This project will be published as an NPM module and Yeoman generator to allow for modularity and reusability. The generator will contain options for customizing the architecture of your application.
.
+-- app
+-- gulp-tasks
| +-- css-tasks.js
| +-- html-tasks.js
| +-- img-tasks.js
| +-- js-tasks.js
| +-- performance-tasks.js
+-- hooks
+-- platforms
+-- plugins
+-- resources
+-- tests
+-- www
+-- .csslintrc
+-- .editorconfig
+-- .gitattributes
+-- .gitignore
+-- .npmignore
+-- .travis.yml
+-- config.xml
+-- gulpfile.js
+-- index.html
+-- ionic.config.json
+-- karma.conf.js
+-- package.json
+-- protractor.config.js
+-- README.md
npm install -g gulp
npm install -g ionic@beta
npm install -g protractor
npm install -g cordova
The majority of build related tasks are executed using the gulp cli tool. For a full list of available commands enter..
gulp list
The ionic cli tool is also of course available. For a full list of available commands..
ionic -h
On IOS
npm install -g ios-sim
ionic platform add ios ionic platform add android
ionic serve
The webdriver-manager is a helper tool to easily get an instance of a Selenium Server running. Use it to download the necessary binaries with:
webdriver-manager update
And start the selenium server with..
webdriver-manager start
Ensure the Selenium server is running and the below command should execute the protractor specs.
gulp test:protractor
Install Karma globally on your system
npm install -g karma
You can then run your tests with
gulp test:karma
This source code has a MIT License.
Build your first Web OS TV App https://developer.lge.com/webOSTV/develop/web-app/getting-started/building-your-first-web-app-webos-tv/
Mozilla Packaged Apps https://developer.mozilla.org/en-US/Marketplace/Options/Packaged_apps
Chrome Apps https://developer.chrome.com/apps/about_apps
Authoring Yeoman Generators http://yeoman.io/authoring/ http://code.tutsplus.com/tutorials/build-your-own-yeoman-generator--cms-20040
Ionic Lab http://lab.ionic.io/
Ionic 2 Beginner utorial http://www.gajotres.net/ionic-2-tutorial-lets-create-our-first-application/
Ionic Creator http://ionic.io/products/creator
Protractor Documentation https://angular.github.io/protractor/#/
Instanbul (Test Coverage) https://github.com/gotwarlost/istanbul
Deployments from Cloud9 IDE (I use this for my personal projects) https://docs.c9.io/docs/deploying-via-cli
Cloud9 Running an Ionic App https://community.c9.io/t/running-a-ionic-2-application/3965