JavaScript 开发者的 10 款必备工具

By admin in bet体育在线网址手机版 on 2018年10月17日

自从《精益创业》之类的书本,到谷歌风投资金发表的有些篇,关于“互联网公司欠如何做软件”的意见层出不穷,却美味有关于“创业企业理应由哪并如何入手制作产品流程”的案例。

Ember.js 的功能

Ember.js 的法力包括:

  • 瞩目让简化开发之 API 。

  • 专注让给开发者使应用程序特例化的通用风格。

 

Ember.js 3.0 稳定版会在2018年1月1日公布测试版之后的2月12日公布。在 2.x
版本中莫引进下的 API ,依然是支撑的,这些 API 将于 Ember.js 3.x
中叫破。 一个 add-on 应以支持在 3.x 代码行中之 Ember.js 2x API 。

2. 事明确##\

咱为小型产品团队的花样展开工作,每队负责 Intercom
的相同部分。这些小队包含 PM、产品设计师、工程主管和 2-4
个程序员。对于如此的分工,责任肯定的制度好重要。我们来如此一个建制:

  • 假设问题分析不当,那罪当 PM。务必确保得足够的调研。
  • 要是规划无能够化解问题,那罪在设计师。你(设计师)务必管理解调研和题材的实质。
  • 若计划缓解了问题,但跟 Intercom
    不同台、不克交付最佳实践,或者不够显现,那罪当设计师。你(设计师)务必保管理解我们的信念、模式以及规格。
  • 一旦编程项目不克随设计成就,或者延缓交付,那罪在工程主管。你(工程主管)务必确保理解要缓解的问题与规划,并以初步敲代码之前合理、准确地布局计划。
  • 设若产品来最为多 bug 和废用例,那罪当 PM
    。务必确保集体以实际上状况和境界情况被测试。
  • 要是组织以修复bug上淘太多时间却休依照产品改良清单增加价值,那罪当工程主管。你(工程主管)务必保管每个品种都能改善具有代码质量。
  • 如我们不了解产品该怎么运行,那罪当
    PM。务必确保所有的成标准且早已于定义和检测。
  • 使产品未可知缓解问题,那罪在
    PM。务必保管发生个计划,逐步健全产品直至产品会一心解决问题。

活团队的义务分开本身就是独灰色地带,对是,相互间的合作便表示一个重好之(共同承担责任的)方式,所以组织好不怕会化解(责任)问题。但当我们解析宝贵的工夫还失去哪里了之时段,划清权责界限就变换得要。

React 特性

汝得运用React的 JSX
语法 来讲述用户界面。JSX允许以一个零部件中混使用JavaScript和HTML。在构建的过程中会变换成纯JavaScript。

为提高性,React 在近期底发行版React
16 中针对架构进行了重写,称为Fiber。这次更新的首要特色是至关重要为为处理大型组件的异步渲染。但是React本身还连无支持异步渲染,这将会见于React
16.x底版本线中实现。

React 16的另改善包括:

  • 提供组件堆栈追踪,使得调试更加简约。

  • 可以当组件的渲染方法(render)中一直回到字符串或者数组。

  • 新的重新快之,基于流的服务器端渲染。

  • 重仿佛原生应用之属性。

 

当有些团伙如Apache软件基金会反对那个批准条款后,React
重新修改了该因BSD+MIT Patents的新的执照。Apache 担忧基于BSD +
Patents 的认可使得软件对下游项目来说,不再是一个“万可知捐赠者” 。

好歹,我们还盼望能透过这分享引起大家的构思,甚至从根本上起至改进之打算。

Meteor 的功能

Meteor 平台,也给称为 Meteor.js
,包括用于构建已接连客户端的响应式应用程序的技能,构建工具及同名目繁多来自
Node.js 和 JavaScript 社区的软件包。使用 Meteor
后,服务器会由此设备发送数据而休是HTML,然后以客户端渲染它。

Meteor 1.6 是产一个批发本号,其首要是升格至 Node.js 8,这将被 Meteor
更好地用服务器上之 ECMAScript 功能,从而提高构建性能。

  • 虚空、抽象
  • 大抵来自于大家智囊,而未是发出过实战经验的口
  • 短快速成长创业企业的案例

何处下载 Ext JS ?

The Ext JS 软件可于 Sencha 的 Ext JS 页面下充斥到。

对这流程,请小心:

Backbone.js 的功能

Backbone.js
中之多少是以得创造、校验、销毁并保存到服务器的模型表示的。这些模型通过
RESTful JSON 接口连接到应用程序。使用 Backbone.js 时,当 UI
操作提示而转模型的属性时,该模型会接触更改事件。显示模型状态的视图会收到这个还改的通知并再渲染他们。

