├── README.md ├── background.png └── chart.png /README.md: -------------------------------------------------------------------------------- 1 | # learn-angular 2 | Top 40 Angular Articles of 2017 3 | 4 | Mybridge 5 | 6 |
7 | 8 | For Jan-Dec 2017, we compared nearly 9,000 articles about Angular and picked the Top 40 (0.44%). 9 | 10 | This is an extremely competitive list. Mybridge AI ranks articles based on the quality of content measured by our machine and a variety of human factors including the number of shares and minutes read. 11 | 12 | This directory is designed to make your life easier as it organizes the most useful articles by 20 key topics, where experienced web developers share their lessons working with Angular 13 | 14 |
15 | 16 | Mybridge 17 | 18 | If you like a version with images: https://medium.com/@Mybridge/learn-angular-from-top-articles-for-the-past-year-v-2018-45d69437c016 19 | 20 |
21 | 22 | 1. [Announcement](#announcement) 23 | 1. [Progressive Web App](#progressive-web-app) 24 | 1. [Get Started](#get-started) 25 | 1. [Humor](#humor) 26 | 1. [Performance](#performance) 27 | 1. [Comparison](#comparison) 28 | 1. [Component](#component) 29 | 1. [RxJS](#rxJS) 30 | 1. [NgRX](#ngRX) 31 | 1. [Redux](#redux) 32 | 1. [Router](#router) 33 | 1. [Forms](#forms) 34 | 1. [Spring Boot](#spring-boot) 35 | 1. [Firebase](#firebase) 36 | 1. [TypeScript](#typeScript) 37 | 1. [Advanced](#advanced) 38 | 1. [Angular CLI](#angular-CLI) 39 | 1. [Authentication](#authentication) 40 | 1. [Testing ](#testing) 41 | 1. [Production](#production) 42 | 43 | 44 |
45 | 46 | ### Recommended Learning 47 | 48 | A) Beginner: [Learn to build an Angular App with Angular Material, Angularfire & NgRx Use Angular, Angular Material, AngularFire.](http://bit.ly/2EuWavj) [3,037 recommends, 4.9/5 stars] 49 | 50 | B) Security: [Angular 5 Security Masterclass: Add Authentication / Authorization (from scratch) to an Angular 5 / Node App](http://bit.ly/2sfzvhD) [877 recommends, 4.7/5 stars] 51 | 52 |
53 | 54 | ### Announcement 55 | * [Version 5.0.0 of Angular Now Available](https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 56 | * [Angular 5.1 & More Now Available](https://blog.angular.io/angular-5-1-more-now-available-27d372f5eb4e?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 57 | 58 |
59 | 60 | ### Progressive Web App 61 | * [Progressive Web Apps with Angular 2+](https://houssein.me/progressive-angular-applications?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 62 | * [A new Angular Service Worker — creating automatic progressive web apps. Part 2: practice](https://medium.com/@webmaxru/a-new-angular-service-worker-creating-automatic-progressive-web-apps-part-2-practice-3221471269a1?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 63 | 64 |
65 | 66 | ### Get Started 67 | * [How to not to suffer with Angular - The In-Depth Tutorial](https://malcoded.com/posts/angular-beginners-guide?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 68 | * [10 Ways to Misuse Angular](http://blog.rangle.io/10-ways-to-misuse-angular?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 69 | * [Angular 5 Release: What’s New?](https://auth0.com/blog/whats-new-in-angular5?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 70 | 71 |
72 | 73 | ### Humor 74 | * [Angular... It’s You, Not Me. A breakup letter. [Humor] Read comments for laugh!](https://levelup.gitconnected.com/angular-its-you-not-me-9e9232ad3bcd?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 75 | 76 |
77 | 78 | ### Performance 79 | * [Angular 2 Performance Checklist](https://github.com/mgechev/angular-performance-checklist?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 80 | * [Making your Angular apps fast](http://blog.thoughtram.io/angular/2017/02/02/making-your-angular-app-fast.html?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 81 | * [Using Zones in Angular for better performance](http://blog.thoughtram.io/angular/2017/02/21/using-zones-in-angular-for-better-performance.html?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 82 | 83 |
84 | 85 | ### Comparison 86 | * [Angular vs. React vs. Vue: A 2017 comparison](https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 87 | * [A Look at Angular Alongside Vue - Familiar Code](https://johnpapa.net/a-look-at-angular-alongside-vue-3?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 88 | 89 |
90 | 91 | ### Component 92 | * [Create a dynamic tab component with Angular](https://juristr.com/blog/2017/07/ng2-dynamic-tab-component?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 93 | * [3 Ways to Pass Async Data to Angular 2+ Child Components](https://scotch.io/tutorials/3-ways-to-pass-async-data-to-angular-2-child-components?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 94 | * [Angular :host, :host-context, ::ng-deep - The Complete Guide](https://blog.angular-university.io/angular-host-context?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 95 | 96 |
97 | 98 | ### RxJS 99 | * [Top 7 RxJS Concepts for Angular Developers](https://www.youtube.com/watch?v=65Us8NwmYf4?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 100 | * [Learn to combine RxJs sequences with super intuitive interactive diagrams](https://blog.angularindepth.com/learn-to-combine-rxjs-sequences-with-super-intuitive-interactive-diagrams-20fce8e6511?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 101 | * [RxJS: Observables, observers and operators introduction](https://toddmotto.com/rxjs-observables-observers-operators?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 102 | 103 |
104 | 105 | ### NgRX 106 | * [NgRx: Patterns and Techniques](https://blog.nrwl.io/ngrx-patterns-and-techniques-f46126e2b1e5?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 107 | * [Using NgRx 4 to Manage State in Angular Applications](https://blog.nrwl.io/using-ngrx-4-to-manage-state-in-angular-applications-64e7a1f84b7b?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 108 | 109 |
110 | 111 | ### Redux 112 | * [Finally understand Redux by building your own Store](https://toddmotto.com/redux-typescript-store?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 113 | * [Redux in Angular 2: Learn what Redux is, when to use and why, and how to implement it in an Angular 2 app](https://www.youtube.com/watch?v=UEcdQR-NoNA?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 114 | * [Learn Redux in Angular with NgRx Store](https://malcoded.com/posts/angular-ngrx-guide?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 115 | 116 |
117 | 118 | ### Router 119 | * [Getting started with Angular's Router](https://toddmotto.com/angular-component-router?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 120 | * [Managing State in Angular Applications](https://blog.nrwl.io/managing-state-in-angular-applications-22b75ef5625f?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 121 | * [The 7-step process of Angular router navigation](https://www.jvandemo.com/the-7-step-process-of-angular-router-navigation?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 122 | 123 |
124 | 125 | ### Forms 126 | * [Working with Angular 4 Forms: Nesting and Input Validation](https://www.toptal.com/angular-js/angular-4-forms-validation?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 127 | * [Demystifying dynamic Forms in Angular](https://juristr.com/blog/2017/10/demystify-dynamic-angular-forms?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 128 | 129 |
130 | 131 | ### Spring Boot 132 | * [Build a Basic CRUD App with Angular 5.0 and Spring Boot 2.0 | Okta Developer](https://developer.okta.com/blog/2017/12/04/basic-crud-angular-and-spring-boot?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 133 | 134 |
135 | 136 | ### Firebase 137 | * [Building An Angular 5 Project with Bootstrap 4 and Firebase](https://medium.com/codingthesmartway-com-blog/building-an-angular-5-project-with-bootstrap-4-and-firebase-4504ff7717c1?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 138 | 139 |
140 | 141 | ### TypeScript 142 | * [5 Key Benefits of Angular and TypeScript 10 - Dan Wahlin](https://blog.codewithdan.com/2017/08/26/5-key-benefits-of-angular-and-typescript?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 143 | 144 |
145 | 146 | ### Advanced 147 | * [Advanced Angular Concepts by Alex Rickabaugh](https://www.youtube.com/watch?v=rKbY1t39dHU?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 148 | 149 |
150 | 151 | ### Angular CLI 152 | * [6 Best Practices & Pro Tips when using Angular CLI](https://medium.com/@tomastrajan/6-best-practices-pro-tips-for-angular-cli-better-developer-experience-7b328bc9db81?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 153 | * [Using Sass with the Angular CLI](https://scotch.io/tutorials/using-sass-with-the-angular-cli?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 154 | * [Building an Angular 4 Component Library with the Angular CLI and ng-packagr](https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 155 | 156 |
157 | 158 | ### Authentication 159 | * [Authentication With JWT: The Complete Guide](https://blog.angular-university.io/angular-jwt-authentication?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 160 | * [Angular Authentication: Using the Http Client and Http Interceptors](https://medium.com/@ryanchenkie_40935/angular-authentication-using-the-http-client-and-http-interceptors-2f9d1540eb8?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 161 | 162 |
163 | 164 | ### Testing 165 | * [Angular Testing In Depth: Components](https://auth0.com/blog/angular-testing-in-depth-components?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 166 | 167 |
168 | 169 | ### Production 170 | * [Angular in Production](http://blog.mgechev.com/2017/01/17/angular-in-production?utm_source=mybridge&utm_medium=email&utm_campaign=read_more) 171 | -------------------------------------------------------------------------------- /background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/learn-angular/d200235a96b6270ec1c240d01c5066764fdf58ac/background.png -------------------------------------------------------------------------------- /chart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mybridge/learn-angular/d200235a96b6270ec1c240d01c5066764fdf58ac/chart.png --------------------------------------------------------------------------------