NgWyy
This project was generated with Angular CLI version 8.3.0.
网易云音乐接口):
启动接口(- git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git
- npm i
- npm start
启动项目:
- git clone https://github.com/lycHub/ng-wyy.git
- npm i
- npm start
视频地址:
- B站:https://www.bilibili.com/video/av70355308
- 网易云课堂:https://study.163.com/course/courseMain.htm?share=2&shareId=480000001947524&courseId=1209529841&_trace_c_p_k2_=832892bbbabb45d2889f5308a17244e8
- 51cto: https://edu.51cto.com/course/19942.html
【免费】angular8高级实战教程—网易云音乐pc端 angular 前端框架 typescript rxjs javascript 735 次阅读 · 读完需要 7 分钟 自制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,样式部分复制做好的。
很遗憾无法上传到慕课网,因为事先没有了解清楚,推荐大家去网易云课堂或B站观看:
网易云课堂:https://study.163.com/course/... B站:https://www.bilibili.com/vide... 后续计划? 如果日常够稳定的话,会持续录教程,现在年底估计是没啥时间了,后面再录教程也一定是走高难度路线,基础视频大概率是不会出的,这里也有了基本规划,最快等明年初vue3发布后(个人觉的有点悬),打算出一个vue3 + ts的造轮子为主的移动端课程,也就是不用任何ui框架徒手实现移动端日历、滑块、picker等复杂组件,这也是我入行第一年的经历, 从定位上难度就会远高于本课程,希望明年再见吧!!!