4. 设定目标的学问##\

每周目标和 Hustle

为保专注,不走歪路,每个产品团队都见面设定每周目标。这些源产品改良清单的附和版本的靶子图,包含了
bug
数量的减少和系统改善的做事,以保我们当明天还敏捷地运作。为了记录目标实施情况,我们付出了一个曰
Hustle 的中间工具。说交目标,我们经过 Trello 的 API
来拉称产品改良清单,并由此 Github 的 API
来拉称我们明白bug的概述。这里根本想说之是,我们的团会设定每周目标,并也底负责。

每日的对象和白板

为了好每周目标,每个人还产生同龙跟同龙外之有些目标。这巩固了咱们“每天必须有所为”的观。每个产品团队都起一个于是来记录当天目标的白板,在早会时就见面善目标计划。

每周的演示

每周五下午 5
点,大家都见面带上同一付出啤酒聚集在食堂好屏幕面前,然后工程师开始演示他们这周的结晶。

马上加剧了咱们所相信的物。节奏感也颇关键,毕竟我们在和时赛跑。我们于召开的持有事务,都当说变成能以同一宏观内到位的有些项目。

图片 1

参考##\

[1]
原文发表时大约为
1月份,作者也 Intercom 产品符合总裁 Paul
Adams。Intercom
是同下互联网商家,为合作社级客户提供用户沟通工具。
[2]
《精益创业》:即
The Lean Start-Up 的中文版,作者为Eric Ries。
[3]
Spotify:全球最酷之正版流媒体音乐服务平台之一。
[4]
Trello:一悠悠轻量级团队流程协作工具。

Ext JS 的功能

Ext JS 框架提供了许多组件,例如数据网格和日历。Ext JS 可及 Sencha
Architect 等工具并用,用于拖放 HTML5 应用程序开发,以及 Sencha
Themer ,用于应用程序的样式设置。

Ext JS 的构建器正在考虑怎样以 Ext JS 的架构执行长期的天职。Sencha
计划于今年岁末或者明初公布 Ext JS 7 ,但是出于 Sencha 收购了 Idera
,这些计划于今叫搁置了。关于提供合最新的 ECMAScript 标准及下 NPM
包管理器和 Webpack 模块绑定器的趋势讨论已举行了了。

  • 同层层之决策指南
  • 责任明确
  • 轻量、透明、全面的活改良清单
  • 设定目标的知识

哪里下载Angular?

Angular项目迅速入门页面使得开发者可以轻松启幕采用Angular。

3. 我们紧跟轻量而透明的产品改良清单运作##\

咱的出品改良清单是啊活之前途几乎单月制定的,分为三只日子段:

  • 前程 4-6 周老引人注目,有明晰的版计划;
  • 前景几只月啊来规划,有胜过级别项目之概述,描述了问题以及时机;
  • 又老的几只月则见机行事,与活使命相符的比较常见的想法。

其它有关产品之想法都见面在一个列表,由PM负责管理,团队限期对。

俺们举行产品改良清单时的勘察因素要发生三:

1)我们相信的物

它来我们的见解若是休研究,尤其是成品负责人团队的见地。它包括我们来看底大势以及具有的意见。

2)客户的定性反馈

俺们着重发生3独气反馈的自:

  • 研究团体对客户之征求反馈,以及PM和客户内的对话。我们的 PM 使用
    Intercom 与客户交流。
  • 经过 Intercom
    收集及的积极性申报。每周,我们的客服团队都能将众多长达对话进行标签化,进而由
    PM 们评审,并加加至未来产品功能列表中,其中部分虽会进来清单。
  • 销售沟通中的申报。我们的行销团队会以及 PM 们共享谈话记录,这样 PM
    们即使知道客户于行使过程中见面碰到哪些问题。每周,销售和活团队的负责人都见面评审清单,确保我们解决那些问题。

3)基于产品绩效评估的定量数据,主要来源于来点儿沾:

  • 每个品种概念之功成名就指标
  • 出品和组织规模的打响指标

活改良清单中之别类型,都见面给解释成多单团体项目,再解释成个人项目,这对准具有“以极其抢速度造最具有价值产品”价值观的我们而言要。我们也发生超过具有的产品团队、目标、项目以及本的战略性产品主题。下面是咱若攻克决每个阶段的总结。

翻译注:仔细研究上图有助于对后文的知情

活战略主题

现阶段,我们富有工作还含8只主题。为了以这些主题下联系,我们也每个主题都举行了一个白板,并悬挂在办公墙上。

