addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1linklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

Structure and Style Best Practices @ Meetup #6

If you've worked on even a small Angular project, you have experienced the slight doubt and confusion about what code belongs where.

Two areas where the Angular framework is not very opinionated is how to structure a project and the style of writing the javascript itself.

In fact, it seems like the vast majority of tutorials and examples online actually go against a lot of the best practices you'd want to follow in a real project. 

The goal of this meetup is to walk away with clarity about how to structure a project and its code. We'll easily spend the entire time on this topic as we look through examples of real projects and dissect the opinions of people that are way smarter than us. 


Some Pre-Meetup Research

Popular style guides that would be great if you were able to take a look at so we can discuss the finer points...

https://github.com/johnpapa/angularjs-styleguide
https://github.com/toddmotto/angularjs-styleguide
https://github.com/mgechev/angularjs-style-guide

Various best practices that touch on structure and style...

https://github.com/angular/angular.js/wiki/Best-Practices
https://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html
https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub
https://github.com/jmcunningham/AngularJS-Learning#code-organization

There are also a number of starter project templates that have mixed conclusions...
https://github.com/ngbp/ngbp
https://github.com/yeoman/generator-angular
https://github.com/angular/angular-seed

Join or login to comment.

8 went

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy