Continuous delivery of danbury.io, Part 1
3 likes•660 views
The document outlines a developer series for continuous delivery at danbury.io, detailing its site architecture, which includes front-end design with Angular.js and back-end APIs with Node.js. It covers building, running, and deploying applications using tools like Bower, Grunt, and Heroku, alongside automated testing practices. It emphasizes collaboration through Git and Github, showcasing how pull requests facilitate validation and review of proposed changes before deployment.
Continuous delivery of danbury.io, Part 1
- 1. CONTINUOUS DELIVERY FOR danbury.io Brian R. Jackson February 11, 2015
- 2. A QUICK DEMO
- 3. A DEVELOPER SERIES • The Site Architecture • Building, Running and Deploying • AutomatedTesting • Continuous Delivery • Pull RequestTesting
- 4. SITE ARCHITECTURE • Front-end design with Angular.js • CSS simplified with Compass • Back-end APIs with Node.js • Data Storage with MongoDB
- 5. BUILD, RUN, DEPLOY • Managing web dependencies with Bower • Building with Grunt • Running locally with foreman • Deploying to Heroku
- 6. TESTING • Unit testing with Karma • Behavior-driven development with Cucumber • Browser testing with Selenium
- 7. CONTINUOUS DELIVERY • Code management with Git • Collaborating using Github • Test and Deploy with Snap-CI
- 8. PULL REQUESTTRACKING • Developer submits a proposed change • Automatically deploy an instance of your application • Manually test, validate, review before it goes live on your site.
- 9. A DEVELOPER SERIES • The Site Architecture • Building, Running and Deploying • AutomatedTesting • Continuous Delivery • Pull RequestTesting
- 10. SITE ARCHITECTURE • Front-end design with Angular.js • CSS simplified with Compass • Back-end APIs with Node.js • Data Storage with MongoDB
- 11. OPEN SOURCE! • Didn’t start from scratch • danbury.io is forked from newhaven.io • You can fork it too • Sharing is caring!
- 12. ANGULAR.JS • A templating language that runs in the browser, not on the server. • Automatic data-binding • Controllers for behavior • Server Communication • Create reusable components • Embeddable, injectable, testable
- 13. COMPASS • Sass is an extension on top of CSS3 • Compass extends Sass • Create sprites • Add mixins • Great for designers who want to enforce vertical rhythm
- 14. GUMBY • A CSS framework for responsive sites • Extends Compass
- 15. NODE.JS • Server-side JavaScript • Built on Google’sV8 Interpreter • dependency management with node package manager (npm)
- 16. MONGODB • An open-source JSON-style document database • Distributed: auto-sharding, replication, high availability • Flexible aggregation and processing with map/reduce