【免費】angular8高級實戰教程—網易雲音樂pc端

自制angular8實戰教程,先上連接:html

歷時個把月,本想出個單一功能的教程,沒想一開始就控制不住了,到最後時長竟高達30多個小時,前端

爲何是angular?

angular是個人第一個框架,所謂先入爲主,即便工做中怕是再難用上,也不會把它丟掉,並且angular用戶是痛苦的,至少在國內,不管是文檔、生態、百度、教程等都全面被vue和react壓制,並不是angular技不如人,只因google太任性。本教程也算是爲推動angular作點貢獻吧,這應該是前端框架中,最給力的免費教程了。vue

作什麼?

用angular8仿造網易雲音樂pc端的部分功能,包括:歌單、歌曲、歌手和會員的登陸註冊等,並實現網易雲核心的播放器功能。react

能學到什麼?

主技術棧:angular8 + ngrx8 + ng-zorro + material/cdk,包括但不限於:git

  • ng-template,ng-content,ng-container
  • ng模塊化設計
  • proxy,http攔截器
  • 依賴注入
  • 自定義指令和管道
  • 自定義表單控件
  • 動態組件
  • 各類rxjs操做符
  • material/cdk
  • 變動檢測策略
  • ngrx8
  • ...

課程特點?

本課程全程都在實戰,在開發過程當中會盡力覆蓋ng的各類api,項目的模塊化、目錄設計和組件化等都是以真實項目標準來作的,可複用到平常工做的各項目中去,代碼極度精簡,期間更有徒手造輪子的過程,是一門學習框架和提高基本功的雙休課程。
源碼也分好了章節上傳到github:
master分支是最終完成的代碼
https://github.com/lycHub/ng-wyygithub

須要的基本知識?

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

學完後能達到什麼水平?

因爲本課程會盡量多的使用angular高級api,若是能徹底掌握,那在使用層面已經很是優秀了。徹底能夠獨自用angular勝任網易雲音樂官網這種難度的項目typescript

講授方式?

手寫每行ts和html,樣式部分複製作好的。api

很遺憾沒法上傳到慕課網,由於事先沒有了解清楚,推薦你們去網易雲課堂或B站觀看:前端框架

後續計劃?

若是平常夠穩定的話,會持續錄教程,如今年末估計是沒啥時間了,後面再錄教程也必定是走高難度路線,基礎視頻大機率是不會出的,這裏也有了基本規劃,最快等明年初vue3發佈後(我的覺的有點懸),打算出一個vue3 + ts的造輪子爲主的移動端課程,也就是不用任何ui框架徒手實現移動端日曆、滑塊、picker等複雜組件,這也是我入行第一年的經歷, 從定位上難度就會遠高於本課程,但願明年再見吧!!!框架

相關文章
相關標籤/搜索