Aura Component Skills & Tools

本篇參考： https://trailhead.salesforce.com/content/learn/modules/lex_dev_lc_vf_fundamentals

 不知不覺已經作了三年多的salesforce，大部分項目仍是以classic爲主，可是之後的salesforce的市場畢竟屬於lightning，因此對lightning的學習也無法中止。由於作的lightning的項目很少，因此大部分的實踐經驗可能還要依託於trailhead。作或者學lightning的時候其實不少人都會發現，lightning和classic針對前臺的交互真的相差蠻多的，它會要求你更多的javascript的知識，更多css以及DOM理解的知識。誠然之前的項目都會用到javascript以及CSS相關的UI處理，可是學的老是隻知其一;不知其二，歷來沒有系統性的讀過一本書或者看過一個完整的教程，基本上就是了解一個大概，後期用到哪百度谷歌，卻是也不耽誤開發。然而學習lightning的時候發現，若是對javascript以及CSS仍是抱着以前的態度去學習，確實會變得愈來愈累，由於lightning不少的前臺的框架機制以及寫法確實好多都借鑑了javascript。因此在避免盲目學習，學玩就忘的前提下，翻了一些trailhead之後，安利一下官方提供的這個lightning aura框架下的基礎學習。

一. JavaScript的學習

Javascript對於開發人員來講不會是不可能的，可是深刻學習的可能並不太多，Null, Undefined , NaN區別；基礎類型以及非基礎類型都包括哪些內容，有哪些具體的區別以及經常使用方法；嚴格等於(===)和常規等於區別(==)以及哪一種場景下應該優先考慮哪一種寫法，javascript對於事件的處理機制；同步以及異步的用處場景；handler call的機制以及best practice等等。太多太多咱們在項目中經常使用的可是老是會模糊和混淆的，因此兵欲善其事，必先利其器。想要學好lightning提供的aura框架開發也好，LWC開發也好，先將本身的javascript基礎夯實起來纔是王道。這裏官方推薦了好幾個優秀的書籍，其中有兩個能夠在線觀看。其中 Speaking JavaScript適合0基礎或者有基礎可是基礎薄弱的人，真正耐心讀下來確實受益不淺，鍛鍊了英語也夯實了javascript的基礎知識。慚愧的是我目前只是淺顯的讀了一遍，權當拋磚引玉。

Speaking JavaScript :  http://speakingjs.com/es5/index.html

Eloquent JavaScript ： http://eloquentjavascript.net/

二. HTML、CSS以及LDS學習

HTML、CSS是一個必需要打好基礎的東西，往小了說好多標籤的轉義影響了javascript針對form中或者html中使用的不一樣方式取值，往大了說影響到你對DOM結構深層次的理解。因此建議有時間的小夥伴仍是最好先多多瞭解一些HTML的基礎以及CSS的深刻使用。

說到lighting，天然會說到官方提供的強大的LDS：https://www.lightningdesignsystem.com/ 包括了官方封裝好的經常使用的標籤的 html/css的實現以及各類適配的css樣式庫和一些icon等。曾經學習lightning看到這些大量的封裝好的庫文件確實很頭疼，讀起來也很費勁，也不太清楚學習的方向，基本上會用標籤會查文檔就行了。後來基本上用到哪一個lightning封裝好的標籤便會看一下這個對應的html/css實現，多讀多看，時間長了對於提高css能力仍是有很大幫助的，感興趣的小夥伴能夠嘗試。固然，由於作lightning項目比較少，有更加高效或者更加深刻學習的方式，還請這方面的前輩多多指教。

三. 針對Aura 框架下的學習

Aura框架的入門其實仍是很容易的，官方提供了不少的trailhead用來學習：其中 https://trailhead.salesforce.com/content/learn/modules/lex_dev_lc_basics?trail_id=lex_dev 基本上這個trailhead涵蓋了簡單的lightning的組件開發的基礎東西，剩下的就要看多讀官方的文檔，aura框架就能夠入門了。固然，看trailhead學到的永遠是淺顯的東西，真正的深刻最好仍是作項目。項目中至少在規範性以及實用性會讓你學到不少東西，並且經歷了坑，纔會知道哪些坑是你不能再踩得，自主學習學到的永遠是理想狀態下的皮毛而已了。因此沒作過lightning的小夥伴，快快找個lightning項目實施吧。共勉，加油。

原文出處：https://www.cnblogs.com/zero-zyq/p/10935506.html