各个一个白板都产生一个题名、一个描述了俺们怎么信任它很重大的回、我们当下于化解之题目、它将拉动什么回报,以及带来解说的概念草图。(注意:下图是以前的一个板块图,我们都用
Salesforce、Zendesk、Slack 和 Zapier 一起做到任何主题了)

组织目标

每个产品团队还起一个目标——一个急需数月份才会实现的韬略目标。每个组织目标都是咱下的生赌注,聚合形成了俺们的成品战略。

品种概述报告(我们誉为 Intermission)

Intermission
是我们为一个类型概述报告由的代号。这卖报告文档由PM负责,限定于同一页纸内说了解我们在解决什么问题、怎样才总算解决成功,以及要缓解的类别范围。不待将迎刃而解方案写进去,因为后面就起。Intermission的用意是在同团队达共识——我们以做啊,以及为何而举行。

翻译注:Intermission
有“中场休息、间歇、停顿”之了,但用那翻译后对于文章的接头作用不很,甚至牵动麻烦,故此沿用该英文单词。当然,如果您细心看了第一摆放图,也不妨拿该理解呢“中间任务”。

于 Trello 中之改善清单

对此比较短的产品发布周期(1 上至 2 周之间),我们的速非常急匆匆,每次 5 个或
6 个Intermission 和10个以上的迭代版本。我们为此 Trello 来集团工作:

  • Trello 中的有事务还属于PM
  • 每个版本都有一个 Trello 卡片,卡片上还来对许设计工作的链接
  • 咱来五单产品团队,每个集体对诺一律种颜色,卡片上发出什么颜色就标志该任务由什么组织担当

为确保责任肯定,我们发长长的规定,一个团体才能够有一个版本。如果产生啊缺漏了,我们就是贴一个红标签,这样咱们尽管可知明白它还是怎样缺漏的。

Trello 中的 Intermission 卡片

每个 Intermission 都出一个 Trello
卡片。卡片上含蓄项目概述报告的文档(即前提到的是因为PM负责之如出一辙页纸文档)的链接、要做到的本子,还有一个备遗漏的清单。有时候,我们会有意识划掉没有完结的职责,因为清单是因此来查缺补漏之,而无是用来强制完成的。

Trello 中之版卡片

每个版本都有 Trello
卡片。卡片同样发生宏图工作,和另能够分解产品跟表决由来之支撑文档的链接。每个版本卡片也还产生一个清单,分成设计、研发、答疑、测试、完整版本及往来版本
6
个组成部分(译者注:原文说有5单部分,可能为笔误)。同样的,清单是用来查缺补漏之,而不是为此来强制完成的。

Meteor

Meteor(又名 Meteor.js )是一个 JavaScript
框架,可以使用比较少之代码更快地开发
Web、移动及桌面应用程序。开发人员可以当备条件中采用 JavaScript
,包括于应用服务器、Web 浏览器和走设备及。

1. 咱们有相同多级的表决指南##\

为扩大产品团队并叫大家有成长,我们用建立平等效仿标准来提携大家再也好地做出与对象符合的核定。因此,我们出矣这么一仿指南:

踏上出同稍步,强过想象一良步

不积跬步,无以致千里。我们信任,通过不停优化,解决那些极端抢、最小与极致简单易行的作业,能叫我们再快地达到目标,并叫咱询问及是呀事物在真从作用。我们的有着项目还见面吃说变成稍而单身的本子,一步一步实现出来拉动被客户价值。为了加速开发,同时避免竹篮打水一场空,每个人还应相互督促,尽可能缩小项目范围并而的重新为简单。

想开产品,我们不怕见面想到每天与每周的目标

咱以为,Intercom
站于了风口上,但得跟日赛跑,每天必有所为。我们发雷同完美目标,并以她说明变成一龙同一致龙中的干活安排。每个成员在开班同上工作经常还了解她们当天之目标是呀,以及哪跟集团的等同到目标和活版本关联起来。

充分利用面对面协作

咱们信任,面对面沟通会再快地化解问题。比起我们所看到任何款式,两单人口在白板面前能够打产生又多之想法,更快地及共识。没错,远程协作为产生那么些功利,但每当(沟通)速度和效率及就是不同强人意了。因此,我们集团有着成员都一头处在一个作战室,而且,我们出一个谱:能公开沟通就是公开沟通。

非发生额外工作

应用白板及福利贴总比使用软件来得赶紧。对于其他工作,我们都力争轻装上阵,用极端少之软件工具来解决问题。如果管理一个成品要用尽
Google
Docs、Trello、Github、Basecamp、Asana、Slack、Dropbox和Confluence,那自然存在重问题。

