用户体验的原型：开发计划+ jQuery / Framework？

Question

我开始以UX设计师的身份工作，直到最近才使用像Axure或Balsamiq模型这样的可视化工具进行原型设计。我总是被编码所吸引，并希望在我的原型设计技能方面变得更加面向代码。 我想知道您在我的特定情况下选择正确的发展道路的意见。简而言之：

我所知道的：

HTML + CSS，Bootstrap 4基础知识，基本编码概念（如变量，函数，类等）我最近开始学习vanilla JS的基本概念。

我希望能做什么

• 快速原型（按重要性排序！）1。应用程序（！），2。仪表板（！），3。移动应用程序，4。网站
• 对代码和修改代码的能力有中等的理解
• 制作动态动画图表（d3.js？）
• （重要）UI元素的动态动画

目标：

• 首先，我想提前4到5年计划我的编码时间表。我知道没有最好的工具和完美的道路，这就是为什么我要遵循＆＃34;足够好＆＃34;路径。
• 我不一定会寻找最新，最闪亮的技术。为了我的目的，它今天需要高效，不应该在几年内死亡。

问题：

• 我认为继续学习JS说中间点是一个好主意，直​​到我进入框架/库。 这是通常的建议，但另一方面，就原型设计而言，我只需要代码，如果我直接跳到框架，结果会更快吗？
• 如果我的目标只是原型设计，那么之后学习jQuery仍然是个坏主意吗？我最近看到很多不好的评论。我应该考虑（和为什么）任何其他框架/库如React？换句话说，对于我的目的而言，React优于jQuery 是否有任何优势？
• 我还可以在JS框架中使用css框架吗？后者的概念对我来说很复杂，我想知道它们是否可以用于原型设计，或者它只是专业开发人员的工具（这么多选项，很多工具！）。

谢谢！

Answer 1

  

我认为继续学习JS说中级是个好主意   直到我进入框架/库。这是通常的   建议，但另一方面，我只需要代码原型   我担心，如果我跳到框架，结果可能会更快   直接？

框架通常都有明确的功能和方法文档，因此我认为直接进入框架会花费一些时间。在并行学习中，JS对于识别JS格式和修改需求非常重要。我只关注具有特定目标的框架。尝试实现它，如果你遇到一些错误只是google它，你肯定会发现一些堆栈溢出问题。

  

如果我的目标只是原型设计，那么学习jQuery仍然是个坏主意   然后？我最近看到很多不好的评论。我应该考虑一下   （以及为什么）任何其他框架/库如React？换句话说就是   为了我的目的，说React超过jQuery有什么好处吗？

学习jQuery永远不会坏。很多外部库都是基于jQuery构建的。我真的推荐这本书：“Jon Duckett- JavaScript & JQuery”这将帮助你理解jQuery的基础知识。我没有看到React优于jQuery的任何优点。也许其他人对此有不同的看法。

  

我还可以在JS框架中使用css框架吗？的概念   后者对我来说很复杂，我想知道它们是否有用   用于原型设计或它只是专业人士的工具   开发人员（这么多选项，很多工具！）。

当然，JS Frameworks通常只专注于在原型中创建动态内容或建立功能。它并没有真正影响你的CSS。您可以轻松地将node.js与bootstrap CSS结合使用。