初级前端，想把摸鱼时间利用起来学点东西，在犹豫学什么

[sangsang654321]

非科班，现在用的是 JS ，手上有 vue3 和 react 的项目，主要都是 less 。 工作量一般，而且我工作效率比较高（不是）所以每星期做完需求都还能剩下一到两天摸鱼。 还在试用期所以可能需要比较侧重考虑前端内容。

现在想学的东西分类来看的话

已经入门但是不算精通的技术深入： React less

前端感觉需要了解但是还不会的内容： TypeScript deno

感兴趣的后端语言： python （已经基本入门，可以做简单，部分中级和极少困难的 leetcode 题） go rust

也想了解数据库什么的，但是公司后端主要是 JAVA 和 C++，不知道好不好问。

求指点一下~

感谢各位，暂时整理一下~

总体学习路线： https://roadmap.sh/frontend

基础知识相关： 总结/指南 计算机原理 数据结构和算法 （链接是JS的数据结构与算法） 网络基础 （这本我之前已经看了个开头~确实写得很好） SICP

前端知识： TS SSR SSG 框架原理 MDN精读

前端框架： three.js next nuxt nest

后端： go C++

其他领域： 英语 AI 游戏 保安证（？）

看下来各位的意见我暂时还是打算先从基础知识开始，再次感谢大家

[IamCyborg]

同 蹲一个

[GoCoV2]

nodejs

[404bird]

Frontend developer roadmap https://roadmap.sh/frontend

[givenge]

three.js

[semi11235]

less 是什么？

[Jenny12]

go

[lmshl]

7-8 年前我大约处于你这个阶段，（专科+培训班 ≈ 本科+非科班？）然后我去学了《 SICP 》和《组合数学》，现在已经是 CTO 了。
不过时代变了，不敢保证今天学完这两本书的人，还能不能收入翻几倍。

[libook]

MDN 上的教程和 API 看一遍，即便有很多信息你都已经知道了，但依然在能在边边角角发现一些干货，对你以后工作可能会非常有帮助。

[v2e0xAdmin2]

@lmshl 没有恶意哈，纯好奇，你们公司有多少开发呀？

[creanme]

@semi11235 Less 是一门 CSS 预处理语言

[CEBBCAT]

初期可以面向找工作学习，投几家公司，面试的时候做好记录，然后对提到的知识点深入学习。

[darkengine]

TypeScript 绝对值得一学

[weixind]

TS 已经算是前端的必修课了。可以尝试慢慢引入项目。

[Pastsong]

先把基础打扎实，vue react less typescript 都不是前端基础，基础是 js html css 。非科班就先去补科班课程，计算机原理，数据结构和算法，网络基础，科班教这些课程是有原因的

[nxcdJaNnmyF9O90X]

ts 必须学

[kwh]

学 python ，那还不如学 C++。
学 go ，不如学 Java 。

原因有
一，C++能开发后端，能配合你的前端技能。
二，C++能开发前端，QT 和虚幻引擎。
三，C++性能高。
四，没有 C++不能干的。

数据库肯定要学啊，不学，你后端怎么保存读取数据？

[lodisy]

roadmap.sh

[yacolinqi]

可以看着前端面试题去学习，有些题目可以引发一些知识面的拓展的

[tool2d]

@kwh C++产出太慢，不太适合一周只有一天摸鱼时间的楼主。

比较适合一周工作一天，剩下 4 天摸鱼的前端。

[tool2d]

我个人觉得可以学一下 AI ，这是未来的大趋势。

无论配音 /聊天 /绘画，现在 AI 和早几年不可同日而语，未来应该大有可为。

py 也不会占用你太多时间，毕竟你不会自己去训练数据。而且通常离线 AI 挂上一个漂亮的前端，就直接是一个成熟 To C 产品了。

[ychost]

学一学游戏啥的，别限制于 WEB

[a852695]

别限制于一个语言，语言的底层逻辑都是相通的。
反而说，你去了解某个领域，而不是一个技能。

