专栏首页salesforce零基础学习Aura Component Skills & Tools

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • React Hooks简介

    组件间逻辑复用一直是个问题,Render Props、Higher-Order Components等常用套路模式都是为了分离横切关注点(Cross-cutti...

    ayqy贾杰
  • python的复制,深拷贝和浅拷贝的区别

    在python中,对象赋值实际上是对象的引用。当创建一个对象,然后把它赋给另一个变量的时候,python并没有拷贝这个对象,而只是拷贝了这个对象的引用

    菲宇
  • 检查JavaScript文件_TypeScript笔记18

    但为了确保文件内容只含有标准的 JavaScript 代码,.js文件按照 ES 语法规范来检查,因而不允许出现 TypeScript 类型标注:

    ayqy贾杰
  • 模块_TypeScript笔记13

    简单来讲,如果一个文件中含有合法的import或export语句,就会被当做模块(拥有模块作用域),否则就将在运行在全局作用域下。例如:

    ayqy贾杰
  • 模块解析机制_TypeScript笔记14

    模块化机制让我们能够把代码拆分成多个模块(文件),而编译时需要知道依赖模块的确切类型,那么首先要找到它(建立模块名到模块文件路径的映射)

    ayqy贾杰
  • koa中间件与async

    相比express的保守,koa则相对激进,目前Node Stable已经是v7.10.0了,async&await是在v7.6加入豪华午餐的,这么好的东西必须...

    ayqy贾杰
  • 【Kibana6.3.0】Kibana6入门小白教程之下载安装与数据准备

    Kibana是专门用来为ElasticSearch设计开发的,可以提供数据查询,数据可视化等功能。 下载地址为:https://www.elastic.co/...

    菲宇
  • AJAX+JSON总结

    在 onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。

    菲宇
  • Spring WebSocket初探2 (Spring WebSocket入门教程)

    stompClient.send("/app/change-notice", {}, value);

    飞奔去旅行
  • 声明合并_TypeScript笔记16

    TypeScript 里,一条声明可能会创建命名空间、类型或值,比如声明 Class 时会同时创建类型和值:

    ayqy贾杰

扫码关注云+社区

领取腾讯云代金券