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

猜你喜欢

转载自www.cnblogs.com/zero-zyq/p/10935506.html