angular-styleguide README

The project's README from github.com/johnpapa/angular-styleguide. As one markdown file: README.md.

Angular Style Guide

AI Ready

Versions

There are multiple versions of Angular, and thus there are multiple versions of the guide. Choose your guide appropriately.

Angular 1 Style Guide

The Angular 1 Style Guide.

Angular 2 Style Guide

The Angular 2 Style Guide.

Angular Team Endorsed

Special thanks to Igor Minar, lead on the Angular team, for reviewing, contributing feedback, and entrusting me to shepherd this guide.

Purpose

Opinionated Angular style guide for teams by @john_papa

If you are looking for an opinionated style guide for syntax, conventions, and structuring Angular applications, then step right in. These styles are based on my development experience with Angular, presentations, Pluralsight training courses and working in teams.

The purpose of this style guide is to provide guidance on building Angular applications by showing the conventions I use and, more importantly, why I choose them.

If you like this guide, check out my Angular Patterns: Clean Code course at Pluralsight which is a companion to this guide.

Angular Patterns: Clean Code

Community Awesomeness and Credit

Never work in a vacuum. I find that the Angular community is an incredible group who are passionate about sharing experiences. Many of my styles have been from the many pair programming sessions Ward Bell and I have had. My most excellent friend Ward has helped influence the ultimate evolution of these guides.

Contributing

Open an issue first to discuss potential changes/additions. If you have questions with the guide, feel free to leave them as issues in the repository. If you find a typo, create a pull request. The idea is to keep the content up to date and use github’s native feature to help tell the story with issues and PR’s, which are all searchable via google. Why? Because odds are if you have a question, someone else does too! You can learn more here at about how to contribute.

By contributing to this repository you are agreeing to make your content available subject to the license of this repository.

Process

1. Discuss the changes in a GitHub issue.
2. Open a Pull Request, reference the issue, and explain the change and why it adds value.
3. The Pull Request will be evaluated and either merged or declined.

License

tldr; Use this guide. Attributions are appreciated.

Copyright (c) 2014-2016 John Papa

(The MIT License)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Back to top

angular-styleguide (johnpapa/angular-styleguide)

Searching Database…

What is this?An opinionated style guide for Angular: documented conventions for syntax, structure, and building Angular applications, written by John Papa for development teams.
Is this a tool I add to my project, or a guide I read?Something you read, not software: the repository itself is the guide, a set of explained conventions with examples. There is nothing to install or add to your project.
Is this the official Angular style guide?No — it is John Papa's personal, opinionated take, not official rules. The Angular Team did endorse it though: Igor Minar, the team lead, reviewed it and contributed feedback.
Is it aimed at solo developers or whole teams?Primarily teams that want consistency across their Angular code, though any Angular developer can follow it. The practices come from real team work, presentations and Pluralsight training courses.
Can I copy it as a base for my team's own conventions?Yes — it is MIT licensed, and the README's own TL;DR is: 'Use this guide. Attributions are appreciated.'
Which versions of Angular does the guide cover?Both generations: the repo holds a separate Angular 1 style guide and an Angular 2 style guide, and it tells you to choose the one that matches your app.
What does 'opinionated' mean here?It takes sides: instead of listing every possible approach, it shows the conventions John Papa actually uses and, more importantly, explains why he chose each one.
Is there a course that goes with it?Yes — the README points to John Papa's 'Angular Patterns: Clean Code' course on Pluralsight as a companion to the guide.
Where did these conventions come from?From the author's hands-on Angular work: presentations, Pluralsight training courses, and many pair programming sessions with Ward Bell, whom the README credits as a key influence on the guides.
Creator
johnpapa
Size
4.3 MB
Stars
23.6K
Updated
CommitApr 30
Age
12y
Commits · 90 Days