All Projects → waylau → angular-enterprise-application-development-samples

waylau / angular-enterprise-application-development-samples

Licence: other
Angular Enterprise Application Development Samples. 《Angular企业级应用开发实战》源码

Projects that are alternatives of or similar to angular-enterprise-application-development-samples

Angular-Movies
Angular Movies | TV Shows is a simple web app that consumes The Movie DB API - Angular 13 + Material Angular
Stars: ✭ 35 (-7.89%)
Mutual labels:  angular-material, angular7
nest-angular
Full-stack with nest js & angular 8
Stars: ✭ 32 (-15.79%)
Mutual labels:  angular-material, angular7
TASK-Management-System
Spring Boot and Angular 7 web application for task management .
Stars: ✭ 34 (-10.53%)
Mutual labels:  angular-material, angular7
Covalent
Teradata UI Platform built on Angular Material
Stars: ✭ 2,230 (+5768.42%)
Mutual labels:  angular-material, angular7
course
gary60405.github.io/course/
Stars: ✭ 17 (-55.26%)
Mutual labels:  angular-material
extensions
Angular Material Extensions Library.
Stars: ✭ 203 (+434.21%)
Mutual labels:  angular-material
materialdrive
Google Drive with Angular Material
Stars: ✭ 43 (+13.16%)
Mutual labels:  angular-material
angular-material8-custom-theme
Angular Material 8 Custom Theme - Learn to create Angular Material 8 custom theme from scratch in less than 5 minutes in an Angular 8 project.
Stars: ✭ 16 (-57.89%)
Mutual labels:  angular7
lokalkauf-frontend
lokalkauf is an easy to use online platform to set up local shops with an online shop, which allows them to supply their customers via a local delivery chain. This can keep businesses running, even in times of social distancing. This is the Angular frontend.
Stars: ✭ 20 (-47.37%)
Mutual labels:  angular-material
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (-31.58%)
Mutual labels:  angular7
ASPNETcoreAngularJWT
Angular in ASP.NET Core with JWT solution by systemjs
Stars: ✭ 48 (+26.32%)
Mutual labels:  angular-material
angular-rollbar-source-maps
Angular 2+ implementation to upload sourcemaps to Rollbar
Stars: ✭ 17 (-55.26%)
Mutual labels:  angular7
ngx-carousel
Angular Universal carousel is an lightweight , touchable and responsive library
Stars: ✭ 14 (-63.16%)
Mutual labels:  angular7
nglp-angular-material-landing-page
NGLP is an Angular Material Landing Page.
Stars: ✭ 32 (-15.79%)
Mutual labels:  angular-material
ionic4-datepicker
Ionic 4 Datepicker component
Stars: ✭ 78 (+105.26%)
Mutual labels:  angular7
ng-mat-select-infinite-scroll
Infinite Scroll directive for angular material select component
Stars: ✭ 39 (+2.63%)
Mutual labels:  angular-material
ngx-mat-daterange-picker
Date range picker component based of Angular Material Calendar component and configurable date presets. Packaged using ng-packagr.
Stars: ✭ 33 (-13.16%)
Mutual labels:  angular-material
angular-node-typescript-boiler
Boilerplate code with Angular Universal (server side rendering) & Node server written in TypeScript with express API routes to get started with your project in Angular 8.2 + Node.ts
Stars: ✭ 18 (-52.63%)
Mutual labels:  angular-material
metadatamanagement
Metadatamanagement (MDM) - Data Search for Higher Education Research and Science Studies
Stars: ✭ 21 (-44.74%)
Mutual labels:  angular-material
ncg-crud-ngx-md
Angular 4+ Material Design CRUD/Admin app by NinjaCodeGen http://DNAfor.NET
Stars: ✭ 36 (-5.26%)
Mutual labels:  angular-material

《Angular企业级应用开发实战》示例源码

