## Angular Material Course
This repository contains the code of the [Angular Material In Depth](https://angular-university.io/course/angular-material-course) video course.
This course repository is updated to Angular 14:
![Angular Material In Depth](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-material-course-1.jpg)
You can find the starting point of the course in the [1-start branch](https://github.com/angular-university/angular-material-course/tree/1-start).
This master branch contains the *final version of the course code*, that you can use as a reference if you choose to code along.
# Installation pre-requisites
IMPORTANT: Please use Node 16 LST (Long Term Support version).
# Installing the Angular CLI
With the following command the angular-cli will be installed globally in your machine:
npm install -g @angular/cli
# How To install this repository
We can install the master branch using the following commands:
git clone https://github.com/angular-university/firebase-course.git
cd angular-material-course
npm ci
Note: **We recommend using npm ci, instead of npm install**. This will ensure that you use the exact dependency versions set on package-lock.json, unlike npm install which might potentially change those versions.
# To Run the Development Backend Server
Our Angular frontend connects to a simple Node server, running also in your local development machine.
We can start the sample application backend with the following command:
npm run server
# To run the Development UI Server
Once the backend server is up and running, we can now run our frontend server.
To run the frontend part of our code, we will use the Angular CLI:
npm start
The application is visible at port 4200: [http://localhost:4200](http://localhost:4200)
Note: **make sure to use command npm start and not ng serve, as npm start adds a couple extra options that are needed for our project **
# Other Courses
# Other Courses
# Angular Forms In Depth
If you are looking for the [Angular Forms In Depth](https://angular-university.io/course/angular-forms-course) course, the repo with the full code can be found here:
![Angular Forms In Depth](https://angular-university.s3-us-west-1.amazonaws.com/course-images/angular-forms-course-small.jpg)
# Angular Router In Depth
If you are looking for the [Angular Router In Depth](https://angular-university.io/course/angular-router-course) course, the repo with the full code can be found here:
![Angular Router In Depth](https://angular-university.s3-us-west-1.amazonaws.com/course-images/angular-router-course.jpg)
# NgRx (with NgRx Data) - The Complete Guide
If you are looking for the [Ngrx (with NgRx Data) - The Complete Guide](https://angular-university.io/course/ngrx-course), the repo with the full code can be found here:
![Ngrx (with NgRx Data) - The Complete Guide](https://angular-university.s3-us-west-1.amazonaws.com/course-images/ngrx-v2.png)
# Angular Core Deep Dive Course
If you are looking for the [Angular Core Deep Dive Course](https://angular-university.io/course/angular-course), the repo with the full code can be found here:
![Angular Core Deep Dive](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-core-in-depth-small.png)
# RxJs In Practice
If you are looking for the [RxJs In Practice](https://angular-university.io/course/rxjs-course), the repo with the full code can be found here:
![RxJs In Practice Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/rxjs-in-practice-course.png)
# NestJs In Practice (with MongoDB)
If you are looking for the [NestJs In Practice Course](https://angular-university.io/course/nestjs-course), the repo with the full code can be found here:
![NestJs In Practice Course](https://angular-university.s3-us-west-1.amazonaws.com/course-images/nestjs-v2.png)
# Angular Testing Course
If you are looking for the [Angular Testing Course](https://angular-university.io/course/angular-testing-course), the repo with the full code can be found here:
![Angular Testing Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png)
# Serverless Angular with Firebase Course
If you are looking for the [Serverless Angular with Firebase Course](https://angular-university.io/course/firebase-course), the repo with the full code can be found here:
![Serverless Angular with Firebase Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/serverless-angular-small.png)
# Angular Universal Course
If you are looking for the [Angular Universal Course](https://angular-university.io/course/angular-universal-course), the repo with the full code can be found here:
![Angular Universal Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-universal-small.png)
# Angular PWA Course
If you are looking for the [Angular PWA Course](https://angular-university.io/course/angular-pwa-course), the repo with the full code can be found here:
![Angular PWA Course - Build the future of the Web Today](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-pwa-course.png)
# Angular Security Masterclass
If you are looking for the [Angular Security Masterclass](https://angular-university.io/course/angular-security-course), the repo with the full code can be found here:
[Angular Security Masterclass](https://github.com/angular-university/angular-security-course).
![Angular Security Masterclass](https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png)
# Angular Advanced Library Laboratory Course
If you are looking for the Angular Advanced Course, the repo with the full code can be found here:
[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).
![Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png)
## RxJs and Reactive Patterns Angular Architecture Course
If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:
[RxJs and Reactive Patterns Angular Architecture Course](https://angular-university.io/course/reactive-angular-architecture-course)
![RxJs and Reactive Patterns Angular Architecture Course](https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png)
## Complete Typescript Course - Build A REST API
If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:
[https://angular-university.io/course/typescript-2-tutorial](https://github.com/angular-university/complete-typescript-course)
[Github repo for this course](https://github.com/angular-university/complete-typescript-course)
![Complete Typescript Course](https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png)
没有合适的资源?快使用搜索试试~ 我知道了~
角度材料深度_Typescript_代码_下载
共78个文件
ts:31个
html:13个
scss:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 98 浏览量
2022-07-03
16:14:27
上传
评论
收藏 284KB ZIP 举报
温馨提示
该存储库包含Angular Material In Depth视频课程的代码。 更多详情、使用方法,请下载后阅读README.md文件
资源推荐
资源详情
资源评论
收起资源包目录
angular-material-course-master.zip (78个子文件)
angular-material-course-master
server
search-lessons.route.ts 1KB
server.tsconfig.json 79B
get-courses.route.ts 508B
server.ts 599B
db-data.ts 28KB
package.json 2KB
INIT.md 1KB
tslint.json 3KB
protractor.conf.js 722B
angular.json 3KB
LICENSE 1KB
package-lock.json 935KB
src
typings.d.ts 104B
tsconfig.app.json 225B
_mixins.scss 1KB
test.ts 1KB
assets
.gitkeep 0B
index.html 515B
tsconfig.spec.json 277B
app
model
course.ts 193B
lesson.ts 133B
courses-card-list
courses-card-list.component.css 467B
courses-card-list.component.html 1024B
courses-card-list.component.ts 2KB
drag-drop
drag-drop.component.scss 649B
drag-drop.component.html 926B
drag-drop.component.ts 3KB
app.module.ts 4KB
course
course.component.ts 3KB
course.component.html 3KB
course.component.scss 1KB
app.component.spec.ts 1KB
course-dialog
course-dialog.component.css 139B
course-dialog.component.ts 2KB
course-dialog.component.html 2KB
virtual-scrolling
virtual-scrolling.component.html 624B
virtual-scrolling.component.ts 358B
virtual-scrolling.component.scss 202B
about
about.component.css 133B
about.component.html 282B
about.component.ts 280B
home
home.component.html 799B
home.component.ts 923B
home.component.scss 233B
app.component.ts 191B
app.component.html 2KB
services
courses.service.ts 2KB
course.resolver.ts 568B
create-course
create-course.component.scss 232B
create-course.component.html 1KB
create-course-step-1
create-course-step-1.component.scss 176B
create-course-step-1.component.ts 2KB
create-course-step-1.component.html 2KB
create-course-step-2
create-course-step-2.component.html 0B
create-course-step-2.component.ts 246B
create-course-step-2.component.scss 0B
create-course.component.ts 282B
tree-demo
tree-demo.component.html 2KB
tree-demo.component.scss 670B
tree-demo.component.ts 2KB
app-routing.module.ts 1KB
app.component.css 56B
styles.scss 2KB
main.ts 372B
polyfills.ts 2KB
environments
environment.ts 387B
environment.prod.ts 51B
favicon.ico 5KB
tsconfig.json 378B
e2e
tsconfig.e2e.json 235B
app.po.ts 208B
app.e2e-spec.ts 305B
proxy.json 78B
.gitignore 532B
.browserslistrc 429B
karma.conf.js 1007B
README.md 7KB
.editorconfig 245B
共 78 条
- 1
资源评论
快撑死的鱼
- 粉丝: 1w+
- 资源: 9154
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功