@
ohooooo 设计转前端最大的问题是解决如何把脑子里的想法给逻辑化（代码化）的问题；
实际上，在你设计的流程中，你会发现，不管是点击一个按钮以后出现的动态效果，还是往下拉网页时，页面元素的更替；在你的 sketch 或者 adobe XD 可以轻易地实现的效果，可能需要用起码十行乃至二十行代码才可以实现。
所以对于先搞设计后搞前端的人，我首先建议是彻底搞懂 CSS 以及 JS。
其中 CSS 其实已经可以实现很多很好看的设计效果（不一定是动态的），
举例：
https://cssfx.dev/-------
但是这个还只是前端基础。根据你提到的问题，我检索到的一些方案以及根据我之前的经验，建议有以下三项：
1、继续精进 JS 的学习，并且同时学习数据结构，我找到一个比较好的 Roadmap 是：
https://github.com/goodjack/developer-roadmap-chinese根据这个的前端开发的学习路线走是没有问题的。
2、根据我之前的经验，在精进 JS 以后开始使用框架学习如何模仿一个成功的网站。模仿以后再回看软件设计上的理论，然后你才会对某些理念有更深的意识。
3、在你精进前端的学习以后，然后你就可以开始尝试学习后端的基础，其中相对比较简单而且教程多的有 Java。
-------
当然回到问题，你现在需要做的还是按部就班地学习计算机相关知识，至少你要挑其中一个方向入门以后，你自然就可以开始使用这个方向的延伸知识进行创作。
大多数常见的语言的差别在于特性，内功是一致的——例如算法，例如各种基本的循环结构，if-else 结构。所以当你精进某一门面向对象的语言后，你对其它的面向对象的语言自然可以比较简单上手。
-------
以上是我不成熟的建议，仅是抛砖引玉。