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