免费angular8高级实战教程网易云音乐pc端

10次阅读

共计 1013 个字符,预计需要花费 3 分钟才能阅读完成。

自制 angular8 实战教程,先上链接:

  • 网易云课堂:https://study.163.com/course/…
  • B 站:https://www.bilibili.com/vide…

历时个把月,本想出个单一功能的教程,没想一开始就控制不住了,到最后时长竟高达 30 多个小时,

为什么是 angular?

angular 是我的第一个框架,所谓先入为主,即使工作中怕是再难用上,也不会把它丢掉,而且 angular 用户是痛苦的,至少在国内,不论是文档、生态、百度、教程等都全面被 vue 和 react 压制,并非 angular 技不如人,只因 google 太任性。本教程也算是为推进 angular 做点贡献吧,这应该是前端框架中,最给力的免费教程了。

做什么?

用 angular8 仿造网易云音乐 pc 端的部分功能,包括:歌单、歌曲、歌手和会员的登录注册等,并实现网易云核心的播放器功能。

能学到什么?

主技术栈:angular8 + ngrx8 + ng-zorro + material/cdk,包括但不限于:

  • ng-template,ng-content,ng-container
  • ng 模块化设计
  • proxy,http 拦截器
  • 依赖注入
  • 自定义指令和管道
  • 自定义表单控件
  • 动态组件
  • 各种 rxjs 操作符
  • material/cdk
  • 变更检测策略
  • ngrx8

课程特色?

本课程全程都在实战,在开发过程中会尽力覆盖 ng 的各种 api,项目的模块化、目录设计和组件化等都是以真实项目标准来做的,可复用到日常工作的各项目中去,代码极度精简,期间更有徒手造轮子的过程,是一门学习框架和提升基本功的双休课程。
源码也分好了章节上传到 github:
master 分支是最终完成的代码
https://github.com/lycHub/ng-wyy

需要的基本知识?

  • typescript
  • rxjs
  • angular 基本 api 的使用 (重要)

学完后能达到什么水平?

由于本课程会尽可能多的使用 angular 高级 api,如果能完全掌握,那在使用层面已经非常优秀了。完全可以独自用 angular 胜任网易云音乐官网这种难度的项目

教授方式?

手写每行 ts 和 html,样式部分复制做好的。

很遗憾无法上传到慕课网,因为实现没有做好功课,推荐大家去网易云课堂或 51cto(待上)观看,记的好评哟:

  • 网易云课堂:https://study.163.com/course/…
  • B 站:https://www.bilibili.com/vide…
正文完
 0