Tom Wayson tomwayson

Clone the starter repo AngularClass/angular2-webpack-starter and then cd into your local directory.
Install angular2-esri-loader

npm install angular2-esri-loader --save

# optional, if you want type support in your IDE for JSAPI 4.x
npm install @types/arcgis-js-api --save-dev

Open Data Front-End Strategy

July 2016

Sites / Layout Issues

lets put this on hold for a sprint
get feedback and tackle UX issues systematically vs rushing and guessing

Layout Issues

the current system for isolating the Layout Editor from the Layout CSS is not working correctly and needs to be re-assessed
Footers! Footers need to be "extracted" so they can be rendered on any page, not just the Home page of a site.

ServiceWorker for github pages

This is a ServiceWorker template to turn small github pages into offline ready app.

Why ?

Whenever I make small tools & toys, I create github repo and make a demo page using github pages (like this one).
Often these "apps" are just an index.html file with all the nessesary CSS and JavaScript in it (or maybe 2-3 html/css/js files). I wanted to cache these files so that I can access my tools offline as well.

Notes

Make sure your github pages have HTTPS enforced, you can check Settings > GitHub Pages > Enforce HTTPS of your repository.

How are classes different from traditional functions?

ES6 introduced a new protocol for constructing instances, but its features (incl. new.target) work in both classes and traditional functions. These are the differences between traditional functions and classes:

Traditional functions can’t make superconstructor calls via super(). That means that they are always base classes. In ES5, superconstructors are called as functions.
The prototype of traditional functions and base classes is Function.prototype. The prototype of a derived class is its superclass.
Classes can’t be function-called. An exception is thrown if you do.

	<!DOCTYPE html>
	<html>
	<head>...</head>
	<body>
	<!-- Load Esri lib -->
	<link rel="stylesheet" href="//js.arcgis.com/4.0/esri/css/main.css">
	<script src="//js.arcgis.com/4.0/"></script>
	<!-- Load our AMD app -->
	<script type="text/javascript">
	// Wrap our app startup in AMD module

	var gulp = require('gulp');
	var clean = require('gulp-clean');
	var rename = require("gulp-rename");
	var spawn = require('child_process').spawn;

	gulp.task('clean-dist', function () {
	return gulp.src('dist/', { read: false })
	.pipe(clean());
	});

	<snippet>
	<content><![CDATA[
	define([
	'dijit/_WidgetBase',

	'dojo/_base/declare'
	], function(
	_WidgetBase,
	declare
	) {

	<snippet>
	<content><![CDATA[
	define([
	${1:'dojo/_base/declare'}
	], function(
	${2:declare}
	) {
	return declare([$3], {
	$4
	});

	<snippet>
	<content><![CDATA[
	define([
	'dijit/_WidgetBase',

	'dojo/_base/declare'
	], function(
	_WidgetBase,
	declare
	) {

	<snippet>
	<content><![CDATA[
	define([
	'dijit/_TemplatedMixin',
	'dijit/_WidgetBase',

	'dojo/_base/declare',
	${2:
	'dojo/i18n!./$1/nls/resources',}
	'dojo/text!./$1/templates/$1.html'${5:,