angular js full stack development

9
ANGULARJS YEOMAN EXPRESS & NODEJS AngularJS Atlanta Meetup FULL STACK DEVELOPMENT

Upload: darius-riggins

Post on 07-May-2015

3.118 views

Category:

Technology


0 download

DESCRIPTION

Meeting notes for the Atlanta AngularJS meetup on 2/13/13.

TRANSCRIPT

Page 1: Angular js   full stack development

ANGULARJS

YEOMANEXPRESS & NODEJS

AngularJS Atlanta Meetup

FULL STACK DEVELOPMENT

Page 2: Angular js   full stack development

ANGULARJS

AngularJS Atlanta Meetup

ALIGNS VERY WELL WITH UPCOMING STANDARDS

MAKES UNIT TESTING EASY

LETS YOU USE STANDARD LIBRARIES IN NATURALWAYS. IE: UNDERSCORE / PROTOTYPE

CONTAINS EVERYTHING YOU NEED FOR SINGLEPAGE APPS

Page 3: Angular js   full stack development

EXPRESSJS

AngularJS Atlanta Meetup

SIMPLE, YET FULL FEATURED FRAMEWORK THATMAKES BUILDING API’S VERY SIMPLE

USING JAVASCRIPT ON THE SERVER IS FUN

ROUTING, DEPENDENCY INJECTION, MIDDLEWARE,REQUEST PARSING, FILE API

Page 4: Angular js   full stack development

YEOMAN

AngularJS Atlanta Meetup

GREAT WORKFLOW FOR MODERN WEB APPS

COMPILES COMPASS & COFFEESCRIPT

LIVE RELOAD

HANDLES YOUR BUILD PROCESS

RAILS LIKE SCAFFOLDING

Page 5: Angular js   full stack development

YEOMAN EXPRESS STACK

AngularJS Atlanta Meetup

BRINGS IN SUPPORT FOR FULL STACK DEVELOPMENTFROM WITHIN YEOMAN

DEMO

LETS YOU SCAFFOLD OUT SERVER ROUTES ANDOTHER COMPONENTS

Page 6: Angular js   full stack development

YEOMAN EXPRESS ISSUES

AngularJS Atlanta Meetup

NO LIVE-RELOAD SUPPORT FOR SERVER CHANGES

POOR STRUCTURE OF SERVER CODE

NO SERVER UNIT TESTS SCAFFOLDED

Page 7: Angular js   full stack development

ANGULARJS ATL STACK

AngularJS Atlanta Meetup

USE NODEMON TO MONITOR FOR CHANGES

DEMO

USE YEOMAN FOR CLIENT, KEEP SAME FOLDERSTRUCTURE TO KEEP SCAFFOLDING INTACT

PROVIDE MV* STRUCTURE

USES MOCHA FOR UNIT TESTING

DEMONSTRATES CRUD WITH MONGO & MONGOOSE

Page 8: Angular js   full stack development

RESOURCES

AngularJS Atlanta Meetup

ANGULARJS-EXPRESS:

TABLEAU:

https://github.com/AngularJS-ATL/angularjs-express

https://github.com/EAAppFoundry/tableau

NODEMON: https://github.com/remy/nodemon

MOCHA: http://visionmedia.github.com/mocha/

YEOMAN: http://yeoman.io/

MONGOOSE: http://mongoosejs.com/

Page 9: Angular js   full stack development

THANKS!

AngularJS Atlanta Meetup

DARIUS RIGGINS

ANGULAR-EXPRESS:

@driggsx / Github: dariusriggins

https://github.com/AngularJS-ATL/angularjs-express