JavaScript 设计模式(中/英)

在无序的世界里保持代码的条理性

高级

大约 6 个礼拜

6小时每周 (按照自己的节奏)

加入成千上万的全球学员

开始免费课程

加入课程
免费
可享受
课程视频
实战练习与参考项目指导
高级

大约 6 个礼拜

6小时每周 (按照自己的节奏)

加入成千上万的全球学员

课程概述

这门课程介绍了如何组织代码的方法(既是字面意思,又是引申含义)。你将学习在编写 JavaScript 时分离关注点的重要性,同时还有机会去实践操作。分离关注点可以借助组织性库或框架来实现,当然也可以不借助二者。我们将学习如何不借助组织性库或框架来分离关注点,然后再一起研究一个组织性库。你还将学习如何自己研究其他库和框架的策略。

学完这门课程后,你将通过个人体验了解到组织代码的重要性,以及如何通过 Vanilla JavaScript 或组织性库/框架来实现这一点。你的应用将不仅对你的用户来说,看起来整洁专业,而且对于任何查看你的应用源代码的人来说,同样如此。此课程提供中文版本。

喜欢这门课程?你可以继续学习“前端开发工程师”纳米学位!

为什么学习这门课程?

很多开发者一头扎进了项目,而不去思考所编写代码的组织结构。破解项目很简单,但是最优秀的开发者会花额外的时间来思考应用的组织结构,并遵守合理的组织结构方法。

为了编写简洁的代码并成功应聘下一份工作或获得晋升,你需要熟练掌握组织技巧,同时需要将这些技巧运用到你的项目中。能够编写清晰简洁、整齐有序代码的软件开发者难以寻觅,如果你掌握了代码组织技巧,绝对会从众多候选人中脱颖而出。

先修要求

这门课程面向的是具有一定的 JavaScript 经验并了解 JavaScript 库(例如 jQuery)的中级网络开发者。

学员还必须熟练掌握 HTML 和 CSS,具有创建静态网页的经验。

查看使用优达学城的技术要求

你将学习什么内容?

项目

街区地图

你将开发一个单页应用,展示你所在街区或你想要参观的街区的地图。然后你将向此应用添加其他功能,包括:地图标记,用于标识你要参观的著名位置或地点;搜索功能,用于快速找到这些位置;以及一个列表视图,用于简单浏览所有位置。然后,你将调查并实现提供每个位置附加信息的第三方 API(如街景图像、维基百科文章、Yelp 评论等)。

学习计划

第 1 课:改变预期

首先,我们将按照你已经知道的方式构建一个项目:不采用总体性组织方法。具体来说,我们将讨论当我们不使用组织模型时,会很容易遇到的疑难点。然后,我们将讨论未来可以对我们有帮助的范式,并查看关于这一范式的一些示例。

第 2 课:代码重构

我们将花一些时间讨论如何将新的范式运用到在第 1 课中完成的项目,然后我们将使用新的组织范式重新构建该项目。

第 3 课:使用组织性库

我们将学习如何使用组织性库 KnockoutJS 来组织代码结构,并减少我们的项目中的样板代码。最终形成的应用会整齐有序、易于理解,并且可扩展。

第 4 课:阅读不熟悉的代码

在最后一节课里,我们将花些时间讨论如何阅读并非自己所编写的代码,甚至可能用到了你不熟悉的库/框架。阅读代码是开发者必须具备的最重要的技能之一,这节课将指导你如何开始掌握这一技能。

讲师与合作伙伴

Ben Jaffe

Ben Jaffe

在技术人员、动作图像师和音频工程师等岗位间兜兜转转后,Ben 最终来到了优达学城,成为一名网络开发者和前端课程开发者。他联合主持了 GeekSpeak,这是一个关于科学与技术的电台节目和播客,每周举办一次。他还会唱歌、弹奏钢琴、竖笛和吉他。当他没有讲课、开发或做电台节目时,就会写写歌,录制音乐,摆弄下木制品,烘焙甜点,并周游世界。他总是爱笑。

官方微信公众号二维码

优达学城(Udacity)微信