珍视结果,而无计划

计划非常要紧,却非可能完全本计划办事。计划是因你时所兼有的音来制订的,但只有当您行时才能够一心明了这些信是怎么一磨事情。好集体能马上吸纳新信息并采取措施。哪怕环境万变,他们一直都能够自由应变,并于同之年华限定内获得一致的结果。

Angular

Angular,之前是出于Google开发之于称呼AngularJS,是用于移动和桌面Web开发之不过框架。为了创造类原生渐进式web应用程序,Angular提供用于汇编应用程序的数据服务的仗注入,以及用于复合组件的HTML模板。

相比起来,我们以为分享有关“我们以 Intercom
是何等制造产品”这样的情节展示更起价。在过去的 12-18
独月里,从细节功能改进到大设计改版,我们发布了跨 12
个版本,并从中学会了哪些扩大产品团队,如何高效地打涉及细节的来价的产品。

Vue.js的功能

声明式渲染是Vue.js中之根本,使用模板语法将数据渲染到DOM中。Vue.js组件系统是如出一辙种植浮泛,支持由而自从包含开发同而选用的模块组合的大型应用程序。Vue.js中之零件本质上是一个备预定义选项的Vue实例。
Vue.js
2.5以于2017年10月到,具有双重好并了TypeScript功能。稍后版的Vue.js的计划包括:

  • 使TypeScript用户更易于在Vue.js中启动新路

  • 使代理重写框架的响应式系统

  • 支撑WebAssembly可移栽代码格式

  • 接受Web组件更多职能的能力

    web前端/H5/javascript学习群:250777811

    迎关注是公众号→【web前端EDU】跟大佬联手学前端!欢迎大家留言讨论共同转发

觉得本文对而来拉?请分享给更多人

  • 其不必然符合有店铺,因为它们深受我们局文化的震慑。而若的商号文化必将是勿雷同的,所以您的流水线也该有所不同。
  • 它绝对免是周的,并当不断更新迭代。当你看看此经常,也许我们已经颇具调整。
  • 其才适用于即,以及我们今天之团队规模(4 单产品经营,4 只设计师以及
    25
    只工程师)。当我们团队规模还小时,我们并无是这般进行的,而相当及我们规模增大时,可能也无适用了。

jQuery

JavaScript 的 jQuery 库的 API 提供了操作 HTML
文档、事件处理和卡通等职能。jQuery 库由 JS 基金会管理,于 2006 年 8
月首糟披露。

若是至于“如何制作产品”,我们总能看到这么的建议:

何下载 React

React 可以于 React 项目网站 下充斥。

咱的流程可以分成 4 独第一组成部分来拘禁:

 

其一流程已经不同了##\

咱们以连地指向这种工作流程进行检讨与翻新迭代,每周都生新的落。这首文章展示了俺们以不断试错的日晒雨淋之后得到的阅历。在一个条件万变,快速增长的铺里制产品并非容易。希望这促进你反思,并改善打造产品的流水线。

React

Facebook用来构建用户界面的 React
库 ,提供依据组件的声明性的视图(view),使用JavaScript来编排组件逻辑。React库,也即是React.js,并无支持模型(model)和控制器(controller),但是可由此任何部分相关的花色到这些作用。

早于 2013 年,Spotify
曾经分享了她们是何许制作产品的,但其他店铺的详实案例也难找寻。也许是以具体太混乱,公开分享给大家发不打于吧。

jQuery 的特性

jQuery 并无是因此来构建应用程序的框架,但她提供基本的
API,很爱在浏览器中操作 DOM。jQuery
也得和应用程序构建工具并以,比如 Angular 和 React/Redux。

jQuery 团队今天差不多每年发布片单版,从今天到 2018
年遭到只是见面宣布有粗本。除此之外,jQuery 4.0
和连续版本要求以“下一代”JavaScript完全重写,这需要针对构建系统开展翻新。在
jQuery 4 和累版本被还有如下计划:

  • 重写 jQuery 的速框架,跟踪性能回归

  • 乍设计之风波模型,会丢弃特殊事件钩子,避免用 jquery.Event 类的卷入

  • 付出新的原生选项,比如被动事件监听器

Polymer的功能

5月份发布之Polymer
2.0版本通过去丢DOM操作时利用的Polymer.dom改善了互操作性。这令以另外库以及框架时更用Polymer组件更便于。
Polymer 2.0受的别样力量包括:

  • 数据系统的改良,以升级数据经过与要素中的调试和传递。

  • ECMASript
    2015类和专业的自定义元素。Polymer第1版备受之措施用于定义元素,而无是使Plymer的厂子方法。但是工厂方法还是通过兼容性层来支撑。

  • 更简便的数组处理。

 

