Angualr 上手难?先从 8 个开源项目开始!

多年的学习经验告诉我,了解一个概念最快的方式是看他的实践,所以我整理出了 8 个在学习 Angular 过程中可以参考的开源项目,学习如何怎么使用 Angular 框架~

1. NGX-Admin

github.com/akveo/ngx-a…
官网:akveo.github.io/ngx-admin/

Angualr 上手难?先从 8 个开源项目开始!_第1张图片

一个好看的极简风格管理后台模板项目,有丰富主题的,部署方便,强推想要学习 Angular 的同学 pull 下来看看。

2. Eoapi

github.com/eolinker/eoapi

官网:www.eoapi.io/

Angualr 上手难?先从 8 个开源项目开始!_第2张图片

Angular 和 Electron 技术结合的 API 工具桌面端,支持 Web 和桌面两端部署,想用 Angular 写桌面端的可以参考。

3. Angular Material

github.com/angular/components

官网:material.angular.io/

Angualr 上手难?先从 8 个开源项目开始!_第3张图片

Angular 团队构建和维护的基于 Materal UI 设计风格的 UI 组件库,以帮助您构建自己的自定义组件。

4. NG-ZORRO

github.com/NG-ZORRO/ng…

官网:NG-ZORRO - 企业级 UI 设计语言和 Angular 组件库

Angualr 上手难?先从 8 个开源项目开始!_第4张图片

Ant-Design 组件库的 Angular 版本,写组件库之前可以看看他们~

5. Storybook

github.com/storybookjs…

官网:storybook.js.org/

Angualr 上手难?先从 8 个开源项目开始!_第5张图片
Storybook 是一个组件文档框架,支持 Angular、React、Vue 框架。

6. Awesome Angular

github.com/PatrickJS/a…

官网:patrickjs.github.io/awesome-ang…

Angualr 上手难?先从 8 个开源项目开始!_第6张图片

这不是一个实践项目,而是一个大而全的 Angular 百科全书, 包括 Angular 种子项目、启动器、样板、示例、教程、组件、模块、视频等 Angular 生态系统中的内容。

  1. NGX-charts

github.com/swimlane/ng…

官网:swimlane.github.io/ngx-charts/…

Angualr 上手难?先从 8 个开源项目开始!_第7张图片

Angular 图表工具

8. Angular google maps

github.com/SebastianM/…

官网:angular-maps.com/

Angualr 上手难?先从 8 个开源项目开始!_第8张图片
Angular Google 地图组件

你可能感兴趣的:(Angualr 上手难?先从 8 个开源项目开始!)