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项目实施吧。共勉，加油。