2023 年的 web 前端，该如何学起？

[xption]

最近想系统化的学习一下 web 前端开发

知识背景

• JavaScript 有点儿基础
• html 略有基础
• div 不够熟练，css 不够熟练 （古早年代用 table 多）
• 没有接触过 H5
• 没有接触过各种框架
• 没有接触过各种打包工具（ node.js 那些）

学习目标

• 使用 html 、css 搭建常规网站
• 使用 Vue
• 熟练使用 node.js 构建工具

求助

• 给小弟介绍下学习路线
• 推荐几本书

[lilei2023]

先从 js html css 这三个学起吧，教程的话，上网搜吧，一大堆，等到了一定程度，开始看看 vue react

[xption]

@z1645444 老哥请问 FP 是什么？

[jingcoco]

英语还可以的话 可以看看 https://frontendmasters.com/courses, 从入门到到扩展,基本都是请的大厂的人来讲的, sevlte ,rust,vue 请到了核心开发者

[xption]

感谢大家的回复，我今晚整理下这就动手学起来，后续有进步会来给大家汇报

同时看到不少 V 友收藏了这个帖子，说明有同样疑惑的不止我一个人
大家的回复给我们提供了帮助

[z1645444]

@xption #22 Functional Programming ，函数式编程👉

[DOLLOR]

光会前端是没什么前途的，建议同时学 java spring ，卷全栈。

[Jat001]

学 vue ？你知道 vue 相关的生态迭代有多快吗
选项式 api->组合式 api
vuex->pinia
webpack->vite
vuepress->vitepress
只能说这些人太卷了，隔两年就推出新的一个框架替代旧的

[PTLin]

我说说我的路线。
JavaScript 高级程序设计。
深入解析 CSS 。
了解常见 html 标签，表单。
官网学习 React ，扒一个项目看看都用了什么库。
了解 React 的各种常见库，表单库，useSWR ，ahook 等等，看 UI 库比如 MUI 什么的。
学习 TS 。
学习 webpack ，vite 。
放弃 web 。

[ixcode]

<amp-youtube data-videoid="R_OERlafbmw" layout="responsive" width="480" height="270"></amp-youtube> 找个类似的视频跟练几个就啥都会了

[libook]

JS 、Web API 、CSS 去 MDN 上看 Guide ，看完后通读 API 文档。

Vue 的话去 Vue 官网看文档，算是中文文档写的最好的框架了。

Node.js 去 Node.js 官网看 Guide （或者找中文翻译版），基本就会用了，如果想做 Node.js 开发的话可以通读 API 文档。

三个网站，完全可以满足你的学习目标。

[jones2000]

先说下自己的学的专业， 如果不是科班出生的，建议先补基础， 高等数学， 编译原理 ........

[lete]

学个 der ，根本学不完，后面有你好受的

[tsja]

视频课程推荐 coderwhy 的大前端系列。腾讯课堂原价七千多，现在加客服大几百就能买全套。当然网上免费的盗版也有很多。我也看过不少书和视频，但都没有 coderwhy 这一套讲的成体系。学到你要求的水平，应该三个月就够。

[Warden2003]

@jones2000 高等数学？各位编程中真的用得到这个东西的占多少？更别提前端了。
叠甲：本人计算机科班在读，数学爱好者。

[zhwithsweet]

@makelove #17 前端要以和为贵，react / vue 35 岁也得 滴滴外卖，到时候一起抢单，不要因为框架伤了和气。

[leokun]

@solobat 我之前一直写 react ，并且一直是 FP 的爱好者，最近不得已的情况下，用 vue3 开发一套系统(tsx+template)
实话实话,vue3 真的比 react 方便太多了，不需要考虑太多的东西就可以写出来性能非常好的代码(watchEffect 和 render 函数中访问了属性，立马就可以自动建立响应式依赖) 它真的就是响应式 react ，踩一捧一真的👎

[solobat]

@leokun 我想说的跟 FP 与响应式或 UI 都没有关系，前端也是编程的一部分，用函数而非模板就是要学会去抽象，这才是编程的核心能力，掌握了这个，其它 UI 、状态管理之类的细枝末节，使用多了就熟悉了，没什么好大惊小怪的。OP 明显是个前端新手，对新手而言，我觉得重要的是代码能力，而不是方便和效率。

[fdghjk]

@make17better 现在不是流行网格布局吗

[jones2000]

@Warden2003 傅里叶变换， 正态分布

[ynxh]

学前端死路一条，看看招聘吧，哎，49 年入国军