MicrofocusJan2018

This project was generated with Angular CLI version 1.5.0.

$ ng new  microfocus-jan2018  --style scss --prefix mf --routing --inline-style --inline-template

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Cheatsheet

Angular CLI

$ npm i -g @angular/cli $ ng new microfocus-jan2018 --style scss --prefix mf --routing --inline-style --inline-template $ ng generate component $ ng build $ npm i -g http-server $ npm i -g source-map-explorer $ ng g service <path/to/my-service> -m https://github.com/angular/angular-cli/wiki/build

ES6 / ES7 / Typescript

decorators @ destructuring ... let and const vs. var () => vs. function

Tools

ngrev (by Minko Gechev) augury (by Rangle) VSCode angular essentials (by John Papa)

Cool talks

Uri Shaked Shai Reznik

Investigate

routing - force refresh forms - possibility to define global updateOn

Hackathon Ideas

• auto-save elements
• add element types (images, form elements, links)
• add properties (size, layout, animation, etc.)
• split to common properties, and custom properties per tag / type
• my projects - save list of projects in localstorage and make a page to view my projects
• preview page - preview the work without the background and panels
• add registration form
• remove element action
• multiple selection
• re-ordering
• add parent element for grouping