前端開發新手如何有效學習 Angular?

時間 2021-05-14 16:38:05

1樓:APICloud

開始搭建本地 Angular 開發環境。

學習英雄指南

閱讀架構了解大局。

跟模組介紹,為 Angular 描述怎樣編譯和執行應用。

顯示資料體現了資料繫結如何把元件屬性值顯示到螢幕上。

使用者輸入來處理使用者觸發的 DOM 事件。

表單包含使用者介面中資料的輸入和驗證。

小型和單用途部件來構建大型、易維護應用的途徑。

新手開發更多技巧

2樓:七舅

js不算太精通是基礎掌握不夠紮實嗎?如果是的話不建議直接學ng 因為曲線太長容易有挫敗感。

建議先學vue 或者 react 穩固一下js基礎然後學習ts 之後 rx.js 漸進式的學習都熟練掌握後開始學習ng 帶著你之前用react vue碰到的痛點開始學習ng 這樣比較平緩一次學的太多是很難堅持的。大佬們可以3天上手新人看情況吧。

3樓:COSMIC

我和汪志成老師恰好是相反的,屬於軟體工程掌握地不好的那種,所以提供下我個人的學習路徑。

NG很多設計是為了解決傳統問題,如果不了解這些問題,軟體工程也忘了,很容易不理解為什麼NG要提供這個機制或者那個機制,概念比較多情況下也沒有很明顯的記憶點可以抓。

我第一遍官網doc也看不太懂,也動手寫過英雄指南,還寫了學習文件,結束之後只能體會到NG確實很香,但是放手寫又有點迷茫,就像建房子時無從下手,腦海中沒有建築的結構。

接下來我就轉而看NestJS(中文)。

後者比較得NG精髓,可以更專注於非檢視的業務邏輯實踐。

具體地,nest照步驟cli搭建專案。然後可以先不看nest入門部分,翻到下面Nest+TypeORM的官方的實踐,先安裝TypeORM和Mysql,跑順官方demo(或者降低難度直接從這個DEMO上手,30min);然後自己模擬個業務,仿照demo寫個自己的entity;接著重新回到Nest入門,按教程順序把操作entity的service,controller,module寫出來;繼續實踐middleware,filter,pipe,guard等等這些,給你的路由應用上這些,並看到實際效果。最後如果有興趣,可以把GraphQL繼續整合進來。

這個demo跑順時候,對這套最佳實踐應該可以掌握的差不多了(真香預警),熟悉了各種概念,體會到DI,Module對於專案結構影響後,回頭再看NG會感覺順很多。

其實就是借NEST搭個橋,捎帶TypeORM做個增刪改查小專案的實踐,降低陡峭的學習曲線,順便點亮後端小科技樹(還能自己快速建站了);這三者文件都非常友好,有官方中文DOC:NESTJS(中文)、TypeORM(中文)、GraphQL。

最後再看NG,至少一大半都很明白怎麼做了,檢視部分再記一下,就著寫完的後端API和ORM的entity(當做type import)爽快地寫前端。做完了後還能實踐下高階部分的服務端渲染和PWA。至此前端技術棧完全更新一番。

至於rxjs曾經單獨學過,看的是程墨的《深入淺出RXJS》,這本書已經算是入門最佳講解了。不過目前結合NG還是很少用,也沒有用的那麼深,可以先不用特意去學。

當然最重要一點,TS沒有基礎要先花兩三天看一下!

4樓:吳紹彬

有一些簡單的例子和講解https://

2023年應該如何學習前端開發?

晴空萬里girl 對於題主所說的2020的我學習前端開發,如何才能做到高薪就業呢?可以看我回答過類似的問題 2020年,web前端還好找工作嗎?晴空萬里girl web前端達到什麼水平,才能找到工作 可以分為九個階段 首先很多都回答的很好,內容也很詳細。我寫個簡潔易懂的吧。2020年之前,前端技術飛...

後端開發需要學習前端框架嗎?

志遠德心網路科技有限公司 這個是需要學的,現在大多數專案都採用前後端分離的,而後端人員既要能寫介面,也要能寫頁面,就說傳說中的vue,當然有的公司也有可能用react。 時雨 作為乙個後端,我的答案是學。1.現在行業細分得厲害,了解各端的人通常可以有效的減少和各端開發人員的無效交流。2.保持新鮮感。...

如何學習web前端開發,求推薦路線,希望給點建議,不勝感激?

基質的U妹 怎樣學好Web前端,這是很多有意願去學習Web前端的人都非常關注的問題,Web前端工程師通過Html CSS JS等技術的應用實現不用終端裡展現的產品頁面,從而給使用者帶著良好的使用體驗。1.要有端正的學習態度,持之以恆的學習精神。剛開始學習的時候可能由於一時的熱情精力充沛,但是隨著不斷...