javascript - UX : dev plan + jQuery/Framework? 原型(prototype)制作

Question

我开始以用户体验设计师的身份工作，直到最近一直在使用 Axure 或 Balsamiq 模型等可视化工具制作原型(prototype)。不过，我一直被编码所吸引，并希望在我的原型(prototype)制作技能中变得更加以代码为导向。我想知道您对在我的特定情况下选择正确的发展道路的看法。简而言之:

我所知道的:

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

我希望能够做什么

• 快速制作原型(prototype)(按重要性排序!)1. 应用程序(!)，2. 仪表板(!)，3. 移动应用程序，4. 网站
• 对代码有中等程度的理解并能够修改它
• 创建动态的动画图形(d3.js？)
• (重要)UI 元素的动态动画

目标:

• 首先，我想提前计划好 future 4-5 年的编码时间表。我知道没有最好的工具和完美的路径，这就是为什么我想遵循“足够好”的路径。
• 我不一定要寻找最新最 Shiny 的技术。就我的目的而言，它需要在今天保持高效并且不应该在几年内消亡。

问题:

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

谢谢!

Answer 1

I think it's a good idea to keep learning JS to say intermediate point,until I'll get into frameworks/libraries. That's the usual advice, but on the other hand, I only need code as far as prototyping is concerned, maybe results would come faster if I skip to frameworks directly?

框架通常都有关于其功能和方法的清晰文档，因此我认为直接进入框架会节省一些时间。 On parallel 学习 JS 非常重要，以便识别 JS 格式并修改您的需求。我只会专注于具有特定目标的框架。尝试实现它，如果您遇到一些错误，只需 google 一下，您肯定会发现一些堆栈溢出问题。

If my goal is just prototyping is it still bad idea to learn jQuery afterwards? I see a lot of bad reviews recently. Should I consider (and why) any other frameworks/libs like React? In other words are there any advantages of say React over jQuery for my purposes?

学习 jQuery 从来都不是坏事。许多外部库都是基于 jQuery 构建的。我真的很推荐这本书:“Jon Duckett-JavaScript & JQuery”，它将帮助您了解 jQuery 的基础知识。我没有看到 React 比 jQuery 有任何优势。也许其他一些人对此有不同的想法。

Can I still use css frameworks with JS Frameworks? The concept of latter is to complicated for my now and I wonder if they can be useful for prototyping purposes or it's just a tool for professional developers (so many options, so many tools!).

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