前端组件化开发是目前主流的开发方式,不管是 Angular、React 还是 Vue.js 都如此。相比 较而言,Angular 不管是其开发功能,还是编程思想,在所有前端框架中都是首屈一指的,特别适合企业级应用的开发。 笔者从 2014 年开始关注 Angular 的技术发展,并用 Angular 1.x 开发实际的企业级应用。那 时,Angular 还只是实现数据双向绑定的 JS 小框架(所以被叫作 AngularJS)。如今,Angular 已经是 8.0 版本,形成了从开发到部署、从 PC 端到移动端完整流程全覆盖的开放平台。因此, 当 Angular 发布 7.0 版本时,笔者便迫不及待地想把这项技术介绍给读者,希望读者能够掌握 Angular 的使用,以简化企业级应用的开发。

本书涉及的相关技术及版本如下。

  • VSCodeUserSetup-x64-1.26.1
  • Angular 7.1.0
  • Angular CLI 7.0.7
  • Node.js 10.9.0
  • npm 6.2.0

内容介绍

本书分为 5 篇。

  • “第 1 篇 准备”(第1-2章)介绍 Angular 的基础概念,并带领读者快速创建一个 Angular 应用,使读者对 Angular 有一个初步的印象。
  • “第 2 篇 入门”(第3-4章)介绍 TypeScript 基础,并带领读者快速实现一个简易版本的“用户管理”应用。通过对这部分内容的学习,读者可以了解到 Angular 常用的知识点。
  • “第 3 篇 进阶”(第5-10章)深入讲解了 Angular 的常用知识点。
  • “第 4 篇 高阶”(第11-20章)深入讲解了 Angular 的高级知识点。
  • “第 5 篇 商业实战”(第21-24章)带领读者从零开始实现一个完整的企业级新闻头条客户端应用,使读者具备 Angular 企业级应用开发的完整能力。

源码

书中所有示例源码,移步至https://github.com/waylau/angular-enterprise-application-development-samples samples 目录下

内容如下:

  • ch02/hello-world:第一个Angular应用
  • ch03/typescript-demos:TypeScript基础案例
  • ch04/user-management:用户管理的例子
  • ch05/basic-component:数据展示的例子
  • ch05/lifecycle:生命周期钩子的例子
  • ch05/component-interaction:组件交互方式
  • ch05/component-style:使用组件样式的例子
  • ch05/dynamic-component:动态加载组件的例子
  • ch05/custom-elements:使用自定义元素的例子
  • ch07/attribute-directives:使用属性型指令的例子
  • ch07/structural-directives:自定义结构型指令
  • ch08/pipes:使用管道的例子
  • ch09/animations:使用动画的例子
  • ch10/forms:使用表单的例子
  • ch10/user-input:获取用户输入的例子
  • ch10/form-validation:表单验证的例子
  • ch10/reactive-forms:响应式表单的例子
  • ch12/customer-app:惰性加载特性模块的例子
  • ch13/dependency-injection:依赖注入的例子
  • ch14/http-client:HttpClient的例子
  • ch15/router:路由器的例子
  • ch16/testing:测试的例子
  • ch17/i18n:通过i18n工具来实现国际化
  • ch17/ngx-translate:通过ngx-translate插件来实现国际化
  • ch19/universal:Universal使用的例子
  • ch20/service-worker:使用ServiceWorker的例子
  • ch21/news-headlines:News Headlines应用骨架
  • ch22/news-headlines:News Headlines首页原型
  • ch23/news-headlines:News Headlines导航栏
  • ch24/news-headlines:News Headlines新闻详情

配套书籍《Angular企业级应用开发实战》

与该源码配套的书籍《Angular企业级应用开发实战》已经出版,内容详见全书目录

本书如有勘误,会在https://github.com/waylau/angular-enterprise-application-development-samples/issues>上进行发布。由于笔者能力有限,时间仓促,难免错漏,欢迎读者批评指正。

您也可以上豆瓣给老卫打Call。

如何获取本书

实体店及各大网店有售。据我所知有如下网站供应:

想低于市价得到本书?来二手书集市试试看。

也可以直接关注我博客(https://waylau.com/)或者我的开源书(https://waylau.com/books/)了解更多免费咨询。

联系作者

您也可以直接联系我:

其他书籍

若您对本书不感冒,笔者还写了其他方面的超过一打的书籍(可见https://waylau.com/books/),多是开源电子书。

本人也维护了一个books-collection项目,里面提供了优质的专门给程序员的开源、免费图书集合。

开源捐赠

开源捐赠

捐赠所得所有款项将用于开源事业!见捐赠列表

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].