快要公布是Polymer 3.0,它时是预览版本,功能包括Bower和HTML
import、NPM和ECMAScript 15模块。Bower和HTML
imports功能适用于依据HTML基于导入的干活流程。但是,他们拿Polymer置于网络开的主流之外,并且使人人难以使用其他框架或构建工具。

这些工具提供从事件处理到代码缩减和数据渲染之作用。以下是支付基于浏览器的
Web 应用程序的 JavaScript 开发人员工具确保着最为必不可少之技巧汇总。

Aurelia的功能

Aurelia有处理元数据、依赖注入、绑定、模板与路由的模块。Aurelia集成了Web组件,并提供与目标的双向数据绑定。多数Aurelia代码都是坐纯JavaScript编写的。其他功能包括:

  • 一个用来构建由定义元素以及叫元素添加属性的HTML编译器。

  • 支持动态加载。

  • 用来单元测试的不过构建耦合代码的依注入容器。

  • 提供创建新类型选的Aurelia CLI,需要装Node 4或重强版本、NPM
    3和Git。

  • 以及Polymer库的购并,用于构建而重复使用的web组件。

  • 在模板引擎中,用于组件继承时支持bindable的延续。

     

    web前端/H5/javascript学习群:250777811

    欢迎关注者公众号→【web前端EDU】跟大佬联手学前端!欢迎大家留言讨论共同转发

哪下载 jQuery?

jQuery 可以打jQuery 项目网站下载。

Aurelia

是因为聚焦的模块组合的Aurelia是由Blue
Spire开发之用来移动、桌面以及Web应用程序的客户端框架。它实现了飞速渲染和“高效”的内存使用率。

何处下载 Backbone.js ?

而可以从 Backbone 项目网站下载开发版本与活发布版。

Angular的功能

2016年9月的Angular第2本的特征是依据TypeScript(Microsoft的JavaScript类型化超集)的重写,以拍卖在Angular初始版本被架构上在的习性限制。
兹,开发者都在等待Angular
5,预计到到阳春二十三日公布(没有第3本子或第4本)。它预期的功用包括:

  • 用以在浏览器被缓存应用程序,以加强构建渐进的Web应用程序的便利性。

  • 构建优化器,通过删除不必要的代码使应用程序更有些。

  • 设若Material Design组件与服务器端渲染兼容。

 

Angular 6,预计发布时间比Angualr 5玩晚披露五届六独月,将聚焦为与Angular
5相同之主题:易用性,更小尺码以及属性。Angular本身有所强大的生态系统,在IDE中生四独数据库暨支撑,如JetBrains
IntelliJ Idea。

于乌得到 Ember.js

可以在 NPM 中输入 npm install -g ember-cli@2.15 来安装 Ember.js 。

哪里下载 Meteor

Meteor 软件可自 Meteor 项目网站下载。

 

JavaScript,一栽具有主流浏览器都支持的语言,是开发基于浏览器的
Web
应用程序的主力,几乎每年还见面蒙来自众多开发人员的关怀。自然地,框架和储藏室的生态系统自然而然地圈着
JavaScript 而不遗余力,以简化和增进 JavaScript 应用程序的开支。

何处下载Polymer?

而可由Bower包管理器上安装Polymer。

Vue.js

Vue.js是React的竞争对手之一,声称更快的渲染速度。其基本库聚焦为观看图层,并且框架主要是以增量实现。

Ext JS

以及任何老牌的 JavaScript 框架不同,Sencha 的 Ext JS 并无是开源的;
它是平种商业产品。它用于构建面向企业的数码密集型跨平台 Web
应用程序,需要多种形式的素。

何处下载Vue.js?

Vue.js软件可于Vue.js项目网站下载。

Polymer

Google的Polymer
JavaScript库旨在使开发人员能够充分利用Web组件,为可选用的自定义元素提供和浏览器内置元素的互提供或。

哪儿下载Aurelia?

乃可从GitHub上下载Aurelia。

Backbone.js

Backbone.js ,也就是是 Backbone ,为重度 JavaScript
应用程序提供了结构体。它拥有带动起键值绑定和由定义事件之型,它们是一个支持而枚举函数和声明性事件处理视图的
API 的集结。

Ember.js

Ember.js 是一个强调开箱即用之过人效率的框架。它兼具合并的模板,被称句柄条,旨在减少代码编写量;
在数码变动时,这些模板会自动更新。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 mobile.365-838.com 版权所有