Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mikeroyal/angular-guide

Angular Guide
https://github.com/mikeroyal/angular-guide

angular angular-cli angularjs awesome-angular javascript

Last synced: 6 days ago
JSON representation

Angular Guide

Awesome Lists containing this project

README 

        


 

  


  Angular Guide




#### A guide covering the Angular web framework including the applications and tools that will make you a better and more efficient Angular developer.



 **Note: You can easily convert this markdown file to a PDF in [VSCode](https://code.visualstudio.com/) using this handy extension [Markdown PDF](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf).**

 

 


 

  





# Angular Learning Resources



[Angular](https://www.angular.io/) is a development platform for building mobile and desktop web applications using Typescript/JavaScript and other languages developed by Google.



[Getting Started with Angular](https://angular.io/start)



[What Is AngularJS?](https://docs.angularjs.org/guide/introduction#!)



[Google's JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html)



[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)



[AngularJS Tutorial on W3Schools](https://www.w3schools.com/angular/)



[Angular Certification - Become a certified Angular Developer](https://www.angulartraining.com/angular-certification.html)



[Angular University](https://angular-university.io)



[Angular Courses Online on Udemy](https://www.udemy.com/topic/angular/)



[Angular Courses Online on Coursera](https://www.coursera.org/search?query=angular&)



[Learn Angular with Online Courses and Lessons on edX](https://www.edx.org/learn/angular)



[Angular Online Training Courses on LinkedIn Learning](https://www.linkedin.com/learning/topics/angular-2)



[Learning AngularJS, including Angular directives from Codecademy](https://www.codecademy.com/learn/learn-angularjs)



[Learning Angular from Pluralsight](https://www.pluralsight.com/paths/angular)



[Ionic Angular Overview](https://ionicframework.com/docs/angular/overview)



[Angular Language Service for Visual Studio](https://devblogs.microsoft.com/visualstudio/angular-language-service-for-visual-studio/)



[Angular JavaScript Tutorial in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/angular-tutorial)



[Laravel and Angular](https://laravel-angular.io/docs/1/)



# Angular Tools and Frameworks



[Angular CLI](https://cli.angular.io/) is a command-line tool makes it easy to create an application that already works, right out of the box and follows all of Angular's best practices.



[Angular Material UI component library](https://material.angular.io/) is the Component infrastructure and Material Design components for Angular.



[WebStorm](https://www.jetbrains.com/webstorm/) is a professional IDE for JavaScript(including support for both HTML and CSS) developed by JetBrains. WebStorm comes with intelligent code completion, on-the-fly error detection, powerful navigation and refactoring for JavaScript, TypeScript, stylesheet languages, and all the most popular frameworks([Angular](https://angular.io/), [React](https://reactjs.org/), [Vue.js](https://vuejs.org/), [Ionic](https://ionicframework.com/), [Apache Cordova](https://cordova.apache.org/), [React Native](https://reactnative.dev/), [Node.js](https://nodejs.org/), [Meteor](https://www.meteor.com/#!), and [Electron](https://www.electronjs.org/)).



[TypeORM](https://github.com/typeorm/typeorm) is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8).



[Storybook](https://storybook.js.org/) is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.It works with React, Vue, Angular, Ember, and other web frameworks.



[AngularFire](https://firebaseopensource.com/projects/angular/angularfire2) is the official Angular library for [Firebase](https://firebase.google.com/).



[Apollo Angular](https://apollo-angular.com/) is a GraphQL Client for Angular Framework. 



[GraphQL Code Generator](https://graphql-code-generator.com/) is a  tool for generating code based on a GraphQL schema and GraphQL operations. The project  currently support and maintain [plugins](https://graphql-code-generator.com/docs/plugins/index) (TypeScript, Flow, React, Angular, MongoDB, Stencil, Reason, and more).



[NgRx](https://ngrx.io/) is the Reactive libraries for Angular.



[RxDB](https://github.com/pubkey/rxdb) is a NoSQL-database for JavaScript Applications like Websites, hybrid Apps, Electron-Apps, Progressive Web Apps and NodeJs. 



[Redux](https://github.com/reduxjs/redux) is a predictable state container for JavaScript apps.



[Protractor](https://angular.github.io/protractor) is an end-to-end test framework for Angular and AngularJS applications. Protractor is a [Node.js](http://nodejs.org/) program built on top of [WebDriverJS](https://github.com/SeleniumHQ/selenium/wiki/WebDriverJs).



[Onsen UI](https://onsen.io/) is an open source framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps. It provides bindings for Angular 1, 2, React and Vue.js.



[Nebular](https://github.com/akveo/nebular) is a customizable Angular 10 UI Library with a focus on beautiful design and ability to adapt it to your brand easily. It comes with 4 visual themes, a powerful theming engine with runtime theme switching, and support of custom css properties mode. 



[PrimeNG](https://www.primefaces.org/angular) is the Most Complete Angular UI Component Library.



[Project Clarity](https://clarity.design) is an open source design system that brings together UX guidelines, an HTML/CSS framework, Angular components, and Web Components. Project Clarity is currently being developed by VMware.



[Angular Flex Layout](https://github.com/angular/flex-layout) is a sophisticated HTML UI layout for Angular applications; using Flexbox and a [Responsive API](https://github.com/angular/flex-layout/wiki/Responsive-API).



[UI-Grid](https://github.com/angular-ui/ui-grid) is an AngularJS data grid.



## Contribute



- [x] If would you like to contribute to this guide simply make a [Pull Request](https://github.com/mikeroyal/Angular-Guide/pulls).



## License



Distributed under the [Creative Commons Attribution 4.0 International (CC BY 4.0) Public License](https://creativecommons.org/licenses/by/4.0/).