小白弱弱的问一下，前端要学到什么程度才能着手项目呢

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2056 天前的主题，其中的信息可能已经有所发展或是发生改变。

除了 HTML+css+js 之外还有哪些是必须要掌握的，或者说学习进阶的路劲是怎么样的~

弱弱

路劲

CSS

HTML

31 条回复 • 2020-05-03 18:56:28 +08:00

xuhaodong66

2019-05-11 19:56:55 +08:00 via Android

可以去学个框架，做个项目，部署上服务器，遇到什么不会学什么

caoyouming

2019-05-11 20:27:01 +08:00

前端可以直接跟着项目学吧...

akakidz

2019-05-11 20:34:33 +08:00 via Android

过一遍框架的文档，直接去跟教程做项目，然后再回头看文档巩固。掌握 JS 其实不容易，学了框架你会深刻认识到...楼主加油，我也是新手，说的不对的地方希望楼下指正

bosda

2019-05-11 22:46:22 +08:00

基本的 HTML+css+js。为了效率，现在都是用各种工具框架。webpack、npm、eslint。玩转 js 的各种特性，还得会 es6。用了 es6，又得用 babel。对于规范，又有 cmd、amd、commonjs 之流。想高效的用上面向对象，自然得 TypeScript。为了方便前后端分离，又得了解一下 restful api，免不了也要知道 nodejs。当然，css 方面还有 stylus、sass、less。还有各种框架。jquery 渐渐被浏览器 api 取代。那总该学一个吧，react、angular、vue。用 vue 吧，简单轻量。好不容易撸个 vue2.x，3.x 版本又出来了。当你发现还能做 app、小程序、桌面程序的时候，又来个 react native、flutter、electron。这也太多了吧，能不能把它们都合起来只用一个就可以呢？然后你又尝试 webpy、omi。最后发现还是基本的 HTML+css+js 好用啊。

mumbler

2019-05-12 01:35:27 +08:00

自己做个网站啊

autogen

2019-05-12 03:01:26 +08:00

一开始就应该直接做项目学习。。。

111qqz

2019-05-12 03:20:02 +08:00 via Android

当时花了两天时间过了一遍 html 和 js 基础语法就直接用 react 写了，写的过程中顺便学了 ts。

111qqz

2019-05-12 03:21:31 +08:00 via Android

感觉 css 看得一头雾水。干脆就没有看了

acat99

2019-05-12 07:54:58 +08:00 via Android

当然是边做项目边学呀。整天看书看得你都呵呵

zqx

2019-05-12 08:10:02 +08:00 via Android

面向对象和 ts 有什么关系呢，ts 只是引入了静态类型系统，在代码编写阶段避免 bug，难道 ts 实现了类的继承和多态？

Baymaxbowen

2019-05-12 08:29:26 +08:00 via Android

直接跟项目学

zhwithsweet

2019-05-12 08:35:52 +08:00 via iPhone

小前端先从 psd 到 html，ajax 大前端手撕框架，webpack，babel

tuding

2019-05-12 11:02:42 +08:00

[小白弱弱的问一下，前端要学到什么程度才能着手项目呢？]
可以把“前端”换成“ C 语言”、“ Python ”、“ java ”等等。
你是想象着有个砍，迈过了就可以做项目，没有迈过之前就不能做是吧？
答案是，永远没有砍

murmur

2019-05-12 11:04:12 +08:00

有个五百行的代码就差不多了还是要写无论什么语言基本的编程素养还是得有

52gwz

2019-05-12 11:27:05 +08:00

@bosda ...劝退

diggerdu

2019-05-12 12:07:28 +08:00 via iPhone

项目驱动是最好的学习方式

susumr

2019-05-12 12:21:54 +08:00

可以边学边给自己写个 blog 站点记录学习过程，不断扩充自己知识栈

bosda

2019-05-12 12:25:04 +08:00

@zqx es5 中创建对象要 new 一个构造函数，对于类要实现继承无非就是使用原型链，es6 才出现 class 的概念，面向对象和 ts 没什么关系，使用 ts 能让你和平时写后端语言有类似的手感，语法接近 JAVA、C#，让你高效的使用面象对面

cherbim

2019-05-12 12:40:33 +08:00 via Android

学习速度最快的就是跟着项目做，但是难度也大，

hackyuan

2019-05-12 12:44:08 +08:00 via Android

我初学的时候是这么过来的：
首先我有一个做类似于导航站的想法，毕竟收藏夹不够用。刚开始就是写 HTML，随便抄了点 CSS，就放到 giuhub pages 上了，反正能用，再后来觉得太丑了就学了 CSS 美化一下，最后有一些动态的效果需要用到 JavaScript，相应的学了下来。等项目稍微大了一点你就发现很难管理那么多变量，这时候又去学了 AMD，CMD 之类的就基本上自用了。
总的来说就是你在做一个东西的时候会不断产生新的需求，去完善就行了。

hackyuan

2019-05-12 12:54:22 +08:00 via Android

随着项目越做越久，你自然就学会了项目管理，抽离配置，函数复用，命名规范等等，你自己的工具库也会越来越大、完善…
这时候你再去看别人的项目你就懂了他们为啥要那么设计结构(会心一笑)，然后根据别人的再来优化自己的。