2200 lines
97 KiB
HTML
2200 lines
97 KiB
HTML
<p align="center">
|
||
<a href="https://patrickjs.com" target="_blank">
|
||
<img src="/media/awesome-angular.png" alt="Awesome Angular" /> </a>
|
||
</p>
|
||
<h1 id="awesome-angular-awesome">Awesome Angular <a
|
||
href="https://github.com/sindresorhus/awesome"><img
|
||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<p>Awesome list of <a href="https://angular.io/">Angular</a> seed repos,
|
||
starters, boilerplates, examples, tutorials, components, modules,
|
||
videos, and anything else in the Angular ecosystem. <a
|
||
href="https://PatrickJS.github.io/awesome-angular/">View as github
|
||
page.</a>.</p>
|
||
<blockquote>
|
||
<p>If you’re looking for AngularJS (version 1.x.x) please visit
|
||
https://github.com/gianarb/awesome-angularjs</p>
|
||
</blockquote>
|
||
<h5 id="current-angular-version">Current Angular version:</h5>
|
||
<p><a href="https://www.npmjs.com/~angular"><img
|
||
src="https://badge.fury.io/js/%40angular%2Fcore.svg"
|
||
alt="npm version" /></a></p>
|
||
<p>Table of contents:</p>
|
||
<ul>
|
||
<li><a href="#angular">Angular</a>
|
||
<ul>
|
||
<li><a href="#official-resources">Official Resources</a></li>
|
||
<li><a href="#community">Community</a></li>
|
||
<li><a href="#experts-on-twitter">Experts on Twitter</a></li>
|
||
<li><a href="#server-side-rendering">Server-Side Rendering</a></li>
|
||
<li><a href="#material-design">Material Design</a></li>
|
||
<li><a href="#cheatsheet">Cheatsheet</a></li>
|
||
<li><a href="#angular-cli">Angular CLI</a></li>
|
||
<li><a href="#webpack">Webpack</a></li>
|
||
<li><a href="#series">Series</a></li>
|
||
<li><a href="#video-tutorials">Video Tutorials</a></li>
|
||
<li><a href="#style-guides">Style Guides</a></li>
|
||
<li><a href="#angular-connect">Angular Connect</a></li>
|
||
<li><a href="#books">Books</a></li>
|
||
<li><a href="#on-site-training">On-Site Training</a></li>
|
||
<li><a href="#approach-and-explanation">Approach and
|
||
Explanation</a></li>
|
||
<li><a href="#integrations">Integrations</a></li>
|
||
<li><a href="#site-templates">Site Templates</a></li>
|
||
<li><a href="#generators">Generators</a></li>
|
||
<li><a href="#documentation-tools">Documentation tools</a></li>
|
||
<li><a href="#developer-tools">Developer tools</a></li>
|
||
<li><a href="#todomvc">TodoMVC</a></li>
|
||
<li><a href="#schematics">Schematics</a></li>
|
||
<li><a href="https://angular-challenges.vercel.app/">Angular
|
||
Challenges</a></li>
|
||
</ul></li>
|
||
<li><a href="#third-party-components">Third Party Components</a>
|
||
<ul>
|
||
<li><a href="#animations">Animations</a></li>
|
||
<li><a href="#auth-components">Auth Components</a></li>
|
||
<li><a href="#backend-components">Backend Components</a></li>
|
||
<li><a href="#calendars">Calendars</a></li>
|
||
<li><a href="#charts">Charts</a></li>
|
||
<li><a href="#drag/drop">Drag/Drop</a></li>
|
||
<li><a href="#editor-components">Editor Components</a></li>
|
||
<li><a href="#file-upload">File Upload</a></li>
|
||
<li><a href="#form-controls">Form Controls</a></li>
|
||
<li><a href="#icons">Icons</a></li>
|
||
<li><a href="#keyboard-mouse">Keyboard Mouse</a></li>
|
||
<li><a href="#layout-components">Layout Components</a></li>
|
||
<li><a href="#loaders">Loaders</a></li>
|
||
<li><a href="#maps">Maps</a></li>
|
||
<li><a href="#notifications">Notifications</a></li>
|
||
<li><a href="#state-management">State Management</a></li>
|
||
<li><a href="#tables">Tables</a></li>
|
||
<li><a href="#ui-libraries">UI Libraries</a></li>
|
||
<li><a href="#ux-components">UX Components</a></li>
|
||
<li><a href="#viewers">Viewers</a></li>
|
||
<li><a href="#misc-components">Misc Components</a></li>
|
||
</ul></li>
|
||
<li><a href="#jam-stack">JAM Stack</a></li>
|
||
<li><a href="#universal-angular-2">Universal</a>
|
||
<ul>
|
||
<li><a href="#universal-courses-and-tutorials">Courses &
|
||
Tutorials</a></li>
|
||
<li><a href="#universal-general-resources">Universal General
|
||
Resources</a></li>
|
||
<li><a href="#universal-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-typescript">TypeScript</a>
|
||
<ul>
|
||
<li><a href="#typescript-general-resources">TypeScript General
|
||
Resources</a></li>
|
||
<li><a href="#typescript-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-dart">Dart</a>
|
||
<ul>
|
||
<li><a href="#dart-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-traceur">Traceur</a>
|
||
<ul>
|
||
<li><a href="#traceur-general-resources">Traceur General
|
||
Resources</a></li>
|
||
<li><a href="#traceur-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-babel">Babel</a>
|
||
<ul>
|
||
<li><a href="#babel-general-resources">Babel General Resources</a></li>
|
||
<li><a href="#babel-angular-2-online-playground">Online
|
||
Playground</a></li>
|
||
<li><a href="#babel-seed-projects">Seed Projects</a></li>
|
||
<li><a href="#babel-plugins">Babel Plugins</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-es5">ES5</a>
|
||
<ul>
|
||
<li><a href="#es5-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#ionic-2-in-angular-2">Ionic 2</a>
|
||
<ul>
|
||
<li><a href="#ionic-2-general-resources">Ionic 2 General
|
||
Resources</a></li>
|
||
</ul></li>
|
||
<li><a href="#meteor-in-angular-2">Meteor</a>
|
||
<ul>
|
||
<li><a href="#meteor-general-resources">Meteor General
|
||
Resources</a></li>
|
||
<li><a href="#meteor-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-nativescript">NativeScript</a>
|
||
<ul>
|
||
<li><a href="#nativescript-general-resources">NativeScript General
|
||
Resources</a></li>
|
||
<li><a href="#nativescript-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-react-native">React Native</a>
|
||
<ul>
|
||
<li><a href="#react-native-general-resources">React Native General
|
||
Resources</a></li>
|
||
<li><a href="#react-native-projects">React Native Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-haxe">Haxe</a>
|
||
<ul>
|
||
<li><a href="#haxe-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-in-scala">Scala</a>
|
||
<ul>
|
||
<li><a href="#scala-seed-projects">Seed Projects</a></li>
|
||
</ul></li>
|
||
<li><a href="#angular-2-components-with-bit">Bit</a></li>
|
||
<li><a href="#security">Security</a></li>
|
||
<li><a href="#ngrx">NgRx</a></li>
|
||
</ul>
|
||
<h3 id="angular">Angular</h3>
|
||
<blockquote>
|
||
<p>Angular is a development platform for building mobile and desktop web
|
||
applications.</p>
|
||
</blockquote>
|
||
<h4 id="official-resources">Official Resources</h4>
|
||
<ul>
|
||
<li><a href="https://angular.io">Site</a></li>
|
||
<li><a href="https://blog.angular.io">Blog</a></li>
|
||
<li><a href="https://angular.io/docs">Documentation</a></li>
|
||
<li><a href="https://angular.io/guide/cheatsheet">Cheatsheet</a></li>
|
||
<li><a href="https://angular.io/guide/quickstart">Getting Started
|
||
Guide</a></li>
|
||
<li><a href="https://github.com/angular/angular">GitHub Repo</a></li>
|
||
<li><a href="https://angular.dev">Future Site</a></li>
|
||
</ul>
|
||
<h4 id="community">Community</h4>
|
||
<ul>
|
||
<li><code>#angular2</code> channel on Freenode IRC Server.</li>
|
||
<li><a
|
||
href="https://twitter.com/hashtag/angular"><code>#angular</code></a>
|
||
hashtag on Twitter.</li>
|
||
<li><a href="https://gitter.im/angular/angular">Gitter Channel</a></li>
|
||
<li><a href="https://stackoverflow.com/questions/tagged/angular">Angular
|
||
StackOverflow</a></li>
|
||
<li><a href="https://twitter.com/angular"><span class="citation"
|
||
data-cites="Angular">@Angular</span> on Twitter</a></li>
|
||
<li><a href="https://www.reddit.com/r/Angular2/">/r/Angular2
|
||
Subreddit</a></li>
|
||
<li><a href="https://www.facebook.com/groups/angular2/">Angular Group on
|
||
Facebook</a></li>
|
||
<li><a href="https://angularair.com/">AngularAir</a> podcast and live
|
||
broadcast.</li>
|
||
<li><a href="https://devchat.tv/adv-in-angular">Adventures in
|
||
Angular</a> podcast.</li>
|
||
<li><a href="https://angularexpo.com/">Angular Expo</a> showcase.</li>
|
||
<li><a
|
||
href="https://angularbuddies.slack.com/messages/ng-2/"><code>#ng-2 Slack Channel</code></a>
|
||
on AngularBuddies.</li>
|
||
<li><a
|
||
href="https://dartlang.slack.com/messages/angular2"><code>#angular2 Slack Channel</code></a>
|
||
on dartlang.slack.com (<a
|
||
href="https://dartlang-slack.herokuapp.com/">Sign up</a>)</li>
|
||
<li><a href="https://hackr.io/tutorials/learn-angular">Programming
|
||
Community Curated Resources for Learning Angular</a></li>
|
||
<li>[Top rated Angular stackoverflow questions Dashboard]
|
||
(https://dashboard.nbshare.io/apps/stackoverflow/top-angular-questions/)</li>
|
||
</ul>
|
||
<h4 id="angular-team-on-twitter">Angular Team on twitter</h4>
|
||
<ul>
|
||
<li><a href="https://twitter.com/mhevery"><span class="citation"
|
||
data-cites="mhevery">@mhevery</span></a></li>
|
||
<li><a href="https://twitter.com/IgorMinar"><span class="citation"
|
||
data-cites="IgorMinar">@IgorMinar</span></a></li>
|
||
<li><a href="https://twitter.com/naomitraveller"><span class="citation"
|
||
data-cites="naomitraveller">@naomitraveller</span></a></li>
|
||
<li><a href="https://twitter.com/mgechev">Minko Gechev</a></li>
|
||
<li><a href="https://twitter.com/AlanAgius4">Alan Agius</a></li>
|
||
<li><a href="https://twitter.com/gkalpakas">George Kalpakas</a></li>
|
||
<li><a href="https://twitter.com/stephenfluin">Stephen Fluin</a></li>
|
||
</ul>
|
||
<h4 id="experts-on-twitter">Experts on Twitter</h4>
|
||
<blockquote>
|
||
<p>List of Angular experts you should follow on Twitter (in no
|
||
particular order). This list is by no means complete.</p>
|
||
</blockquote>
|
||
<ul>
|
||
<li><a href="https://twitter.com/PatrickJS__"><span class="citation"
|
||
data-cites="PatrickJS__">@PatrickJS__</span></a></li>
|
||
<li><a href="https://twitter.com/scotups"><span class="citation"
|
||
data-cites="scotups">@scotups</span></a></li>
|
||
<li><a href="https://twitter.com/pkozlowski_os"><span class="citation"
|
||
data-cites="pkozlowski_os">@pkozlowski_os</span></a></li>
|
||
<li><a href="https://twitter.com/teropa"><span class="citation"
|
||
data-cites="teropa">@teropa</span></a></li>
|
||
<li><a href="https://twitter.com/eggheadio"><span class="citation"
|
||
data-cites="eggheadio">@eggheadio</span></a></li>
|
||
<li><a href="https://twitter.com/hirez_io"><span class="citation"
|
||
data-cites="hirez_io">@hirez_io</span></a></li>
|
||
<li><a href="https://twitter.com/cedric_exbrayat"><span class="citation"
|
||
data-cites="cedric_exbrayat">@cedric_exbrayat</span></a></li>
|
||
<li><a href="https://twitter.com/amcdnl"><span class="citation"
|
||
data-cites="amcdnl">@amcdnl</span></a></li>
|
||
<li><a href="https://twitter.com/victorsavkin"><span class="citation"
|
||
data-cites="victorsavkin">@victorsavkin</span></a></li>
|
||
<li><a href="https://twitter.com/jeffbcross"><span class="citation"
|
||
data-cites="jeffbcross">@jeffbcross</span></a></li>
|
||
<li><a href="https://twitter.com/waterplea"><span class="citation"
|
||
data-cites="waterplea">@waterplea</span></a></li>
|
||
<li><a href="https://twitter.com/marsibarsi"><span class="citation"
|
||
data-cites="marsibarsi">@marsibarsi</span></a></li>
|
||
<li><a href="https://twitter.com/maciejtreder"><span class="citation"
|
||
data-cites="maciejtreder">@maciejtreder</span></a></li>
|
||
<li><a href="https://twitter.com/codewith_ahsan"><span class="citation"
|
||
data-cites="codewith_ahsan">@codewith_ahsan</span></a></li>
|
||
</ul>
|
||
<h5 id="google-developer-experts"><a
|
||
href="https://developers.google.com/experts/all/technology/web-technologies">Google
|
||
Developer Experts</a></h5>
|
||
<ul>
|
||
<li><a href="https://twitter.com/jack_franklin">Jack Franklin</a></li>
|
||
<li><a href="https://twitter.com/ThierryChatel">Thierry Chatel</a></li>
|
||
<li><a href="https://twitter.com/urishaked">Uri Shaked</a></li>
|
||
<li><a href="https://twitter.com/gruizdevilla">Gonzalo Ruiz de Villa
|
||
Suárez</a></li>
|
||
<li><a href="https://twitter.com/sharondio">Sharon DiOrio</a></li>
|
||
<li><a href="https://twitter.com/John_Papa">John Papa</a></li>
|
||
<li><a href="https://twitter.com/danwahlin">Dan Wahlin</a></li>
|
||
<li><a href="https://twitter.com/christianweyer">Christian
|
||
Weyer</a></li>
|
||
<li><a href="https://twitter.com/toddmotto">Todd Motto</a></li>
|
||
<li><a href="https://twitter.com/timruffles">Tim Ruffles</a></li>
|
||
<li><a href="https://twitter.com/manekinekko">Wassim Chegham</a></li>
|
||
<li><a href="https://twitter.com/js_dev">Aaron Frost</a></li>
|
||
<li><a href="https://twitter.com/willmendesneto">Wilson Mendes</a></li>
|
||
<li><a href="https://twitter.com/jaredwilli">Jared Williams</a></li>
|
||
<li><a href="https://twitter.com/gerardsans">Gerard Sans</a></li>
|
||
<li><a href="https://twitter.com/PascalPrecht">Pascal Precht</a></li>
|
||
<li><a href="https://twitter.com/jeffwhelpley/">Jeff Whelpley</a></li>
|
||
<li><a href="https://twitter.com/elecash/">Raúl Jiménez</a></li>
|
||
<li><a href="https://twitter.com/cironunesdev/">Ciro Nunes</a></li>
|
||
<li><a href="https://twitter.com/webmaxru">Maxim Salnikov</a></li>
|
||
<li><a href="https://twitter.com/deborahkurata">Deborah Kurata</a></li>
|
||
<li><a href="https://twitter.com/shai_reznik">Shai Reznik</a></li>
|
||
<li><a href="https://twitter.com/manfredsteyer">Manfred Steyer</a></li>
|
||
<li><a href="https://twitter.com/juristr">Juri Strumpflohner</a></li>
|
||
<li><a href="https://twitter.com/willgmbr">William Grasel</a></li>
|
||
<li><a href="https://twitter.com/AlyssaNicoll">Alyssa Nicoll</a></li>
|
||
<li><a href="https://twitter.com/nirkaufman">Nir kaufman</a></li>
|
||
<li><a href="https://twitter.com/valorkin">Dmitriy Shekhovtsov</a></li>
|
||
<li><a href="https://twitter.com/jeffdelaney23">Jeff Delaney</a></li>
|
||
<li><a href="https://twitter.com/TheNishuGoel">Nishu Goel</a></li>
|
||
<li><a href="https://twitter.com/waterplea">Alex Inkin</a></li>
|
||
<li><a href="https://twitter.com/SantoshYadavDev">Santosh Yadav</a></li>
|
||
<li><a href="https://twitter.com/ankitsharma_007">Ankit</a></li>
|
||
<li><a href="https://twitter.com/SiddAjmera">Siddharth Ajmera</a></li>
|
||
<li><a href="https://twitter.com/codewith_ahsan">Muhammad Ahsan
|
||
Ayaz</a></li>
|
||
<li><a href="https://twitter.com/DecodedFrontend">Dmytro
|
||
Mezhenskyi</a></li>
|
||
<li><a href="https://twitter.com/Michael_Hladky">Michael Hladky</a></li>
|
||
<li><a href="https://github.com/fabiobiondi">Fabio Biondi</a></li>
|
||
<li><a href="https://twitter.com/laforge_toma">Thomas Laforge</a></li>
|
||
<li><a
|
||
href="https://github.com/gdi2290/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_expert <strong>}}</strong></a></li>
|
||
</ul>
|
||
<h4 id="server-side-rendering">Server-Side Rendering</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/angular/universal">Angular Universal
|
||
Repository (GitHub)</a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/angular-seo-universal-server-side-rendering">SEO-Friendly
|
||
Angular SPA: Universal Server-Side Rendering Tutorial</a></li>
|
||
<li><a
|
||
href="https://github.com/ng-web-apis/universal">ng-web-apis/universal —
|
||
an opensource set of native API fallbacks and stubs</a></li>
|
||
<li><a
|
||
href="https://www.newline.co/courses/newline-guide-to-angular-universal">Guide
|
||
to Angular Universal - a comprehensive guide how to sharpen your
|
||
Universal Skills</a></li>
|
||
</ul>
|
||
<h4 id="material-design">Material Design</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/angular/material2">Official Angular
|
||
Material Design (GitHub)</a></li>
|
||
<li><a href="https://www.npmjs.com/package/md2">md2</a> Angular2 based
|
||
Material Design components, directives and services are Accordion,
|
||
Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu,
|
||
Multiselect, Select, Switch, Tabs, Tags(Chips), Toast and Tooltip.</li>
|
||
<li><a
|
||
href="https://www.npmjs.com/package/ng2-material">ng2-material</a> set
|
||
of material2 examples and extra components (data table, dialog, …) built
|
||
on top of <span class="citation"
|
||
data-cites="angular2-material/core">@angular2-material/core</span>.</li>
|
||
<li><a
|
||
href="https://www.npmjs.com/package/angular2-mdl">angular2-mdl</a>
|
||
Angular 2 components, directives and styles based on Material Design
|
||
Lite.</li>
|
||
<li><a href="https://www.npmjs.com/package/mdl-ext">mdl-ext</a> Material
|
||
Design Lite Ext (carousel, grid, lightbox, selectfield, sticky header,
|
||
…).</li>
|
||
<li><a
|
||
href="https://github.com/sherweb/ng2-materialize">ng2-materialize</a> An
|
||
Angular 2 wrap around Materialize library.</li>
|
||
<li><a href="https://github.com/YagoLopez/material-light">Material
|
||
Light</a> Light, fast and easy to use Material Design components for
|
||
Angular 2+ (Especially for mobile UI). There are several alternatives
|
||
but this one has added value and advantages in my opinion (Take a loot
|
||
at the Readme.md for details). There is also an online demo to see it in
|
||
action. (API documentation is still lacking but in process).</li>
|
||
<li><a href="https://github.com/src-zone/material">Blox Material</a> A
|
||
lightweight Material Design library for Angular, based upon Google’s
|
||
Material Components for the Web.</li>
|
||
<li><a href="https://trimox.github.io/angular-mdc-web">Material Web
|
||
Components</a> Material Web Components for Angular. A faithful and
|
||
accurate representation of Material Design as envisioned on the
|
||
web.</li>
|
||
<li><a
|
||
href="https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design">MDBootstrap</a>
|
||
Built with Angular 7, Bootstrap 4 and TypeScript powerful UI KIT
|
||
providing a set of slick, responsive page templates, layouts, components
|
||
and widgets to rapidly build responsive, mobile-first websites and
|
||
apps.</li>
|
||
</ul>
|
||
<h4 id="cheatsheet">Cheatsheet</h4>
|
||
<ul>
|
||
<li><a href="https://angular.io/guide/cheatsheet">Official Angular
|
||
Cheatsheet</a></li>
|
||
<li><a
|
||
href="https://docs.google.com/document/d/1FYyA-b9rc2UtlYyQXjW7lx4Y08MSpuWcbbuqVCxHga0/edit#heading=h.34sus6g4zss3">Dart
|
||
API Cheatsheet</a></li>
|
||
<li><a
|
||
href="https://github.com/andresaraujo/angular2_cheatsheet_dart">Angular
|
||
Dart cheatsheet</a></li>
|
||
<li><a
|
||
href="https://github.com/mgechev/angular-performance-checklist">Angular
|
||
Performance Checklist</a></li>
|
||
<li><a
|
||
href="https://github.com/sudheerj/angular-interview-questions">List of
|
||
100 Angular Interview questions and answers</a></li>
|
||
<li><a href="https://ngrefs.com">Angular References</a></li>
|
||
<li><a href="https://roadmap.sh/angular">Angular Developer
|
||
Roadmap</a></li>
|
||
<li><a href="https://www.interviewbit.com/angular-cheat-sheet/">Angular
|
||
Cheetsheet</a></li>
|
||
</ul>
|
||
<h4 id="features">Features</h4>
|
||
<h6 id="directives">Directives</h6>
|
||
<p>Directives allow you to attach behavior to elements in the DOM.</p>
|
||
<h6 id="components">Components</h6>
|
||
<p>A component is a directive which uses shadow DOM to create
|
||
encapsulate visual behavior. Components are typically used to create UI
|
||
widgets or to break up the application into smaller components.</p>
|
||
<h5 id="view">View</h5>
|
||
<p>A View is a core primitive used by angular to render the DOM
|
||
tree.</p>
|
||
<h5 id="templates">Templates</h5>
|
||
<p>Templates are markup which is added to HTML to declaratively describe
|
||
how the application model should be projected to DOM as well as which
|
||
DOM events should invoke which methods on the controller.</p>
|
||
<h5 id="change-detection">Change detection</h5>
|
||
<p>Every component gets a change detector responsible for checking the
|
||
bindings defined in its template.</p>
|
||
<h5 id="dependency-injection">Dependency Injection</h5>
|
||
<p>Angular 1.x has two APIs for injecting dependencies into a directive.
|
||
Angular 2 unifies the two APIs, making the code easier to understand and
|
||
test.</p>
|
||
<h5 id="pipes">Pipes</h5>
|
||
<p>Pipes can be appended on the end of the expressions to translate the
|
||
value to a different format.</p>
|
||
<h5 id="web-workers">Web Workers</h5>
|
||
<p>WebWorker support in Angular is designed to make it easy to leverage
|
||
parallelization in your web application. When you choose to run your
|
||
application in a WebWorker angular runs both your application’s logic
|
||
and the majority of the core angular framework in a WebWorker.</p>
|
||
<h5 id="http">HTTP</h5>
|
||
<p>The HttpClient offers a simplified client HTTP API for Angular
|
||
applications that rests on the XMLHttpRequest interface exposed by
|
||
browsers. Additional benefits of HttpClient include testability
|
||
features, typed request and response objects, request and response
|
||
interception, Observable apis, and streamlined error handling.</p>
|
||
<ul>
|
||
<li><a href="https://angular.io/guide/http">Official HttpClient</a></li>
|
||
</ul>
|
||
<h5 id="router">Router</h5>
|
||
<ul>
|
||
<li><a href="https://angular.io/guide/router">Official Routing &
|
||
Navigation</a></li>
|
||
</ul>
|
||
<h5 id="test">Test</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://chariotsolutions.com/blog/post/testing-http-services-angular-2-jasmine/">Testing
|
||
Http services in Angular 2 with Jasmine</a></li>
|
||
<li><a
|
||
href="https://chariotsolutions.com/blog/post/testing-angular-2-components-unit-tests-testcomponentbuilder/">Testing
|
||
UI Components with the TestComponentBuilder</a></li>
|
||
<li><a
|
||
href="https://www.mokkapps.de/blog/how-i-write-marble-tests-for-rxjs-observables-in-angular/">Marble
|
||
testing for RxJS observables in Angular</a></li>
|
||
<li><a href="https://testing-angular.com">Testing Angular – A Guide to
|
||
Robust Angular Applications</a></li>
|
||
<li><a href="https://www.npmjs.com/package/scuri">Auto-create and
|
||
-update tests tool</a></li>
|
||
<li><a
|
||
href="https://testing-library.com/docs/angular-testing-library/intro/">Angular
|
||
Testing Library</a></li>
|
||
</ul>
|
||
<h5 id="ahead-of-time-compilation">Ahead-of-Time Compilation</h5>
|
||
<ul>
|
||
<li><a href="https://angular.io/guide/aot-compiler">Official
|
||
Documentation</a></li>
|
||
<li><a
|
||
href="https://blog.mgechev.com/2016/08/14/ahead-of-time-compilation-angular-offline-precompilation/">Ahead-of-Time
|
||
Compilation in Angular</a></li>
|
||
<li><a
|
||
href="https://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/">Building
|
||
an Angular Application for Production</a></li>
|
||
<li><a
|
||
href="https://slides.com/wassimchegham/demystifying-ahead-of-time-compilation-in-angular-2-aot-jit">Demystifying
|
||
Ahead-Of-Time Compilation In Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.craftlab.hu/multiple-solutions-for-angular-ahead-of-time-aot-compilation-c474d9a0d508">Multiple
|
||
solutions for Angular Ahead of Time (AOT) Compilation</a></li>
|
||
<li><a href="https://github.com/blacksonic/angular2-aot-webpack">Code
|
||
Example with Webpack</a></li>
|
||
<li><a href="https://github.com/mgechev/angular2-ngc-rollup-build">Code
|
||
Example with Rollup</a></li>
|
||
</ul>
|
||
<h4 id="angular-cli">Angular CLI</h4>
|
||
<ul>
|
||
<li><a href="https://cli.angular.io/">Official web page</a></li>
|
||
<li><a href="https://github.com/angular/angular-cli">Official
|
||
repository</a></li>
|
||
<li><a href="https://github.com/smartin85/ng-cli-hooks">ng-cli-hooks</a>
|
||
- Hooks for the Angular CLI to customize the build</li>
|
||
</ul>
|
||
<h4 id="webpack">Webpack</h4>
|
||
<ul>
|
||
<li><a href="https://webpack.js.org">Official web page</a></li>
|
||
<li><a href="https://github.com/gdi2290/angular-starter">Angular Webpack
|
||
Starter from PatrickJS</a></li>
|
||
<li><a href="https://github.com/preboot/angular-webpack">Angular Webpack
|
||
from preboot</a></li>
|
||
<li><a
|
||
href="https://github.com/qdouble/angular-webpack2-starter">Angular
|
||
Nightly Webpack Starter</a></li>
|
||
<li><a
|
||
href="https://github.com/damienbod/AngularWebpackVisualStudio">Angular
|
||
Webpack with Visual Studio ASP.NET Core from Damien Bowden</a></li>
|
||
<li><a
|
||
href="https://github.com/schempy/angular2-typescript-webpack">Angular
|
||
Typescript Webpack from schempy</a></li>
|
||
<li><a href="https://github.com/michaelbazos/angular-starter">Angular
|
||
Webpack Tour of Heroes from michaelbazos</a> - Tour of Heroes official
|
||
typescript tutorial built with webpack</li>
|
||
<li><a href="https://github.com/jorgeas80/angular2-webpack-toh">Angular
|
||
Webpack + rxjs + modules</a></li>
|
||
<li><a
|
||
href="https://github.com/just-jeb/angular-builders/tree/master/packages/custom-webpack">Angular
|
||
Builders</a> - custom webpack</li>
|
||
</ul>
|
||
<h4 id="series">Series</h4>
|
||
<ul>
|
||
<li>Ionic
|
||
<ul>
|
||
<li>Angular
|
||
<ul>
|
||
<li><a
|
||
href="https://blog.ionic.io/angular-2-series-introduction/">Introduction</a></li>
|
||
<li><a
|
||
href="https://blog.ionic.io/angular-2-series-components/">Components</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li>Auth0
|
||
<ul>
|
||
<li>Angular
|
||
<ul>
|
||
<li><a
|
||
href="https://auth0.com/blog/angular2-series-working-with-pipes/">Working
|
||
with Pipes</a></li>
|
||
<li><a
|
||
href="https://auth0.com/blog/angular-2-series-part-2-domain-models-and-dependency-injection/">Domain
|
||
Models and Dependency Injection</a></li>
|
||
<li><a
|
||
href="https://auth0.com/blog/angular-2-series-part-3-using-http/">Using
|
||
Http</a></li>
|
||
<li><a
|
||
href="https://auth0.com/blog/create-a-desktop-app-with-angular-2-and-electron/">Create
|
||
a Desktop App with Angular 2 and Electron</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li>thoughtram
|
||
<ul>
|
||
<li>Angular Template Syntax Demystified
|
||
<ul>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html">Part
|
||
1</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li><a href="https://medium.com/letsboot">letsboot.com</a>
|
||
<ul>
|
||
<li>Test Driven Development
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/letsboot/angular-4-and-testing-angular-cli-gitlab-ci-ng-test-phantomjs-tdd-afc20f50b928">Part
|
||
1 Angular TDD, Karma, Jasmine, PhantomJS, Gitlab-CI</a></li>
|
||
</ul></li>
|
||
<li>Angular and Firebase
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/letsboot/lets-learn-how-to-install-and-setup-angularfire2-4-0-135d72bb0a41">Part
|
||
1 Let’s learn how to install and setup AngularFire2 4.0</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
</ul>
|
||
<h4 id="video-tutorials">Video Tutorials</h4>
|
||
<ul>
|
||
<li><a href="https://egghead.io/browse/frameworks/angular">Egghead.io -
|
||
Angular</a></li>
|
||
<li><a
|
||
href="https://egghead.io/courses/building-a-time-machine-with-angular-2-and-rxjs">Egghead.io
|
||
- Build Redux Style Applications with Angular2, RxJS, and
|
||
ngrx/store</a></li>
|
||
<li><a href="https://www.udemy.com/introduction-to-angular2/">udemy -
|
||
Introduction to Angular 2</a></li>
|
||
<li><a
|
||
href="https://www.udemy.com/angular-2-tutorial-for-beginners/">udemy -
|
||
Angular 2 with TypeScript for Beginners: The Pragmatic Guide</a></li>
|
||
<li><a
|
||
href="https://www.udemy.com/the-complete-guide-to-angular-2/">udemy -
|
||
The Complete Guide to Angular 2</a></li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/angular-2-first-look">Pluralsight
|
||
- Angular 2: First Look</a></li>
|
||
<li><a
|
||
href="https://www.pluralsight.com/courses/angular-2-getting-started-update">Pluralsight
|
||
- Angular 2: Getting Started</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/playlist?list=PLLf-VBOaoVk1E9fTBZdq1CfnRa2TtL_Kb">Angular
|
||
Pro Screencast</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=bEkPEnudm7s&feature=youtu.be">Angular
|
||
typed Store</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=vyiyJCLlGwo&feature=youtu.be">Angular
|
||
advanced tips and tricks</a></li>
|
||
<li><a
|
||
href="https://www.youtube.com/channel/UCRefxaAA-7PfezH3CY87fzw">Angular
|
||
Fullstack JavaScript Channel</a></li>
|
||
<li><a
|
||
href="https://www.udemy.com/angular-crash-course-for-beginners">Angular
|
||
4 Master Class: Beginner to Advanced</a></li>
|
||
</ul>
|
||
<h4 id="style-guides">Style Guides</h4>
|
||
<ul>
|
||
<li><a href="https://angular.io/guide/styleguide">Official Angular style
|
||
guide</a></li>
|
||
<li><a href="https://github.com/ng-seed/angular-tslint-rules">Shared
|
||
TSLint & codelyzer rules by fulls1z3</a></li>
|
||
</ul>
|
||
<h4 id="angular-connect">Angular Connect</h4>
|
||
<ul>
|
||
<li><a href="https://www.youtube.com/watch?v=UxjgUjVpe24">Keynote – Brad
|
||
Green, Igor Minar and Jules Kremer</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=C0F2E-PRm44">Testing
|
||
strategies with Angular 2 – Julie Ralph</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=4SbiiyRSIwo">Building
|
||
native mobile apps with Angular 2 0 and NativeScript - Sebastian
|
||
Witalec</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=bVI5gGTEQ_U">Angular 2 Data
|
||
Flow – Jeff Cross, Rob Wormald and Alex Rickabaugh</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=8tGcdaItj0I">Iterative
|
||
version upgrade strategies for large Angular applications – Jen
|
||
Bourey</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=cAC4d3KIQcM">Debugging
|
||
Angular 2 Apps with Batarangle – Yuri Takhteyev and Igor
|
||
Krivanov</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=RD0xYicNcaY">Building apps
|
||
with Firebase and Angular 2 - Sara Robinson</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=4YmnbGoh49U">Better
|
||
concepts, less code in Angular 2 - Victor Savkin and Tobias
|
||
Bosch</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=9odY9Rh5kTQ">Modularity and
|
||
Packaging for Angular2 Applications – Pawel Kozlowski</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=3FT0BqYASCo">Creating
|
||
realtime apps with Angular 2 and Meteor - Uri Goldshtein</a></li>
|
||
</ul>
|
||
<h4 id="books">Books</h4>
|
||
<ul>
|
||
<li><a href="https://www.ng-book.com/2/">ng-book 2</a>
|
||
<code>fullstack.io</code></li>
|
||
<li><a href="https://books.ninja-squad.com/angular">Become a ninja with
|
||
Angular 2</a> <code>Ninja Squad</code></li>
|
||
<li><a
|
||
href="https://www.manning.com/books/angular-2-development-with-typescript">Angular
|
||
Development with TypeScript</a> <code>Manning Publications</code></li>
|
||
<li><a href="https://www.manning.com/books/angular-in-action">Angular in
|
||
Action</a> <code>Manning Publications</code></li>
|
||
<li><a href="https://leanpub.com/practical-angular-2">Practical Angular
|
||
2</a> <code>Leanpub</code></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/product/switching-to-angular-2/9781785886201">Switching
|
||
to Angular 2</a> <code>Packt Publishing</code></li>
|
||
<li><a
|
||
href="https://www.gitbook.com/book/rangle-io/ngcourse2/details">Rangle’s
|
||
Angular 2 training</a> <code>Rangle.io</code></li>
|
||
<li><a
|
||
href="https://www.manning.com/books/testing-angular-applications">Testing
|
||
Angular Applications</a> <code>Manning Publications</code></li>
|
||
<li><a href="https://angular-buch.com/">Angular-Buch (German)</a>
|
||
<code>dpunkt.verlag</code></li>
|
||
<li><a href="https://angular.institute/">Angular Institute</a>
|
||
<code>angular.institute</code></li>
|
||
<li><a
|
||
href="https://www.c-sharpcorner.com/ebooks/build-a-full-stack-web-application-using-angular-and-firebase">Build
|
||
a Full-Stack Web Application Using Angular & Firebase</a>
|
||
<code>Ankit Sharma</code></li>
|
||
<li><a href="https://codewithahsan.dev/ng-book">Angular Cookbook - 80+
|
||
Recipes to enhance your Angular skills for enterprises</a>
|
||
<code>Packt Publishing</code></li>
|
||
<li><a
|
||
href="https://www.manning.com/books/build-a-frontend-web-framework-from-scratch">Build
|
||
a Frontend Web Framework (From Scratch)</a>
|
||
<code>Manning Publications</code></li>
|
||
</ul>
|
||
<h4 id="on-site-training">On-Site Training</h4>
|
||
<ul>
|
||
<li><a href="https://angularbootcamp.com">Angular Boot Camp</a></li>
|
||
<li><a href="https://angular.schule/">Angular.Schule (in
|
||
Germany)</a></li>
|
||
<li><a href="https://angular.de/schulungen/angular-intensiv/">Angular.DE
|
||
(Germany)</a></li>
|
||
<li><a
|
||
href="https://workshops.de/seminare-schulungen-kurse/angular-typescript/">Workshops.DE
|
||
(Germany)</a></li>
|
||
</ul>
|
||
<h4 id="approach-and-explanation">Approach and Explanation</h4>
|
||
<ul>
|
||
<li><p>Victor Savkin</p>
|
||
<ul>
|
||
<li><a
|
||
href="https://vsavkin.com/dependency-injection-in-angular-1-and-angular-2-d69589979c18">Dependency
|
||
Injection in Angular 1 and Angular 2</a></li>
|
||
<li><a
|
||
href="https://vsavkin.com/writing-angular-2-in-typescript-1fa77c78d8e8">Writing
|
||
Angular in Typescript</a></li>
|
||
<li><a
|
||
href="https://vsavkin.com/angular-2-template-syntax-5f2ee9f13c6a">Angular
|
||
Template Syntax</a></li>
|
||
<li><a
|
||
href="https://vsavkin.com/the-core-concepts-of-angular-2-c3d6cbe04d04">The
|
||
Core Concepts of Angular 2</a></li>
|
||
<li><a
|
||
href="https://vsavkin.com/two-phases-of-angular-2-applications-fda2517604be">Two
|
||
Phases of Angular 2 Applications</a></li>
|
||
<li><a
|
||
href="https://vsavkin.com/change-detection-in-angular-2-4f216b855d4c">Change
|
||
Detection in Angular 2</a></li>
|
||
<li><a
|
||
href="https://vsavkin.tumblr.com/post/108837493941/better-support-for-functional-programming-in">Better
|
||
Support For Functional Programming In</a></li>
|
||
<li><a
|
||
href="https://vsavkin.tumblr.com/post/102965317996/angular-2-bits-unified-dependency-injection">Angular
|
||
2 Bits Unified Dependency Injection</a></li>
|
||
<li><a href="https://vsavkin.com/angular-2-router-d9e30599f9ea">Angular
|
||
2 Router</a></li>
|
||
</ul></li>
|
||
<li><p>thoughtram</p>
|
||
<ul>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/04/09/developing-a-tabs-component-in-angular-2.html">Developing
|
||
a tabs component in Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/03/27/building-a-zippy-component-in-angular-2.html">Developing
|
||
a zippy component in Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/09/17/resolve-service-dependencies-in-angular-2.html">Resolving
|
||
Service Dependencies in Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html">Forward
|
||
references in Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/08/20/host-and-visibility-in-angular-2-dependency-injection.html">Host
|
||
and Visibility in Angular 2’s Dependency Injection</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html">Dependency
|
||
Injection in Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/06/16/routing-in-angular-2.html">Routing
|
||
in Angular 2 <strong>Deprecated</strong></a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2016/06/14/routing-in-angular-2-revisited.html">Routing
|
||
in Angular 2 Revisited</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/08/11/angular-2-template-syntax-demystified-part-1.html">Angular
|
||
2 Template Syntax Demystified - Part 1</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html">View
|
||
Encapsulation in Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/06/25/styling-angular-2-components.html">Styling
|
||
Angular 2 components</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/07/06/even-better-es5-code-for-angular-2.html">Even
|
||
better ES5 code for Angular 2</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/05/09/writing-angular-2-code-in-es5.html">Writing
|
||
Angular 2 code in ES5</a></li>
|
||
<li><a
|
||
href="https://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html">The
|
||
difference between Annotations and Decorators</a></li>
|
||
</ul></li>
|
||
<li><p>Hristo Georgiev</p>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.pluralsight.com/guides/debugging-angular-2-applications">Debugging
|
||
Angular 2 Applications</a></li>
|
||
</ul></li>
|
||
<li><p>Helgevold Consulting</p>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.syntaxsuccess.com/viewarticle/web-workers-in-angular-2.0">Web
|
||
Workers in Angular 2.0</a></li>
|
||
<li><a
|
||
href="https://www.syntaxsuccess.com/viewarticle/virtualized-spreadsheet-component-in-angular-2.0">Creating
|
||
a Virtualized Grid</a></li>
|
||
<li><a
|
||
href="https://www.syntaxsuccess.com/viewarticle/socket.io-with-rxjs-in-angular-2.0">Socket.io
|
||
with Observables</a></li>
|
||
<li><a
|
||
href="https://www.syntaxsuccess.com/viewarticle/change-detection-in-angular-2.0">Change
|
||
Detection</a></li>
|
||
</ul></li>
|
||
<li><p>Burak Tasci (fulls1z3)</p>
|
||
<ul>
|
||
<li><a
|
||
href="https://medium.com/burak-tasci/angular-4-with-server-side-rendering-aka-angular-universal-f6c228ded8b0">Angular
|
||
4 with server side rendering (aka Angular Universal)</a></li>
|
||
</ul></li>
|
||
</ul>
|
||
<h4 id="integrations">Integrations</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=z8UgDZ4rXBU&feature=youtu.be">FalcorJS
|
||
+ Angular2 (Video)</a></li>
|
||
<li><a
|
||
href="https://angular-meteor.com/angular2">Angular2-Meteor</a></li>
|
||
<li><a
|
||
href="https://github.com/NativeScript/nativescript-angular">nativescript-angular</a></li>
|
||
<li><a
|
||
href="https://github.com/angular/react-native-renderer">react-native-renderer</a></li>
|
||
<li><a
|
||
href="https://github.com/SapphireDb/ng-sapphiredb">ng-sapphiredb</a> -
|
||
Client implementation of SapphireDb, a framework for easy development of
|
||
applications with realtime data synchronization and a self hosted
|
||
alternative to firebase realtime database/firestore for asp.net core and
|
||
ef core. Check out the documentation for more details: <a
|
||
href="https://sapphire-db.com">Documentation</a></li>
|
||
<li><a href="https://github.com/apollographql/apollo-angular">GraphQL +
|
||
Angular</a></li>
|
||
<li><a
|
||
href="https://github.com/ckeditor/ckeditor5-angular">ckeditor5-angular</a>
|
||
- An official CKEditor 5 rich text editor component for Angular 2+</li>
|
||
<li><a
|
||
href="https://github.com/ckeditor/ckeditor4-angular">ckeditor4-angular</a>
|
||
- An official CKEditor 4 rich text editor component for Angular 2+</li>
|
||
<li><a
|
||
href="https://tailwind-elements.com/docs/standard/integrations/angular-integration/">TailwindCSS
|
||
+ Angular</a> - Integrate Angular app with Tailwind</li>
|
||
</ul>
|
||
<h4 id="decorators">Decorators</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/danrevah/segal-decorators">segal-decorators</a>
|
||
Bunch of useful decorators for the web!</li>
|
||
<li><a href="https://github.com/nigrosimone/ng-portal">ng-portal</a>
|
||
Component property connection in Angular application.</li>
|
||
<li><a href="https://www.npmjs.com/package/ng-lock">ng-lock</a> Angular
|
||
decorator for lock a function and user interface while a task
|
||
running.</li>
|
||
</ul>
|
||
<h4 id="site-templates">Site Templates</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/YagoLopez/ng-dashboard">NG-Dashboard</a>
|
||
- Dashboard for Angular 4+. UI Components based on <a
|
||
href="https://github.com/YagoLopez/material-light?ref=awesome-angular">Material
|
||
Light</a>. Chart Component based on <a
|
||
href="https://www.metricsgraphicsjs.org">MetricsGraficsJS</a>. Map
|
||
Directive based on <a href="https://leafletjs.com">LeafletJS</a>. <a
|
||
href="https://yagolopez.js.org/ng-dashboard/dist/">DEMO ONLINE</a></li>
|
||
<li><a
|
||
href="https://github.com/younos1986/HowToKeepAngularDeploymentSizeSmall">HowToKeepAngularDeploymentSizeSmall</a>
|
||
- A sample included Homepage and Dashboard for Angular 7 and a
|
||
demonestration of How To Keep Angular Deployment Size Small</li>
|
||
<li><a
|
||
href="https://github.com/flatlogic/angular-material-dashboard">Angular
|
||
Material Dashboard</a> - Responsive Angular admin dashboard with
|
||
material design based on Angular Material.</li>
|
||
</ul>
|
||
<h4 id="pipes-1">Pipes</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/FuelInteractive/fuel-ui">fuel-ui</a>
|
||
OrderBy and Range pipes ported from Angular 1.x to Angular 2</li>
|
||
<li><a
|
||
href="https://github.com/VadimDez/ngx-filter-pipe">ngx-filter-pipe</a>
|
||
Pipe for filtering arrays</li>
|
||
<li><a href="https://github.com/danrevah/ngx-pipes">ngx-pipes</a> Bunch
|
||
of useful pipes for Angular and beyond!</li>
|
||
<li><a
|
||
href="https://github.com/VadimDez/ngx-order-pipe">ngx-order-pipe</a>
|
||
OrderBy pipe for Angular4+ - sort collection by a field</li>
|
||
<li><a
|
||
href="https://github.com/previousdeveloper/angular2-camelcase">angular2-camelcase</a>
|
||
Angular2 pipe to convert camelCase strings to human readable strings
|
||
Edit</li>
|
||
<li><a
|
||
href="https://github.com/nigrosimone/ng-generic-pipe">ng-generic-pipe</a>
|
||
Generic pipe for Angular application.</li>
|
||
</ul>
|
||
<h4 id="generators">Generators</h4>
|
||
<ul>
|
||
<li>Node.js
|
||
<ul>
|
||
<li>Slush
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/RyanMetin/slush-angular2">TheVelourFog/slush-angular2</a></li>
|
||
</ul></li>
|
||
<li>Yeoman
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/chrisdwheatley/generator-angular2">swirlycheetah/generator-angular2</a></li>
|
||
</ul></li>
|
||
<li>ngX-Rocket: Extensible Angular 4+ enterprise-grade generator and
|
||
tools
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/ngx-rocket/generator-ngx-rocket">ngx-rocket/generator-ngx-rocket</a></li>
|
||
<li><a href="https://github.com/ngx-rocket/cli">ngx-rocket/cli</a></li>
|
||
<li><a
|
||
href="https://github.com/ngx-rocket/core">ngx-rocket/core</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li>Dart
|
||
<ul>
|
||
<li>Stagehand
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/dart-lang/stagehand">dart-lang/stagehand</a></li>
|
||
</ul></li>
|
||
</ul></li>
|
||
<li>Scaffold
|
||
<ul>
|
||
<li><a href="https://scaffoldhub.io">ScaffoldHub.io</a>: Generate full
|
||
Angular Material applications with MongoDB, SQL or Firebase Firestore
|
||
databases.</li>
|
||
</ul></li>
|
||
</ul>
|
||
<h4 id="documentation-tools">Documentation tools</h4>
|
||
<ul>
|
||
<li><p><a href="https://github.com/storybooks/storybook">Storybook</a> :
|
||
“The UI development environment you’ll love to use”</p></li>
|
||
<li><p><a href="https://github.com/compodoc/compodoc">Compodoc</a> :
|
||
“The missing documentation tool for your Angular 2 application”,
|
||
integrate well with npm scripts</p></li>
|
||
<li><p><a
|
||
href="https://github.com/politie/ngmodule-viz">NgModule-Viz</a> :
|
||
Visualize the dependencies between the NgModules in your Angular 2+
|
||
application.</p></li>
|
||
<li><p><a
|
||
href="https://github.com/Jamaks/ng-app-counter">ng-app-counter</a> :
|
||
Count the number of Modules, Lazy Modules, Pipes, Providers, Directives,
|
||
Components used in an Angular application.</p></li>
|
||
</ul>
|
||
<h4 id="developer-tools">Developer tools</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://chrome.google.com/webstore/detail/angular-state-inspector/nelkodgfpddgpdbcjinaaalphkfffbem">Angular
|
||
State Inspector</a> - Helps you debug Angular component state. Supports
|
||
Angular 1/2+/Ivy.</li>
|
||
<li><a href="https://augury.rangle.io/">Augury</a> - Browser extension
|
||
for debugging and profiling Angular applications.</li>
|
||
<li><a href="https://codesandbox.io/s/angular-angular">CodeSandbox</a> -
|
||
An online IDE and prototyping tool for rapid Angular development.</li>
|
||
<li><a
|
||
href="https://bugfender.com/platforms/angular-logging/">Bugfender</a> -
|
||
A cloud service to collect logs and Angular errors in Real-Time.</li>
|
||
<li><a href="https://angular.io/guide/devtools/">Angular Dev Tools</a> -
|
||
Angular DevTools is a Chrome extension that provides debugging and
|
||
profiling capabilities for Angular applications.</li>
|
||
<li><a
|
||
href="https://marketplace.visualstudio.com/items?itemName=gparlakov.scuri-code">Scuri
|
||
Code</a> - A VS Code extention that will generate and maintain seeds for
|
||
your unit tests.</li>
|
||
</ul>
|
||
<h4 id="todomvc">TodoMVC</h4>
|
||
<ul>
|
||
<li><a href="http://todomvc.com/examples/angular2/">Official Angular
|
||
2.0</a></li>
|
||
</ul>
|
||
<h4 id="schematics">Schematics</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/briebug/cypress-schematic">Cypress</a>:
|
||
Add Cypress to an Angular CLI application</li>
|
||
<li><a href="https://github.com/briebug/jest-schematic">Jest</a>:
|
||
Configure Angular to execute unit tests with Jest instead of Karma +
|
||
Jasmine</li>
|
||
<li><a
|
||
href="https://github.com/schuchard/prettier-schematic">Prettier</a>: Add
|
||
Prettier and a pre-commit hook for formatting staged files in an Angular
|
||
application</li>
|
||
<li><a href="https://github.com/ngneat/tailwind">Tailwind CSS</a>: Add
|
||
Tailwind CSS to an Angular application</li>
|
||
<li><a
|
||
href="https://github.com/JohnnyDevNull/ng-three-template">Threejs</a>:
|
||
New three.js starter app</li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="third-party-components">Third Party Components</h3>
|
||
<h4 id="animations">Animations</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/chenqingspring/ng-lottie">lottie-angular2</a> -
|
||
Render After Effects animations on Angular2 based on Bodymovin.</li>
|
||
<li><a href="https://github.com/jiayihu/ng-animate">ng-animate</a> - 🌙
|
||
A collection of cool, reusable and flexible animations for Angular</li>
|
||
<li><a
|
||
href="https://github.com/milantenk/ngx-interactive-paycard">ngx-interactive-paycard</a>
|
||
- Interactive payment card library with smooth animations</li>
|
||
<li><a
|
||
href="https://github.com/matteobruni/tsparticles/blob/master/components/angular">ng-particles</a>
|
||
- A component to easily add Particles animations to your Angular
|
||
application</li>
|
||
</ul>
|
||
<h4 id="auth-components">Auth Components</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/stalniy/casl/tree/master/packages/casl-angular">casl-angular</a>
|
||
- Module which integrates isomorphic permissions management library <a
|
||
href="https://github.com/stalniy/casl">CASL</a> with Angular2+</li>
|
||
<li><a
|
||
href="https://github.com/JavadRasouli/ng2-permission">ng2-permission</a>
|
||
- Fully featured permission based access control for your angular 4+
|
||
applications. This module inspired from <a
|
||
href="https://github.com/Narzerus/angular-permission"><code>angular-permission</code></a>.</li>
|
||
<li><a
|
||
href="https://github.com/AnthonyNahas/ngx-auth-firebaseui">ngx-auth-firebaseui</a>
|
||
- Angular Material UI component for <code>firebase</code>
|
||
<code>authentication</code></li>
|
||
<li><a href="https://github.com/fulls1z3/ngx-auth">ngx-auth</a>
|
||
-Authentication utility for Angular by <span class="citation"
|
||
data-cites="fulls1z3">@fulls1z3</span></li>
|
||
<li><a
|
||
href="https://github.com/AlexKhymenko/ngx-permissions">ngx-permissions</a>
|
||
- Permission and roles based access control for your angular(angular 2,
|
||
angular 4,5+) applications(AOT, lazy modules compatible)</li>
|
||
</ul>
|
||
<h4 id="backend-components">Backend Components</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/cloudinary/cloudinary_angular/tree/angular_next">Cloudinary</a>
|
||
- Angular2 SDK for image and video management in the cloud</li>
|
||
<li><a href="https://github.com/hiyali/ng-s-resource">ng-s-resource</a>
|
||
- Simplify RESTful http resource generator for Angular 4+.</li>
|
||
<li><a
|
||
href="https://github.com/2muchcoffeecom/ngx-restangular">ngx-restangular</a>
|
||
- Restangular for Angular 2 and higher versions.</li>
|
||
</ul>
|
||
<h4 id="calendars">Calendars</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/mattlewis92/angular-calendar">angular-calendar</a>
|
||
- A flexible calendar component for angular 6.0+ that can display events
|
||
on a month, week or day view.</li>
|
||
<li><a
|
||
href="https://github.com/hiyali/ng-data-picker">ng-data-picker</a> - 🏄🏼
|
||
A data picker based on Angular 4+ (like iOS native datetime picker)</li>
|
||
<li><a
|
||
href="https://github.com/ng-fullcalendar/ng-fullcalendar">ng-fullcalendar</a>
|
||
Fullcalendar module for Angular</li>
|
||
</ul>
|
||
<h4 id="charts">Charts</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/TypeCtrl/ngx-chartjs"><span
|
||
class="citation"
|
||
data-cites="ctrl/ngx-chartjs">@ctrl/ngx-chartjs</span></a> - Functional
|
||
Chart.js wrapper for Angular</li>
|
||
<li><a href="https://github.com/Chtau/dlChart">dl-chart</a> - Simple and
|
||
lightweight Chart library without extern Dependencies</li>
|
||
<li><a
|
||
href="https://github.com/valor-software/ng2-charts">ng2-charts</a>
|
||
Beautiful charts for Angular2 based on Chart.js</li>
|
||
<li><a href="https://github.com/swimlane/ngx-charts">ngx-charts</a> -
|
||
Declarative Charting Framework for Angular2 and beyond!</li>
|
||
<li><a href="https://github.com/hamdiwanis/ngx-f2">ngx-f2</a> -
|
||
Angular2+ wrapper for antv f2 mobile oriented charts</li>
|
||
<li><a href="https://github.com/scttcper/ngx-trend">ngx-trend</a> - 📈
|
||
Simple, elegant spark lines for Angular</li>
|
||
<li><a
|
||
href="https://github.com/apexcharts/ng-apexcharts">ng-apexcharts</a> -
|
||
Angular wrapper for ApexCharts to build interactive visualizations in
|
||
Angular 7+.</li>
|
||
</ul>
|
||
<h4 id="dragdrop">Drag/Drop</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/BTMorton/angular2-grid">angular2-grid</a> A
|
||
drag/drop/resize grid-based plugin directive for angular2.</li>
|
||
<li><a
|
||
href="https://github.com/valor-software/ng2-dragula">ng2-dragula</a>
|
||
Drag and Drop so simple it hurts!</li>
|
||
</ul>
|
||
<h4 id="editor-components">Editor Components</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/TypeCtrl/ngx-codemirror"><span
|
||
class="citation"
|
||
data-cites="ctrl/ngx-codemirror">@ctrl/ngx-codemirror</span></a> -
|
||
Codemirror Wrapper for Angular</li>
|
||
<li><a href="https://github.com/insurance-technologies/ng-rooster"><span
|
||
class="citation"
|
||
data-cites="instechnologies/ng-rooster">@instechnologies/ng-rooster</span></a>
|
||
- Angular wrapper of roosterjs, a rich text editor</li>
|
||
<li><a
|
||
href="https://github.com/froala/angular-froala-wysiwyg">angular2-froala-wysiwyg</a>
|
||
Angular 2 wrapper for Froala WYSIWYG HTML Editor</li>
|
||
<li><a href="https://github.com/seiyria/ng2-ace">ng2-ace</a> Ace editor
|
||
directive made for Angular 2</li>
|
||
<li><a
|
||
href="https://github.com/surmon-china/ngx-quill-editor">ng2-quill-editor</a>
|
||
- Quill editor component for Angular2</li>
|
||
<li><a
|
||
href="https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/frameworks/angular.html">ckeditor</a>
|
||
- Ckeditor plugin for Angular2+</li>
|
||
<li><a
|
||
href="https://github.com/Raiper34/ngx-simple-text-editor">ngx-simple-text-editor</a>
|
||
- Ngx Simple Text editor or ST editor is a simple native text editor
|
||
component for Angular 9+.</li>
|
||
</ul>
|
||
<h4 id="file-upload">File Upload</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/typectrl/ngx-droppable"><span
|
||
class="citation"
|
||
data-cites="ctrl/ngx-droppable">@ctrl/ngx-droppable</span></a> - Give
|
||
file dropping ability to any element or component</li>
|
||
<li><a
|
||
href="https://github.com/chenyukunJoshHub/fileDroppa">file-droppa</a>
|
||
Simple files drop and upload component with files list</li>
|
||
<li><a
|
||
href="https://github.com/valor-software/ng2-file-upload">ng2-file-upload</a>
|
||
Easy to use file upload directives</li>
|
||
<li><a
|
||
href="https://www.npmjs.com/package/ngx-awesome-uploader">ngx-awesome-uploader</a>
|
||
Angular Library for uploading files. It supports: File Upload and
|
||
Preview (additionally preview images with lightbox), validation, image
|
||
cropper , drag and drop with multi language support.</li>
|
||
<li><a
|
||
href="https://github.com/peterfreeman/ngx-dropzone">ngx-dropzone</a> -
|
||
Highly customizable component to handle file drops and selection.</li>
|
||
<li><a href="https://github.com/flowjs/ngx-flow">ngx-flow</a> -
|
||
Angular7+ wrapper for <a
|
||
href="https://github.com/flowjs/flow.js">flow.js</a> for file
|
||
upload</li>
|
||
</ul>
|
||
<h4 id="form-controls">Form Controls</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/TypeCtrl/ngx-emoji-mart"><span
|
||
class="citation"
|
||
data-cites="ctrl/ngx-emoji-mart">@ctrl/ngx-emoji-mart</span></a> -
|
||
Customizable Slack-like emoji picker for Angular</li>
|
||
<li><a
|
||
href="https://github.com/uNmAnNeR/imaskjs/tree/master/packages/angular-imask">angular-imask</a>
|
||
Angular 4+ input mask</li>
|
||
<li><a
|
||
href="https://github.com/CuppaLabs/angular2-multiselect-dropdown">angular2-multiselect-dropdown</a>
|
||
Angular 2 multiselect dropdown component for web applications</li>
|
||
<li><a
|
||
href="https://github.com/text-mask/text-mask">angular2-text-mask</a>
|
||
Angular 2 input mask directive</li>
|
||
<li><a href="https://github.com/guilhermewaess/ng-fveh">ng-fveh</a> -
|
||
Form Validations Errors Helper - Some helpers to help you with form
|
||
validation :)</li>
|
||
<li><a href="https://github.com/ng-select/ng-select">ng-select</a>
|
||
Angular ng-select - All in One UI Select, Multiselect and
|
||
Autocomplete</li>
|
||
<li><a href="https://github.com/pleerock/ngx-dropdown">ng2-dropdown</a>
|
||
Dropdown menu for angular2 and bootstrap 3</li>
|
||
<li><a
|
||
href="https://github.com/pleerock/ngx-select-controls">ng2-radio-group</a>
|
||
Angular2 directives for radio and checkbox inputs and radio input
|
||
groups</li>
|
||
<li><a
|
||
href="https://github.com/valor-software/ng2-select">ng2-select</a>
|
||
Angular2 based replacement for select boxes</li>
|
||
<li><a href="https://github.com/scttcper/ngx-color">ngx-color</a> - 🎨
|
||
Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter &
|
||
more</li>
|
||
<li><a
|
||
href="https://www.npmjs.com/package/ngx-credit-cards">ngx-credit-cards</a>
|
||
- A Credit Card Directives and Form Validators package for Angular X
|
||
(4+).</li>
|
||
<li><a
|
||
href="https://github.com/iamartyom/ngx-flag-picker">ngx-flag-picker</a>
|
||
- 😻 Customizable Angular component which containing a dropdown with
|
||
country flags</li>
|
||
<li><a
|
||
href="https://github.com/andreysyagrovskiy/ngx-flexible-select">ngx-flexible-select</a>
|
||
- The most flexible and customized select</li>
|
||
<li><a
|
||
href="https://github.com/hsbalar/ngx-recursive-form">ngx-recursive-form</a>
|
||
- Angular recursive form at any level based on your json input.</li>
|
||
<li><a
|
||
href="https://github.com/RiskChallenger/translation-validation">ngx-translation-validation</a>
|
||
- Automatic validation messages for Angular forms in any language</li>
|
||
</ul>
|
||
<h4 id="icons">Icons</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/travelist/angular2-fontawesome">angular2-fontawesome</a>
|
||
- Angular2 Components and Directives for FontAwesome.</li>
|
||
<li><a
|
||
href="https://github.com/seiyria/ng2-fontawesome">ng2-fontawesome</a>- A
|
||
small directive making font awesome even easier to use.</li>
|
||
<li><a href="https://github.com/wadie/ngx-icon-blur">ngx-icon-blur</a> -
|
||
An Angular component that can be used to create a frosted glass effect
|
||
for icons.</li>
|
||
<li><a href="https://github.com/ng-icons/ng-icons">ng-icons</a> - The
|
||
ultimate icon library for Angular.</li>
|
||
<li><a href="https://github.com/primefaces/primeicons">primeicons</a> -
|
||
PrimeIcons is the default icon library of PrimeNG with over 250 open
|
||
source icons developed by PrimeTek.</li>
|
||
<li><a
|
||
href="https://github.com/czeckd/angular-svg-icon">angular-svg-icon</a> -
|
||
Angular component and service for inlining SVGs allowing them to be
|
||
easily styled with CSS.</li>
|
||
</ul>
|
||
<h4 id="keyboard-mouse">Keyboard Mouse</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/TypeCtrl/ngx-rightclick"><span
|
||
class="citation"
|
||
data-cites="ctrl/ngx-rightclick">@ctrl/ngx-rightclick</span></a> -
|
||
Context Menu Service for Angular</li>
|
||
<li><a
|
||
href="https://github.com/DanielKucal/angular-clickable-click">angular-clickable-click</a>
|
||
- Sets pointer cursor on elements using standard <code>(click)</code>
|
||
output and allows to disable such events</li>
|
||
<li><a href="https://github.com/DanielKucal/angular-esc">angular-esc</a>
|
||
- Adds <code>(esc)</code> output fired by the Escape key</li>
|
||
<li><a href="https://github.com/lauthieb/ngx-konami">ngx-konami</a> -
|
||
Simple directive to add easter eggs in Angular 2+ applications</li>
|
||
<li><a
|
||
href="https://github.com/Raiper34/ngx-focus-control">ngx-focus-control</a>
|
||
- Library to provide tools to work with focus and focusable elements to
|
||
improve user interfaces and accessibility</li>
|
||
</ul>
|
||
<h4 id="layout-components">Layout Components</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/robingenz/ngx-infinite-scroll"><span
|
||
class="citation"
|
||
data-cites="robingenz/ngx-infinite-scroll">@robingenz/ngx-infinite-scroll</span></a>
|
||
Simple Angular directive for infinite scrolling.</li>
|
||
<li><a
|
||
href="https://github.com/alvarotrigo/angular-fullpage">angular-fullpage</a>
|
||
Official component for fullPage.js, a fullscreen scrolling library.</li>
|
||
<li><a
|
||
href="https://github.com/bertrandg/angular-split">angular-split</a>
|
||
Angular split component</li>
|
||
<li><a
|
||
href="https://www.npmjs.com/package/angular2-infinite-scroll">angular2-infinite-scroll</a>
|
||
- An Infinite Scroll Directive for Angular2 (based on Observables)</li>
|
||
<li><a
|
||
href="https://github.com/naver/egjs-infinitegrid/tree/master/packages/ngx-infinitegrid">egjs-infinitegrid</a>
|
||
- Arrange infinite card elements according to various layout types like
|
||
masonry for Angular.</li>
|
||
<li><a href="https://github.com/c-bata/ng2-card">ng2-card</a> - Card
|
||
view component for Angular2</li>
|
||
<li><a href="https://github.com/meiblorn/ngx-fullpage">ng2-fullpage</a>
|
||
Fullpage scrolling for Angular2 based on fullPage.js</li>
|
||
<li><a href="https://github.com/lexikteam/ng2-sheet">ng2-sheet</a>
|
||
Angular2 Components to add yours components inside a sheet window and
|
||
repeatedly</li>
|
||
<li><a
|
||
href="https://github.com/JayKan/ng2-swipeable-card">ng2-swipeable-card</a>
|
||
- Swipeable card component for Angular2</li>
|
||
<li><a
|
||
href="https://github.com/bartholomej/ngx-scrolltop">ngx-scrolltop</a> -
|
||
Lightweight, Material Design inspired <strong>button for
|
||
scroll-to-top</strong> of the page. 🔼 <em>No dependencies. Pure
|
||
Angular!</em> (Compatibility: Angular 9, Ivy, Universal,
|
||
<code>ng add</code>)</li>
|
||
<li><a
|
||
href="https://github.com/dinony/od-virtualscroll">od-virtualscroll</a>
|
||
Observable-based virtual scroll implementation in Angular</li>
|
||
</ul>
|
||
<h4 id="loaders">Loaders</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/kKen94/ngx-progress"><span
|
||
class="citation"
|
||
data-cites="kken94/ngx-progress">@kken94/ngx-progress</span></a> The
|
||
most powerful and customizable progress bar for Angular ✨</li>
|
||
<li><a
|
||
href="https://github.com/hackafro/angular-epic-spinners">angular-epic-spinners</a>
|
||
Reusable spinner components for angular</li>
|
||
<li><a
|
||
href="https://github.com/devyumao/angular2-busy">angular2-busy</a> Show
|
||
busy/loading indicators on any promise, or on any Observable’s
|
||
subscription</li>
|
||
<li><a
|
||
href="https://github.com/johannesjo/angular2-promise-buttons">angular2-promise-buttons</a>
|
||
- Loading buttons for Angular 2 by <span class="citation"
|
||
data-cites="johannesjo">@johannesjo</span></li>
|
||
<li><a href="https://gitlab.com/service-work/is-loading">isLoading?
|
||
service</a> - A simple and flexible loading indicator service for
|
||
Angular apps.</li>
|
||
<li><a href="https://github.com/JoshK2/ng-spinners">ng-spinners</a> -
|
||
Amazing collection of pure CSS angular spinners components.</li>
|
||
<li><a
|
||
href="https://github.com/pleerock/ngx-progress-bar">ng2-progress-bar</a>
|
||
Simple progress bar for angular2 and bootstrap 3</li>
|
||
<li><a href="https://github.com/fulls1z3/ngx-config">ngx-config</a> -
|
||
Configuration utility for Angular (incl. Angular Universal loader) by
|
||
<span class="citation" data-cites="fulls1z3">@fulls1z3</span></li>
|
||
<li><a
|
||
href="https://github.com/VadimDez/ngx-img-fallback">ngx-img-fallback</a>
|
||
Load placeholder image on image error</li>
|
||
<li><a
|
||
href="https://github.com/MurhafSousli/ngx-progressbar">ngx-progressbar</a>
|
||
- Nanoscopic progress bar, featuring realistic trickle animations.</li>
|
||
<li><a href="https://github.com/knackstedt/ngx-lazy-loader"><span
|
||
class="citation"
|
||
data-cites="dotglitch/ngx-lazy-loader">@dotglitch/ngx-lazy-loader</span></a>
|
||
- Highly customizable lazy loader for Angular components.</li>
|
||
</ul>
|
||
<h4 id="maps">Maps</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/TGFTech/angular-cesium">angular-cesium</a>
|
||
Creating map based web apps using Cesium and Angular</li>
|
||
<li><a
|
||
href="https://github.com/SebastianM/angular-google-maps">angular2-google-maps</a>
|
||
Angular2 directives for Google Maps</li>
|
||
<li><a href="https://github.com/Wykks/ngx-mapbox-gl">ngx-mapbox-gl</a> -
|
||
Angular binding of mapbox-gl-js</li>
|
||
</ul>
|
||
<h4 id="notifications">Notifications</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/artemsky/ng-snotify/">ng-snotify</a> -
|
||
Angular 4 Notification Center</li>
|
||
<li><a
|
||
href="https://github.com/seiyria/ng2-sweetalert2">ng2-sweetalert2</a> A
|
||
wrapper for sweetalert2 for use with Angular 2.</li>
|
||
<li><a href="https://github.com/MrFrankel/ngx-popper">ngx-popper</a> -
|
||
Tooltip managment, wrapper for popper.js(https://popper.js.org/)</li>
|
||
<li><a href="https://github.com/scttcper/ngx-toastr">ngx-toastr</a> -
|
||
Notifications/Toastr</li>
|
||
</ul>
|
||
<h4 id="state-management">State Management</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/zebzhao/Angular-QueryBuilder">angular2-query-builder</a>
|
||
Modernized query builder based on jquery QueryBuilder</li>
|
||
<li><a href="https://github.com/auth0/angular2-jwt">angular2-jwt</a>
|
||
Library for sending authenticated HTTP requests and decoding JWTs</li>
|
||
<li><a
|
||
href="https://github.com/salemdar/angular2-cookie">angular2-cookie</a>
|
||
Library that implements Angular 1.x $cookies service in Angular 2</li>
|
||
<li><a
|
||
href="https://github.com/MikaAK/angular-safeguard">angular-safeguard</a>
|
||
Wrapper around cookies/sessionStorage/localStorage for angular2. If all
|
||
are unavailable will use an in memory storage.</li>
|
||
<li><a href="https://github.com/seiyria/ng2-storage">ng2-storage</a> A
|
||
localStorage and sessionStorage wrapper written using ES6 Proxies for
|
||
Angular 2</li>
|
||
<li><a href="https://github.com/zoomsphere/ngx-store">ngx-store</a> -
|
||
Complex library for managing <code>localStorage</code>,
|
||
<code>sessionStorage</code> and cookies, allows to watch data changes,
|
||
provides decorators and API based on builder pattern</li>
|
||
<li><a
|
||
href="https://github.com/luckyseven/ngx-liquid-cache">ngx-liquid-cache</a>
|
||
- A powerful, automatic and optimized Angular 2 cache system that fits
|
||
everywhere!</li>
|
||
<li><a
|
||
href="https://github.com/davguij/angular-http-cache">ng-http-cache</a> -
|
||
Speed up your remote requests by automatically caching them on
|
||
client.</li>
|
||
<li><a href="https://github.com/fulls1z3/ngx-cache">ngx-cache</a> -
|
||
Cache utility for Angular (incl. browser & server platform
|
||
implementations) by <span class="citation"
|
||
data-cites="fulls1z3">@fulls1z3</span></li>
|
||
<li><a
|
||
href="https://github.com/universal-model/universal-model-angular">universal-model-angular</a>
|
||
- Store and state management for Angular</li>
|
||
<li><a
|
||
href="https://github.com/nigrosimone/ng-http-caching">ng-http-caching</a>
|
||
- Cache for HTTP requests in Angular application.</li>
|
||
<li><a href="https://github.com/datorama/akita/">akita</a> - A Reactive
|
||
State Management Tailored-Made for JS Applications</li>
|
||
<li><a
|
||
href="https://github.com/nigrosimone/ng-simple-state">ng-simple-state</a>
|
||
- Simple state management in Angular with only Services and RxJS.</li>
|
||
<li><a href="https://github.com/Marcisbee/exome">exome</a> - Simple
|
||
proxy based state manager for deeply nested states, works with Angular
|
||
Signals and RxJS.</li>
|
||
</ul>
|
||
<h4 id="tables">Tables</h4>
|
||
<ul>
|
||
<li><a href="https://www.ag-grid.com/">ag-grid</a> Advanced Datagrid for
|
||
Pure Javascript / AngularJS 1.x / AngularJS 2 / Web Components</li>
|
||
<li><a
|
||
href="https://github.com/valor-software/ng2-handsontable">ng2-handsontable</a>
|
||
Excel-like data grid / spreadsheet</li>
|
||
<li><a
|
||
href="https://github.com/akveo/ng2-smart-table">ng2-smart-table</a>
|
||
Smart data table library with sorting, filtering, pagination &
|
||
add/edit/delete functions.</li>
|
||
<li><a href="https://github.com/valor-software/ng2-table">ng2-table</a>
|
||
Simple table extension with sorting, filtering, paging… for Angular2
|
||
apps</li>
|
||
<li><a
|
||
href="https://github.com/NodeArt/Angular-Firebase-Sortable-Table">ngfb-sortable-table</a>
|
||
- Angular Firebase Sortable Table. Ability to filter and sort data with
|
||
own firebase quering tools.</li>
|
||
<li><a
|
||
href="https://github.com/swimlane/ngx-datatable">ngx-datatable</a> A
|
||
feature-rich yet lightweight data-table crafted for Angular2 and
|
||
beyond!</li>
|
||
<li><a
|
||
href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid">ignite-ui-angular’s
|
||
grid</a> - The data grid, tree grid, hierarchical grid in <a
|
||
href="https://github.com/IgniteUI/igniteui-angular">Ignite UI for
|
||
Angular</a> provide excel-style filtering, live-data, sorting, draggable
|
||
row and other toolbar.</li>
|
||
</ul>
|
||
<h4 id="ui-libraries">UI Libraries</h4>
|
||
<h5 id="general">General</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/ngx-kit/sula"><span class="citation"
|
||
data-cites="ngx-kit/sula">@ngx-kit/sula</span></a> - Set of themed
|
||
components for Angular.</li>
|
||
<li><a
|
||
href="https://github.com/dylanb/Axponents/tree/master/angular2">Axponents:
|
||
of Accessible Web Components (Dylan Barrell)</a></li>
|
||
<li><a href="https://js.devexpress.com/Overview/Angular/">Dev
|
||
Extreme</a> - Feature-Complete 65+ Angular Component Suite</li>
|
||
<li><a href="https://github.com/ElemeFE/element-angular">Element
|
||
Angular</a> - Element Design components built on top of Angular 2</li>
|
||
<li><a href="https://www.syncfusion.com/angular-ui-components">Essential
|
||
JS 2 for Angular by Syncfusion</a> - Over 60 high-performance,
|
||
lightweight, modular, and responsive UI components for Angular.</li>
|
||
<li><a href="https://www.sencha.com/products/extangular/">ExtAngular</a>
|
||
- Sencha ExtAngular Pre-built UI Components</li>
|
||
<li><a href="https://github.com/akveo/nebular">Nebular</a> - set of
|
||
essential (Theme, UI Kit, Auth, Security) modules for complex Angular
|
||
applications</li>
|
||
<li><a href="https://github.com/NG-ZORRO/ng-zorro-antd-mobile">NG ZORRO
|
||
MOBILE</a> - An enterprise-class mobile UI components based on Ant
|
||
Design Mobile and Angular.</li>
|
||
<li><a href="https://github.com/NG-ZORRO/ng-zorro-antd">NG ZORRO</a> -
|
||
An enterprise-class UI components based on Ant Design and Angular.</li>
|
||
<li><a
|
||
href="https://github.com/ng-lightning/ng-lightning">ng-lightning</a>
|
||
Native Angular 2 components & directives for Lightning Design
|
||
System</li>
|
||
<li><a href="https://github.com/morrisjdev/ng-metro4">ng-metro4</a> -
|
||
Angular implementation of UI framework Metro4</li>
|
||
<li><a href="https://github.com/SQ-UI/ng-sq-ui">ng-sq-ui</a> - Simple
|
||
Quality UI kit for Angular. Build by developers for developers!</li>
|
||
<li><a
|
||
href="https://github.com/vladotesanovic/ngSemantic">ngSemantic</a> - UI
|
||
components based on Semantic UI</li>
|
||
<li><a
|
||
href="https://github.com/techiediaries/ngx-qrcode">ngx-qrcode2</a> - An
|
||
Angular 4+ Component library for Generating QR (Quick Response )
|
||
Codes</li>
|
||
<li><a href="https://github.com/swimlane/ngx-ui">ngx-ui</a> - Style and
|
||
Component Library for Angular2 and beyond!</li>
|
||
<li><a href="https://www.primefaces.org/primeng/">prime-ng</a>
|
||
Collection of rich UI components for Angular 2</li>
|
||
<li><a href="https://github.com/vmware/clarity">vmware clarity</a> -
|
||
Mostly a CSS only framework but some components are ported to Angular
|
||
2</li>
|
||
<li><a href="http://wijmo.com/products/wijmo-5/">Wijmo 5</a> - Set of UI
|
||
components for Angular2</li>
|
||
<li><a href="https://taiga-ui.dev/">Taiga UI</a> - powerful set of open
|
||
source components for Angular!</li>
|
||
<li><a
|
||
href="https://www.npmjs.com/package/ng-lazy-load-component">NgLazyLoadComponent</a>
|
||
. Lazy load Angular component into HTML template without routing.</li>
|
||
<li><a
|
||
href="https://amadeusitgroup.github.io/AgnosUI/latest/">AgnosUI</a> -
|
||
Highly configurable headless framework agnostic component library</li>
|
||
</ul>
|
||
<h5 id="material-based">Material Based</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/angular-material-extensions/contacts"><span
|
||
class="citation"
|
||
data-cites="angular-material-extensions/contacts">@angular-material-extensions/contacts</span></a>
|
||
- Angular Library to manage contacts and users with a material
|
||
design</li>
|
||
<li><a href="https://github.com/angular-material-extensions/faq"><span
|
||
class="citation"
|
||
data-cites="angular-material-extensions/faq">@angular-material-extensions/faq</span></a>
|
||
- Angular Library built with material design in order to provide a
|
||
reusable faq (frequently asked questions) component for every project.
|
||
Ask, Answer and List</li>
|
||
<li><a
|
||
href="https://github.com/angular-material-extensions/google-maps-autocomplete"><span
|
||
class="citation"
|
||
data-cites="angular-material-extensions/google-maps-autocomplete">@angular-material-extensions/google-maps-autocomplete</span></a>
|
||
- <strong>Autocomplete</strong> input component and directive for
|
||
google-maps built with angular material design</li>
|
||
<li><a
|
||
href="https://github.com/angular-material-extensions/link-preview"><span
|
||
class="citation"
|
||
data-cites="angular-material-extensions/link-preview">@angular-material-extensions/link-preview</span></a>
|
||
- Angular open source UI library to preview web links</li>
|
||
<li><a href="https://github.com/angular-material-extensions/pages"><span
|
||
class="citation"
|
||
data-cites="angular-material-extensions/pages">@angular-material-extensions/pages</span></a>
|
||
- Open source library for angular apps to illustrate custom material
|
||
pages content with steps (ideal for <strong>tutorials</strong> and
|
||
<strong>explanations</strong> purposes)</li>
|
||
<li><a
|
||
href="https://github.com/angular-material-extensions/password-strength"><span
|
||
class="citation"
|
||
data-cites="angular-material-extensions/password-strength">@angular-material-extensions/password-strength</span></a>
|
||
- Angular UI library to illustrate and validate a
|
||
<strong>password</strong>’s strength with material design</li>
|
||
<li><a href="https://www.jqwidgets.com/angular/">angular-jqwidgets</a>
|
||
Advanced Angular Components with Material Design.</li>
|
||
<li><a href="https://teradata.github.io/covalent/">Covalent</a> - a UI
|
||
platform built on Angular 2.0 + Material Design</li>
|
||
<li><a href="https://github.com/angular/material2">Material 2</a> -
|
||
Angular team’s Material Design components built on top of Angular 2</li>
|
||
<li><a href="https://github.com/Teradata/covalent/">Teradata
|
||
covalent</a> - UI Platform built on <span class="citation"
|
||
data-cites="angular/material">@angular/material</span> 2.0</li>
|
||
</ul>
|
||
<h5 id="bootstrap-based">Bootstrap Based</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/firebaseui/ng-bootstrap"><span
|
||
class="citation"
|
||
data-cites="firebaseui/ng-bootstrap">@firebaseui/ng-bootstrap</span></a>
|
||
- Angular Bootstrap UI library for <code>firebase</code>
|
||
<code>authentication</code> powered by <span class="citation"
|
||
data-cites="ng-bootstrap">@ng-bootstrap</span></li>
|
||
<li><a
|
||
href="https://mdbootstrap.com/docs/angular/">angular-bootstrap-md</a>
|
||
Material Design for Bootstrap 4 (Angular)</li>
|
||
<li><a href="https://github.com/FuelInteractive/fuel-ui">fuel-ui</a>
|
||
Bootstrap 4 components and directives for use in Angular 2</li>
|
||
<li><a href="https://ng-bootstrap.github.io">ng-bootstrap</a> - Angular
|
||
4 directives for Bootstrap 4 by the ui-bootstrap team</li>
|
||
<li><a
|
||
href="https://github.com/valor-software/ngx-bootstrap">ng2-bootstrap</a>
|
||
Native Angular2 Bootstrap 3&4 components</li>
|
||
<li><a href="https://github.com/pkozlowski-opensource/ng2-bs">ng2-bs</a>
|
||
Experiments with Angular 2 directives for Bootstrap.</li>
|
||
<li><a href="https://github.com/pleerock/ngx-modal">ng2-modal</a> Modal
|
||
window for angular2 and bootstrap 3</li>
|
||
<li><a
|
||
href="https://github.com/pleerock/ngx-paginator">ng2-paginator</a>
|
||
Pagination control for angular2 and bootstrap 3</li>
|
||
<li><a href="https://github.com/pleerock/ngx-tabs">ng2-tabs</a> Tabs
|
||
control for angular2 and bootstrap 3</li>
|
||
</ul>
|
||
<h5 id="tailwind-css-based">Tailwind CSS Based</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://flowbite.com/docs/getting-started/angular/">Flowbite</a> -
|
||
Open-source UI components built with Tailwind CSS with support for
|
||
Angular.</li>
|
||
<li><a href="https://github.com/david-ui-org/david-ui-angular">David UI
|
||
Angular</a> - Components library for enterprise-level projects based on
|
||
Tailwind CSS and Angular.</li>
|
||
</ul>
|
||
<h4 id="ux-components">UX Components</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/shipshapecode/angular-shepherd">angular-shepherd</a>
|
||
- Angular 7 Service wrapping the site tour library <a
|
||
href="https://github.com/shipshapecode/shepherd">Shepherd</a></li>
|
||
<li><a
|
||
href="https://github.com/madoar/ng2-archwizard">ng2-archwizard</a> -
|
||
Wizard component for Angular 2</li>
|
||
<li><a
|
||
href="https://github.com/hamdiwanis/ngx-app-tour">ngx-app-tour</a> -
|
||
Angular2+ plugin for building a tour, showcase or a walkthrough for your
|
||
app</li>
|
||
<li><a href="https://willnguyen1312.github.io/zoom-image">Zoom Image
|
||
Library</a> - A little yet powerful framework agnostic headless-library
|
||
to zoom image on the web</li>
|
||
</ul>
|
||
<h4 id="viewers">Viewers</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/naver/egjs-flicking/tree/master/packages/ngx-flicking">egjs-flicking</a>
|
||
- It’s reliable, flexible and extendable carousel for Angular.</li>
|
||
<li><a
|
||
href="https://github.com/VadimDez/ng2-pdf-viewer">ng2-pdf-viewer</a> PDF
|
||
viewer component</li>
|
||
<li><a href="https://github.com/hyzhak/ng2-safe-img">ng2-safe-img</a>
|
||
Very tiny and safe img for Angular 2</li>
|
||
<li><a
|
||
href="https://github.com/sheikalthaf/ngu-carousel">ngu-carousel</a> -
|
||
Angular Universal carousel.</li>
|
||
<li><a href="https://github.com/lexzhukov/ngx-siema">ngx-siema</a> -
|
||
Lightweight and simple carousel with no dependencies.</li>
|
||
</ul>
|
||
<h4 id="misc-components">Misc Components</h4>
|
||
<ul>
|
||
<li><a href="https://ngx-meta.dev"><span class="citation"
|
||
data-cites="davidlj95/ngx-meta">@davidlj95/ngx-meta</span></a> - Set
|
||
your Angular site’s metadata: standard meta tags, Open Graph, Twitter
|
||
Cards, JSON-LD, … Supports SSR (and Angular Universal). Use a service.
|
||
Use routes’ data. Set it up in a flash! 🚀</li>
|
||
<li><a href="https://github.com/ng-turkey/ngx-context"><span
|
||
class="citation" data-cites="ngx-context">@ngx-context</span></a> -
|
||
Angular Context: Easy property binding for router outlet and nested
|
||
component trees..</li>
|
||
<li><a href="https://github.com/fulls1z3/ngx-meta"><span
|
||
class="citation" data-cites="ngx-meta/core">@ngx-meta/core</span></a> -
|
||
Dynamic page title & meta tags utility for Angular (w/server-side
|
||
rendering) by <span class="citation"
|
||
data-cites="fulls1z3">@fulls1z3</span></li>
|
||
<li><a href="https://gitlab.com/service-work/size-observer">Angular
|
||
SizeObserver</a> - style DOM elements based on their display size
|
||
(rather than browser screen size).</li>
|
||
<li><a
|
||
href="https://github.com/previousdeveloper/angular2-simple-countdown">angular2-simple-countdown</a>
|
||
- a simple countdown angular2 directive with multiple language</li>
|
||
<li><a href="https://github.com/rpaschoal/ng-chat">ng-chat</a> - A
|
||
simple facebook/linkedin lookalike chat module for Angular
|
||
applications</li>
|
||
<li><a
|
||
href="https://github.com/FranzDiebold/ng-google-sheets-db-library">ng-google-sheets-db</a>
|
||
:rocket: Use Google Sheets as your (read-only) backend!</li>
|
||
<li><a href="https://github.com/garciparedes/ng-katex">ng-katex</a>
|
||
Angular module to write beautiful math expressions with TeX syntax
|
||
boosted by KaTeX library</li>
|
||
<li><a href="https://github.com/topaxi/ng-wormhole">ng-wormhole</a> -
|
||
Render components somewhere else in the DOM</li>
|
||
<li><a href="https://github.com/scttcper/ng2-adsense">ng2-adsense</a> -
|
||
Easy AdSense for Angular Applications</li>
|
||
<li><a
|
||
href="https://github.com/HaithemMosbahi/ngx-avatar">ngx-avatar</a> -
|
||
Avatar component that makes it possible to genearte / fetch avatar based
|
||
on the information you have about the user.</li>
|
||
<li><a href="https://www.npmjs.com/package/ngx-cdmon">ngx-cdmon</a> -
|
||
Library for monitoring Angular change detection performance.</li>
|
||
<li><a href="https://github.com/cipchk/ngx-countdown">ngx-countdown</a>
|
||
- Simple, easy and performance countdown for angular</li>
|
||
<li><a href="https://github.com/ngneat/transloco"><span class="citation"
|
||
data-cites="ngneat/transloco">@ngneat/transloco</span></a> - 🚀 😍 The
|
||
internationalization (i18n) library for Angular</li>
|
||
<li><a
|
||
href="https://github.com/fulls1z3/ngx-i18n-router">ngx-i18n-router</a> -
|
||
Route internationalization utility for Angular by <span class="citation"
|
||
data-cites="fulls1z3">@fulls1z3</span></li>
|
||
<li><a
|
||
href="https://github.com/AnthonyNahas/ngx-linkifyjs">ngx-linkifyjs</a> -
|
||
Angular V6 wrapper for linkifyjs - library for finding links in plain
|
||
text and converting them to HTML <a> tags via linkifyjs</li>
|
||
<li><a href="https://github.com/Sayegh7/ngx-wheel">ngx-wheel</a> -
|
||
Angular prize winning wheel component!</li>
|
||
<li><a
|
||
href="https://github.com/tolgee/tolgee-js/tree/main/packages/ngx/projects/ngx-tolgee"><span
|
||
class="citation" data-cites="tolgee/ngx">@tolgee/ngx</span></a> -
|
||
Web-based localization tool enabling users to translate directly in the
|
||
Angular app they develop.</li>
|
||
<li><a
|
||
href="https://github.com/udayvunnam/xng-breadcrumb">xng-breadcrumb</a> -
|
||
Zero config breadcrumb solutuon. A lightweight, configurable and
|
||
reactive breadcrumbs for Angular 6 and beyond.</li>
|
||
<li><a href="https://github.com/nigrosimone/ng-let">ng-let</a> -
|
||
Structural directive for sharing data as local variable into html
|
||
component template.</li>
|
||
<li><a
|
||
href="https://github.com/nigrosimone/ng-for-track-by-property">ng-for-track-by-property</a>
|
||
- Angular global trackBy property directive with strict type
|
||
checking.</li>
|
||
<li><a
|
||
href="https://github.com/Raiper34/ngx-observers">ngx-observers</a> - Ngx
|
||
observers is library to allow developer use Resize, Mutation and
|
||
Intersection observer api like normal output events on some
|
||
element.</li>
|
||
</ul>
|
||
<h3 id="jam-stack">JAM Stack</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/scullyio/scully">scully</a> - Scully is
|
||
a static site generator for Angular projects looking to embrace the
|
||
Jamstack.</li>
|
||
</ul>
|
||
<h3 id="universal-angular-2">Universal Angular 2</h3>
|
||
<blockquote>
|
||
<p>Universal (isomorphic) javascript support for Angular 2</p>
|
||
</blockquote>
|
||
<h4 id="universal-courses-and-tutorials">Universal Courses And
|
||
Tutorials</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.newline.co/courses/newline-guide-to-angular-universal">Guide
|
||
to Angular Universal - a comprehensive guide how to sharpen your
|
||
Universal Skills</a></li>
|
||
</ul>
|
||
<h4 id="universal-general-resources">Universal General Resources</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/angular/universal">Universal Angular 2
|
||
Repository (GitHub)</a></li>
|
||
</ul>
|
||
<h4 id="universal-seed-projects">Universal Seed Projects</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/angular/universal-starter">universal-starter</a>
|
||
- Angular 2 Universal starter kit by <span class="citation"
|
||
data-cites="Angular-Class">@Angular-Class</span></li>
|
||
<li><a href="https://github.com/ng-seed/universal">ng-seed/universal</a>
|
||
- Seed project for Angular Universal apps featuring Server-Side
|
||
Rendering (SSR), Webpack, dev/prod modes, DLLs, AoT compilation, HMR,
|
||
SCSS compilation, lazy loading, config, cache, i18n, SEO, and
|
||
TSLint/codelyzer by <span class="citation"
|
||
data-cites="fulls1z3">@fulls1z3</span></li>
|
||
<li><a
|
||
href="https://github.com/enten/angular-universal">angular-universal</a>
|
||
- Fast, Unopinionated, Minimalist starter kit for Angular Universal 100%
|
||
powered by Angular CLI</li>
|
||
<li><h2
|
||
id="angular-universal-heroku-starter---angular-7-universal-starter-kit-with-server-side-rendering-ssr-and-easy-deployment-to-heroku"><a
|
||
href="https://github.com/Alex61NN5/angular-universal-heroku-starter">angular-universal-heroku-starter</a>
|
||
- Angular 7 Universal Starter Kit with Server-Side Rendering (SSR) and
|
||
easy deployment to Heroku</h2></li>
|
||
</ul>
|
||
<h3 id="angular-2-in-typescript">Angular 2 in TypeScript</h3>
|
||
<blockquote>
|
||
<p>TypeScript lets you write JavaScript the way you really want to.
|
||
TypeScript is a typed superset of JavaScript that compiles to plain
|
||
JavaScript.</p>
|
||
</blockquote>
|
||
<h4 id="typescript-general-resources">TypeScript General Resources</h4>
|
||
<ul>
|
||
<li><a href="https://www.typescriptlang.org/">TypeScript</a> Official
|
||
Website for TypeScript</li>
|
||
<li><a href="https://www.typescriptlang.org/play/">REPL</a> Official
|
||
TypeScript REPL that runs entirely in your browser</li>
|
||
<li><a href="https://github.com/Microsoft/TypeScript">TypeScript
|
||
Repository (GitHub)</a> Official GitHub Repo for TypeScript</li>
|
||
<li><a
|
||
href="https://github.com/DefinitelyTyped/DefinitelyTyped">DefinitelyTyped
|
||
Repository (GitHub)</a> The repository for high quality TypeScript type
|
||
definitions.</li>
|
||
</ul>
|
||
<h4 id="typescript-seed-projects">TypeScript Seed Projects</h4>
|
||
<ul>
|
||
<li><a href="https://mgechev.github.io/angular-seed/">Angular Seed</a>
|
||
Seed project for Angular apps</li>
|
||
<li><a
|
||
href="https://github.com/pkozlowski-opensource/ng2-play">ng2-play</a> A
|
||
minimal Angular2 playground using TypeScript and SystemJS loader</li>
|
||
<li><a href="https://github.com/rolandjitsu/angular-lab">Angular Lab</a>
|
||
A simple Angular 2+ setup using <a href="https://cli.angular.io">Angular
|
||
CLI</a>, <a href="https://www.typescriptlang.org">TypeScript</a>, <a
|
||
href="https://github.com/angular/flex-layout">Angular Flex Layout</a>,
|
||
<a href="https://material.angular.io">Material 2</a>, <a
|
||
href="https://angular.io/docs/ts/latest/cookbook/aot-compiler.html">AOT</a>,
|
||
and unit and e2e tests on <a href="https://travis-ci.org">Travis CI</a>
|
||
and <a href="https://saucelabs.com">Saucelabs</a>.</li>
|
||
<li><a href="https://github.com/thelgevold/angular-2-samples">Angular 2
|
||
Samples</a> Angular 2.0 sample components</li>
|
||
<li><a href="https://github.com/r-park/todo-angular-firebase">Todo app
|
||
with Firebase, OAuth, and Immutable</a></li>
|
||
<li><a
|
||
href="https://github.com/springboot-angular2-tutorial/angular2-app">Spring
|
||
Boot and Angular2 tutorial</a> Angular2 practical example based on <a
|
||
href="https://www.railstutorial.org/">Rails tutorial</a>.</li>
|
||
<li><a
|
||
href="https://github.com/ColinEberhardt/angular2-goldilocks-seed">Angular
|
||
2 Goldilocks seed</a> - A seed project for Angular 2 and TypeScript that
|
||
is not too simple, yet not too complex. In fact it’s just right!</li>
|
||
<li><a href="https://github.com/antonybudianto/angular-starter">Angular
|
||
2 Starter</a> - Simple Angular 2 Starter with Gulp workflow and Travis
|
||
CI</li>
|
||
<li><a href="https://github.com/haoliangyu/ngx-leaflet-starter">Angular
|
||
2 Leaflet Starter</a> - A map application starter based on Angular 2 and
|
||
Leaflet</li>
|
||
<li><a href="https://github.com/haoliangyu/ngx-mapboxgl-starter">Angular
|
||
2 MapboxGL Starter</a> - Another map application starter based on
|
||
Angular 2 and MapboxGL JS</li>
|
||
<li><a href="https://github.com/mkusz/ng2_websockets_quickstart">Angular
|
||
2 reconnecting websockets quickstart</a> - Simple counter using 2-way or
|
||
1-way reconnecting websockets communication</li>
|
||
<li><a href="https://github.com/cebor/ng2-start">ng2-start</a> - Minimal
|
||
setup to start creating an angular2 application</li>
|
||
<li><a
|
||
href="https://github.com/born2net/Angular-kitchen-sink">ng-kitchen-sink</a>
|
||
- The ultimate Angular 2 bootstrap single page app - touches on all key
|
||
and advanced aspects of Angular</li>
|
||
<li><a href="https://github.com/born2net/ng-skeleton">ng-skeleton</a> -
|
||
The ultimate Angular seed with ngrx, bootstrap and two factor auth</li>
|
||
<li><a href="https://github.com/amcdnl/angular2-demo">angular2-demo</a>
|
||
Minimal Angular2 Demo using TypeScript / Sass / Npm Tasks</li>
|
||
<li><a
|
||
href="https://github.com/hasanhameed07/angular2-dashboard-starter">Angular
|
||
2 Dashboard Starter</a> - Ready to use dashboard control panel seed
|
||
project based on Angular 2 and AdminLTE bootstrap theme.</li>
|
||
<li><a href="https://github.com/akveo/ngx-admin">ngx-admin</a> - Admin
|
||
template based on Nebular framework (Angular 4+, Bootstrap 4+)</li>
|
||
<li><a href="https://github.com/danday74/angular2-coverage">Angular 2
|
||
full code coverage</a> - Solid tested SystemJS and gulp workflow ready
|
||
for your code using Angular2 final release (2.1.0) .. Demonstrates unit
|
||
and full code coverage</li>
|
||
<li><a href="https://github.com/michaelbazos/angular2-starter">Angular 2
|
||
webpack</a> - Tour of Heroes official typescript tutorial built with
|
||
webpack</li>
|
||
<li><a href="https://github.com/amcdnl/ng2-boiler">ng2-boiler</a> - A
|
||
bare-bones simple starter with Angular2, TypeScript and Webpack
|
||
configured.</li>
|
||
<li><a
|
||
href="https://github.com/antonybudianto/angular-webpack-starter">Angular
|
||
Webpack Starter</a> - Angular Webpack Starter with AoT compilation,
|
||
Lazy-loading, and Tree-shaking</li>
|
||
<li><a href="https://github.com/Xamber/Reaper">Reaper</a> - Angular 2
|
||
Webpack Starter Boilerplate w/o 2269 dependencies</li>
|
||
<li><a href="https://github.com/implustech/famn">famn</a> - Angular 2 +
|
||
FeathersJS application framework for both client and server side</li>
|
||
<li><a href="https://github.com/davguij/angular-npm-module-seed">Angular
|
||
NPM Module Seed</a> - Starting point for developing Angular modules and
|
||
publishing them on NPM.</li>
|
||
<li><a href="https://github.com/gp187/angular2-d3v4-graph">Angular2 D3v4
|
||
Seed</a> - Angular2 D3v4 implementation of charts, graphs, area and view
|
||
porting seed project</li>
|
||
<li><a href="https://github.com/ng-seed/spa">ng-seed/spa</a> - Seed
|
||
project for Angular apps featuring Webpack, dev/prod modes, DLLs, AoT
|
||
compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n,
|
||
SEO, and TSLint/codelyzer by <span class="citation"
|
||
data-cites="fulls1z3">@fulls1z3</span></li>
|
||
<li><a href="https://github.com/ksiabani/reboard">Reboard</a> - Angular
|
||
4 + Material 2 starter dashboard with ngx-charts, based on
|
||
generator-ngx-rocket (Typescript, SASS, Webpack, Jasmine+Karma,
|
||
Protractor, TSLint, Codelyzer, Stylelint, ngx-translate, Lodash, Angular
|
||
Flex-Layout)</li>
|
||
<li><a
|
||
href="https://github.com/rafaesc/fullstack-graphql-angular">Angular5 +
|
||
Redux + Graphql + MySQL quickstart</a> - Simple Fullstack GraphQL
|
||
Application with Angular CLI + Redux + Express + GraphQL + Sequelize
|
||
(supports MySQL, Postgres, Sqlite and MSSQL).</li>
|
||
<li><a href="https://github.com/naologic/angular5-starter">Angular5 +
|
||
Firebase + Structure</a> - Angular 5 + Firebase + a very good
|
||
router/module structure to make it your own so easy</li>
|
||
<li><a
|
||
href="https://github.com/daixianceng/angular-app-example">angular-app-example</a>
|
||
- Angular latest + material + sass themes + more beautiful features, a
|
||
dashboard app example</li>
|
||
<li><a href="https://github.com/ng-matero/ng-matero">NG-MATERO</a> -
|
||
This Ng-Matero is an Angular admin templete made with Material
|
||
componnets.</li>
|
||
<li><a
|
||
href="https://github.com/TinkoffCreditSystems/angular-open-source-starter">TinkoffCreditSystems/angular-open-source-starter</a>
|
||
- a starter project for creating open-source libraries for Angular</li>
|
||
<li><a
|
||
href="https://github.com/truonghungit/angular-starter">truonghungit/angular-starter</a>
|
||
- 😍 A complete Angular 10, NgRx, Angular CLI & Angular Material
|
||
starter project</li>
|
||
<li><a href="https://github.com/eolinker/eoapi">Eoapi</a> - A
|
||
lightweight, extensible API tool based on Angular and Electron</li>
|
||
<li><a
|
||
href="https://github.com/gdi2290/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h4 id="ionic-2-in-angular-2">Ionic 2 in Angular 2</h4>
|
||
<blockquote>
|
||
<p>Ionic is the beautiful, open source front-end SDK for developing
|
||
hybrid mobile apps with web technologies.</p>
|
||
</blockquote>
|
||
<ul>
|
||
<li><a href="https://ionicframework.com">Ionic Framework</a> Official
|
||
Website for Ionic Framework</li>
|
||
<li><a href="https://ionicframework.com/docs/">Ionic Documentation</a>
|
||
Official for Ionic Framework</li>
|
||
</ul>
|
||
<h5 id="ionic-2-general-resources">Ionic 2 General Resources</h5>
|
||
<ul>
|
||
<li><a href="https://github.com//ionic-team/ionic">Ionic 2 Repository
|
||
(GitHub)</a></li>
|
||
<li><a href="https://github.com/candelibas/awesome-ionic">Ionic 2
|
||
Awesome</a></li>
|
||
</ul>
|
||
<hr />
|
||
<h4 id="angular-2-in-cordova">Angular 2 in Cordova</h4>
|
||
<p>Apache Cordova is a popular mobile application development framework
|
||
using CSS3, HTML5, and JavaScript instead of relying on
|
||
platform-specific APIs.</p>
|
||
<ul>
|
||
<li><a href="https://cordova.apache.org/">Cordova Framework</a> Official
|
||
Website for Apache Cordova.</li>
|
||
<li><a href="https://cordova.apache.org/docs/en/latest/">Cordova
|
||
Documentation</a> Official Documentation for Apache Cordova.</li>
|
||
</ul>
|
||
<h5 id="cordova-seed-projects">Cordova Seed Projects</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/jvitor83/angular-pwa-seed">Angular 2
|
||
Seed CLI Admin (Template)</a> Multi-platform Angular 2 project (Web/PWA,
|
||
Mobile and Desktop) with Ionic 2 (and optionally Bootstrap).</li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="angular-2-in-dart">Angular 2 in Dart</h3>
|
||
<blockquote>
|
||
<p>Dart is an open-source, scalable programming language, with robust
|
||
libraries and runtimes, for building web, server, and mobile apps.</p>
|
||
</blockquote>
|
||
<h4 id="dart-general-resources">Dart General Resources</h4>
|
||
<ul>
|
||
<li><a href="https://www.dartlang.org/">Dart</a> Official Website for
|
||
Dart.</li>
|
||
<li><a href="https://dartpad.dartlang.org/">Dartpad</a> Dartpad lets
|
||
play with Dart on-line, in a zero-install, zero configuration
|
||
environment.</li>
|
||
<li><a href="https://github.com/dart-lang">Dart Organization
|
||
(GitHub)</a> Official GitHub Organization for Dart</li>
|
||
<li><a href="https://pub.dartlang.org/">Pub</a> Repository of packages
|
||
of software for the Dart programming language.</li>
|
||
<li><a href="https://dartlang-slack.herokuapp.com/">Dart Slack
|
||
Channel</a> The Official Dart Slack channel.</li>
|
||
</ul>
|
||
<h4 id="dart-seed-projects">Dart Seed Projects</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/andresaraujo/ng2_dart_quickstart">Angular 2
|
||
Dart Quickstart</a> A minimal quick start project.</li>
|
||
</ul>
|
||
<h4 id="dart-demo-samples-and-examples">Dart Demo, Samples, and
|
||
Examples</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/andresaraujo/ng2_hackernews">Hackernews
|
||
App</a> A HackerNews application made with Angular 2 for Dart.</li>
|
||
<li><a
|
||
href="https://github.com/andresaraujo/ng2_dart_router_demo">Router
|
||
Demo</a> A basic example of Angular 2 router.</li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="angular-2-in-traceur">Angular 2 in Traceur</h3>
|
||
<blockquote>
|
||
<p>Traceur is a JavaScript.next-to-JavaScript-of-today compiler.</p>
|
||
</blockquote>
|
||
<h4 id="traceur-general-resources">Traceur General Resources</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/google/traceur-compiler">Traceur
|
||
Repository (GitHub)</a> Official GitHub Repo for Traceur.</li>
|
||
</ul>
|
||
<h4 id="traceur-seed-projects">Traceur Seed Projects</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/evanplaice/angular2-es6-seed/">GitHub:
|
||
Angular2 ES6 Seed (Evan Plaice)</a></li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="angular-2-in-babel">Angular 2 in Babel</h3>
|
||
<blockquote>
|
||
<p>The compiler for writing next generation JavaScript.</p>
|
||
</blockquote>
|
||
<h4 id="babel-general-resources">Babel General Resources</h4>
|
||
<ul>
|
||
<li><a href="https://babeljs.io/">Babel</a> Official Website for
|
||
Babel.</li>
|
||
<li><a href="https://babeljs.io/repl/">REPL</a> Official Babel REPL that
|
||
runs entirely in your browser.</li>
|
||
<li><a href="https://github.com/babel/babel">Babel Repository
|
||
(GitHub)</a> Official GitHub Repo for Babel.</li>
|
||
</ul>
|
||
<h4 id="babel-angular-2-online-playground">Babel Angular 2 Online
|
||
Playground</h4>
|
||
<ul>
|
||
<li><a href="https://plnkr.co/edit/PxCzCu?p=preview">Plunker: Angular 2
|
||
+ Babel</a></li>
|
||
</ul>
|
||
<h4 id="babel-seed-projects">Babel Seed Projects</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/shuhei/babel-angular2-app">babel-angular2-app</a>
|
||
A skeleton Angular 2 app built with <a
|
||
href="https://babeljs.io/">Babel</a> and <a
|
||
href="http://browserify.org/">Browserify</a>.</li>
|
||
<li><a
|
||
href="https://github.com/jgodi/angular2-fullstack-starter">angular2-fullstack-starter</a>
|
||
A full stack skeleton Angular 2 app built with Webpack/Babel.</li>
|
||
<li><a
|
||
href="https://github.com/blacksonic/angular2-babel-esnext-starter">angular2-es6-starter</a>
|
||
A skeleton Angular 2 ES6 application built with Babel, Webpack,
|
||
Gulp.</li>
|
||
<li><a
|
||
href="https://github.com/rbnlffl/angular-babel-seed">angular-babel-seed</a>
|
||
The super simple Angular quickstarter with ES6</li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<h4 id="babel-demo-samples-and-examples">Babel Demo, Samples, and
|
||
Examples</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/blacksonic/angular2-esnext-todomvc">angular2-es6-todomvc</a>
|
||
Angular 2 TodoMVC implementation with ES6.</li>
|
||
<li><a
|
||
href="https://github.com/swimlane/ng1-ng4-webpack-lazy-uirouter">ng1-ng2-webpack-lazy-uirouter</a>
|
||
Hybrid lazy-loading Angular1 + Angular2 using UI-Router, Webpack2 and
|
||
Babel.</li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<h4 id="babel-plugins">Babel Plugins</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/shuhei/babel-preset-angular2">babel-preset-angular2</a>
|
||
Babel presets for Angular2</li>
|
||
<li><a
|
||
href="https://github.com/shuhei/babel-plugin-type-assertion">babel-plugin-type-assertion</a>
|
||
An experimental babel transformer plugin for rtts_assert</li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="angular-2-in-es5">Angular 2 in ES5</h3>
|
||
<blockquote>
|
||
<p>An ECMAScript language that includes structured, dynamic, functional,
|
||
and prototype-based features.</p>
|
||
</blockquote>
|
||
<h5 id="es5-general-resources">ES5 General Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
help_add_resources <strong>}}</strong></a></li>
|
||
</ul>
|
||
<h4 id="es5-seed-projects">ES5 Seed Projects</h4>
|
||
<p><a
|
||
href="https://github.com/islam-muhammad/angular2-es5">angular2-es5-starter-kit</a>
|
||
Angular2 ES5 Starter Kit</p>
|
||
<hr />
|
||
<h4 id="meteor-in-angular-2">Meteor in Angular 2</h4>
|
||
<blockquote>
|
||
<p>Build Realtime Web and Mobile Apps With Angular and Meteor.</p>
|
||
</blockquote>
|
||
<h5 id="meteor-general-resources">Meteor General Resources</h5>
|
||
<ul>
|
||
<li><a href="https://angular-meteor.com/">Angular Meteor</a> Official
|
||
Website for Angular Meteor</li>
|
||
<li><a href="https://www.angular-meteor.com/angular2">Angular 2
|
||
Meteor</a></li>
|
||
</ul>
|
||
<h4 id="meteor-seed-projects">Meteor Seed Projects</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/KyneSilverhide/angular2-meteor-seed">Angular2
|
||
Meteor Seed</a></li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h4 id="angular-2-in-nativescript">Angular 2 in NativeScript</h4>
|
||
<blockquote>
|
||
<p>Build truly native iOS, Android and Windows Phone apps with
|
||
Javascript and CSS. Try NativeScript open-source framework for
|
||
cross-platform development.</p>
|
||
</blockquote>
|
||
<h5 id="nativescript-general-resources">NativeScript General
|
||
Resources</h5>
|
||
<ul>
|
||
<li><a href="https://www.nativescript.org/">NativeScript</a> Official
|
||
Website for NativeScript</li>
|
||
<li><a
|
||
href="https://www.syntaxsuccess.com/viewarticle/using-nativescript-with-angular-2.0">Using
|
||
NativeScript</a></li>
|
||
</ul>
|
||
<h4 id="nativescript-seed-projects">NativeScript Seed Projects</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/NativeScript/sample-Angular2">sample-Angular2</a></li>
|
||
<li><a
|
||
href="https://github.com/NathanWalker/angular-seed-advanced">angular2-seed-advanced</a></li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h4 id="angular-2-in-react-native">Angular 2 in React Native</h4>
|
||
<blockquote>
|
||
<p>React Native enables you to build world-class application experiences
|
||
on native platforms using a consistent developer experience based on
|
||
JavaScript.</p>
|
||
</blockquote>
|
||
<h5 id="react-native-general-resources">React Native General
|
||
Resources</h5>
|
||
<ul>
|
||
<li><a href="https://facebook.github.io/react-native/">React Native</a>
|
||
Official Website for React Native</li>
|
||
</ul>
|
||
<h4 id="react-native-projects">React Native Projects</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/angular/react-native-renderer">Angular 2
|
||
React Native Renderer (GitHub)</a></li>
|
||
</ul>
|
||
<h4 id="react-native-seed-projects">React Native Seed Projects</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="angular-2-in-haxe">Angular 2 in Haxe</h3>
|
||
<blockquote>
|
||
<p>Haxe is an open source toolkit based on a modern, high level,
|
||
strictly typed programming language, a cross-compiler, a complete
|
||
cross-platform standard library and ways to access each platform’s
|
||
native capabilities. General purpose language, with Haxe, you can easily
|
||
build cross-platform tools targeting all the mainstream platforms
|
||
natively. “Write once compile anywhere”, with strong easily extendable
|
||
macro system and powerfull, highly optimizing compiler with DCE (and
|
||
f.e. using inline constructors). Can be used for server side rendering
|
||
and in isomorphic way - possible to share the same source code compiling
|
||
into client side in javascript and server side in pyhton (or
|
||
java/php/node - can be choosen later/changed at scaling). Haxe code can
|
||
contain (inline) any target language fragments (can be used to step by
|
||
step porting), the externs mechanism provides access to the native APIs
|
||
and libraries in a type-safe manner. Server, client, mobile (Android and
|
||
iOS at once), desktop, embedded (Raspbery, award winning TIVO set top
|
||
boxes), Playstation … all can be reached natively with much less typing,
|
||
more error-proof, more stable and compile-time type checked code even
|
||
for non type-safe targets (f.e. JavaScript, PHP)!</p>
|
||
</blockquote>
|
||
<h5 id="haxe-general-resources">Haxe General Resources</h5>
|
||
<ul>
|
||
<li><a href="https://haxe.org">Haxe.org</a></li>
|
||
<li><a href="https://en.wikipedia.org/wiki/Haxe">Haxe on
|
||
Wikipedia</a></li>
|
||
<li><a href="https://try.haxe.org/">Haxe Playground</a></li>
|
||
<li><a
|
||
href="https://haxe.org/documentation/introduction/compiler-targets.html">Haxe
|
||
compiler targets</a> compiler targets: C++, C#, Java, Python, PHP,
|
||
ActionScript 3, and Flash or Neko bytecode</li>
|
||
<li><a href="blog.onthewings.net/2015/11/14/haxe_usage_survey/">Haxe
|
||
Usage Survey results</a></li>
|
||
<li><a href="https://groups.google.com/forum/#!forum/haxelang">Haxe
|
||
discussion group</a> - community</li>
|
||
<li><a href="matthijskamstra.github.io/haxenode/">Haxe and
|
||
Node.js</a></li>
|
||
<li><a
|
||
href="https://philippe.elsass.me/2014/11/haxe-working-with-javascript-libraries/">Haxe:
|
||
working with JavaScript libraries</a></li>
|
||
<li><a href="https://learnxinyminutes.com/docs/haxe/">Learn haxe in Y
|
||
minutes</a></li>
|
||
<li><a
|
||
href="https://nadako.tumblr.com/post/113390739725/a-success-story-for-haxe">A
|
||
success story for Haxe</a> - about porting JavaScript to haxe targeting
|
||
both JavaScript and C# “without interrupting the development of actual
|
||
game by the rest of the team!”, “AWESOME BONUS”, “there are only
|
||
benefits”</li>
|
||
<li><a href="https://haxe.io/">News And Information For Haxe
|
||
Developers</a></li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
help_add_resources <strong>}}</strong></a></li>
|
||
</ul>
|
||
<h4 id="haxe-seed-projects">Haxe Seed Projects</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/nweedon/angular2haxe">angular2haxe</a>
|
||
Haxe Language Bindings for Angular 2.</li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="angular-2-in-scala">Angular 2 in Scala</h3>
|
||
<blockquote>
|
||
<p>General purpose language; multiparadigm (object-oriented, functional,
|
||
concurrent elements); statically typed, type-safe; focus: Web
|
||
services.</p>
|
||
</blockquote>
|
||
<h5 id="scala-general-resources">Scala General Resources</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
help_add_resources <strong>}}</strong></a></li>
|
||
</ul>
|
||
<h4 id="scala-seed-projects">Scala Seed Projects</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/gdi2290/play-angular2">play-angular2</a></li>
|
||
<li><a
|
||
href="https://github.com/PatrickJS/awesome-angular/edit/gh-pages/README.md"><strong>{{</strong>
|
||
add_your_repo <strong>}}</strong></a></li>
|
||
</ul>
|
||
<hr />
|
||
<h3 id="angular-2-components-with-bit">Angular 2 components with
|
||
Bit</h3>
|
||
<blockquote>
|
||
<p>Bit is an open source virtual repository (code base) built to make
|
||
components easily manageable and usable across applications. You can
|
||
quickly export any Angular component from any context while working on
|
||
any project to a bit distributed Scope. Bit’s reusbale component
|
||
environment cuts the overhead of configuring build and test environments
|
||
for exporting every new component. The Scope is a virtual component
|
||
repository which stores, organizes, manages and tests your components.
|
||
Once modeled on a Scope, your components can be easily found and used in
|
||
any Angular application. Components can be organized together and still
|
||
modified and used individually without pulling in entire libraries.</p>
|
||
</blockquote>
|
||
<h5 id="bit-resources">Bit Resources</h5>
|
||
<ul>
|
||
<li><a href="https://github.com/teambit/bit">Bit</a></li>
|
||
<li><a
|
||
href="https://github.com/teambit/bit-javascript">Bit-Javascript</a></li>
|
||
<li><a href="https://bitsrc.io/">bitsrc</a> - Free community hub for
|
||
sharing, managing and finding open source components.</li>
|
||
</ul>
|
||
<hr />
|
||
<h4 id="security">Security</h4>
|
||
<ul>
|
||
<li><a href="https://angular.io/guide/security">Angular.io Security
|
||
Guide</a> - brief security guidance including Preventing cross-site
|
||
scripting (XSS), Sanitization and Content security policy.</li>
|
||
<li>So you thought you were safe using AngularJS? Think again! <a
|
||
href="https://www.owasp.org/images/4/46/OWASPLondon20170727_AngularJS.pdf">Slides</a>,
|
||
<a href="https://www.youtube.com/watch?v=3vuLPzjc4RI">Video</a> - Lewis
|
||
Ardern speaking at OWASP London 2017. ##### Authentication</li>
|
||
<li><a
|
||
href="https://damienbod.com/2016/03/02/angular2-openid-connect-implicit-flow-with-identityserver4/">Angular
|
||
2 with OpenID Connect Implicit Flow from Damien Bowden</a></li>
|
||
<li><a
|
||
href="https://github.com/michaeloryl/angular2-bootstrap4-oauth2-webpack">Angular
|
||
2 bootstrap4 OAuth2 Webpack from Michael Oryl</a></li>
|
||
<li><a
|
||
href="https://www.softwarearchitekt.at/post/2016/07/03/authentication-in-angular-2-with-oauth2-oidc-and-guards-for-the-newest-new-router-english-version.aspx">Angular
|
||
2 OAuth2 OIDC from Manfred Steyer</a></li>
|
||
<li><a
|
||
href="https://github.com/auth0-blog/angular2-authentication-sample">Angular
|
||
2 authentication sample from auth0-blog</a></li>
|
||
</ul>
|
||
<h4 id="ngrx">NgRx</h4>
|
||
<ul>
|
||
<li><a
|
||
href="https://gist.github.com/btroncone/a6e4347326749f938510">Comprehensive
|
||
Introduction to <span class="citation"
|
||
data-cites="ngrx/store">@ngrx/store</span></a></li>
|
||
<li><a
|
||
href="https://orizens.com/blog/adding-redux-with-ngrxstore-to-angular-2-part-1/">Adding
|
||
Redux With NgRx/store and Angular2 - Part 1</a></li>
|
||
<li><a
|
||
href="https://orizens.com/blog/adding-redux-with-ngrxstore-to-angular2-part-2-testing-reducers/">Adding
|
||
Redux with NgRx/store to Angular2 – Part 2 (Testing Reducers)</a></li>
|
||
<li><a
|
||
href="https://gist.github.com/peterbsmith2/ce94c0a5ddceb99bab24a761731d1f07">Making
|
||
chained API Calls using <span class="citation"
|
||
data-cites="ngrx/Effects">@ngrx/Effects</span></a></li>
|
||
<li><a
|
||
href="https://mherman.org/blog/2018/04/17/authentication-in-angular-with-ngrx">Authentication
|
||
in Angular with NGRX</a></li>
|
||
</ul>
|
||
<hr />
|
||
<p>enjoy — <a
|
||
href="https://twitter.com/PatrickJS__"><strong>PatrickJS</strong></a></p>
|
||
<hr />
|
||
<h2 id="license">License</h2>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="https://licensebuttons.net/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|