Frequently GIS professionals have a need or desire to create custom web mapping applicaition, but frequntly shy away due to not being familiar with and subsequently intimidated by web development. A little over a year ago, this very much described me and I decided to change this.
Thankfully, for those of us who at least have the GIS part somewhat under control, the web deveopment world has been working to streamline much of the web development side, while also including a few handy tools to making their lives, and subsequently our lives, a little easier. These tools frameworks, templates and generators.
Frameworks are very similar to prefabricated housing. You are stil building the end result, but instead of creating every little piece from scratch, frameworks provide much larger building blocks to use. These building blocks, while they do not need to be customized, they can be. One of the more common frameworks is Twitter Bootstrap.
Twitter Bootstrap, typically just referred to as Bootstrap, is a framework for buildling websites. It is designed to, when implemented according to the directions in the documentation, to look good no matter how it is viewed...on smartphones, tablets and computers. Bootstrap takes care of most of the styling via a very well tested CSS and provides plentiful HTML samples for copying and pasting.
Thankfully the web development world frequently must deal with redundant tasks associated with project setup and has created a solution for dealing with these redundant tasks...generators. Although the discussion of which generator is the best likely will never be finished, a very common generator is Yeoman.
Yeoman is a wrapper built on top of quite a few other tools including Node.js, Grunt and Bower. Individual generators can be developed and made available as GitHub repositories and following a naming convention, generator-generator-name.
Hence, getting started with putting maps on the web using quality styling now can be much easier using a generator I built using these technologies. You can get started using this generator by first installing Node.js. Then use the package manager in Node to install Bower, Yeoman and the generator I built. Finally, use the generator to quickly get started building a web mapping application using one of four templates.
My presentation at the conference will be demonstrating all of these steps from a clean install all the way up through a few tweaks on one of the templates modifing the presentation and interact with a dynamic feature layer.
For reference, here is the presentation and notes I will be using.