[molvqingtai]

面相工资编程，deno 那些那可以先放一边，SSR SSG typescript next nuxt nest 能熟练运用这些比较好找工作

[buttenkill]

考个初级保安证

[ericgui]

你考虑自己写个什么项目吧

[TabGre]

@tool2d 我现在也是这样考虑我，请教离线 ai 是什么概念

[QKgf555H87Fp0cth]

在犹豫说明不需要学习什么

[wangtian2020]

把项目中的所有函数替换成箭头函数
把项目中的所有 var 替换成 let
把项目中的所有回调替换成 async fun
看 prettier 文档为自己准备一个舒服的.prettierrc 文件
用扩展运算符，解构赋值，Array 方法的链式调用优化你以前写过的代码

删除项目 css 中的所有 float 用 flex 布局代替
以下 css 属性懂吗？ aspect-ratio transform mix-blend-mode user-select ......
看一看 es2020 es2021 es2022 JavaScript 加入了什么新方法，再看一眼明年 es2023 的可能会加入的新 API

[christin]

deno 现在还有人学呢？

[tool2d]

@TabGre 离线 AI 就是模型在本地运行的 AI ，这样项目 github 挺多的，一般都是科研。

不接入第三方 API ，相对来说发布更灵活一些。

[28Sv0ngQfIE7Yloe]

英语

[EricGoodMan]

肯定是英语

[plk403]

@lmshl 为什么感觉看到过这个回答

[qppq54s]

同问，我目前准备先看一遍基础 https://developer.mozilla.org/zh-CN/docs/Learn/Front-end_web_developer
然后 学点 TypeScript 同时看看使用中的库的原理，比如 vue-router ，vuex 等怎么实现的

[followztx]

得学未来 10 年不会被抛弃的东西，比如英文、计算机科学。

下面是自学计算机科学的内容:
https://github.com/izackwu/TeachYourselfCS-CN/blob/master/TeachYourselfCS-CN.md

至于网络上新技术、新工具、新框架、新语言、新平台之类的，打好 CS 基础工作时按需学习更好。

[alexsunxl]

深入学原理呀。vue 的 react 的 webpack 的。
别把你的工作内容一直当做黑盒子。
现在 UI 界普遍流行声明式了，包括 android 和 ios ，小程序。
这里面 react 确实起了很大的推动。
fn(state)=ui 是怎么是心啊的？ 了解一下这个“=”在内部是怎么做到的，现在还挺多视频和文章讲解原理和核心流程的。

[alexsunxl]

@alexsunxl 是心 =》 实现

[jearbilove]

结合工作需要去学些东西吧，漫无目的地学基本上没戏，坚持不了几天就放弃了，非要学的话就学学英语

[sangsang654321]

@christin 因为最近打的游戏刚好有大佬用 deno 做了个工具，觉得挺有意思的，用的 TS ，我也基本看得懂，就列入兴趣列表了 hhh

@wangtian2020 谢谢，受到你的启发我打算把现在负责的项目部分重构一下

@ericgui 嗯，学的过程肯定会写点东西，边学边写这种吧~

[sinnosong1]

C/C++

[sinnosong1]

C/C++、C#/Java 、JS/TS 、F#/Haskell 这些不香吗

[karott7]

JS 方面：rollup / vite / react 没事研究下源码，业务中通用的组件和功能可以尝试自己写下，node 也用起来做个小工具； less 以及其他与处理器可以放弃了，已经可以用 tailwindcss 和 postcss 替代了，尝试参与开源

后端不太懂，不过我正在学 java ， 我觉得懂一门后端语言还是有必要的，看楼主兴趣

[datadump]

前端框架：three.js next nuxt nest ------> nest 是后端框架吧

[jianv3]

@sinnosong1 香啊,但是不用的话 , 分分钟就忘记了. 最近看 rust , 写了两个 demo, 一周不碰, 陌生的很, 整不会了