V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

https://www.freecodecamp.org/news/learn-frontend-web-development/

很喜欢作者的观点，分享给 v 友

第 1 条附言 · 2020-05-07 13:25:13 +08:00

MDN 当作词典或者运行小段代码挺好用，和 console 同步（ console 直接写代码会有变量冲突等等问题

HTML(5) 和 CSS(3)

目前看过最好的学习资料就是 Responsive Web Design，循循善诱

不过在学习每个知识点前，最好先有个理论框架，比如 Flexbox 有哪些属性，看 MDN 左侧栏就有大概了

JavaScript (ES6+)

看过 蝴蝶书，红宝书 放在桌面上还没看过，犀牛书 只知道有这本书（这三本书都是纸质版书籍或者 PDF 版本

觉得还是 javascript.info 最好，支持在线浏览

最近看到这本书 Eloquent JavaScript，分三部分，每部分结束都有一个 Project，纸质版也只有 478 页，打算最近读一下

第 2 条附言 · 2020-05-09 12:27:24 +08:00

已提交至 github

指南

入门

作者

10 条回复 • 2021-07-04 18:34:50 +08:00

wesleyweatherly

2020-05-06 05:45:42 +08:00

看了，蛮不错
只是这个英文会拦住很多 V 友

YadongZhang

2020-05-06 06:01:27 +08:00 via Android

@wesleyweatherly 试着翻译了一下，强迫症，怎么翻译都不爽

zackwan95

2020-05-06 06:07:03 +08:00

太浅显了，如果我是想学前端看完还是不知道怎么入门。

YadongZhang

2020-05-06 06:14:43 +08:00 via Android

@zackwan95 Start with HTML and CSS

zackwan95

2020-05-06 09:15:26 +08:00 via iPhone

@YadongZhang 他也没说怎么 start 啊，而且就这一句话用得着写一篇文章么

CzaOrz

2020-05-06 09:36:46 +08:00

多用原生撸，少用框架套

shintendo

2020-05-06 10:40:23 +08:00

@zackwan95 网易云课堂，HTML 和 CSS 看翁恺的视频，很短，讲得很清楚，虽然只讲了很少几个标签，但懂了基本概念剩下的只是查表，JS 看智能社的视频，我见过的讲 JS 讲得最好的教程。
如果英文可以的话，直接上 youtube 看 net ninja，所有前端相关教程都有，讲得也好。

YadongZhang

2020-05-06 11:56:55 +08:00 via Android

@zackwan95 #5 freecodecamp 做完前两节，Take your time （慢慢来）

YadongZhang

2020-05-06 12:03:40 +08:00 via Android

@CzaOrz #6 原文是 The first time you choose a framework like React or Angular for your projects should be when you're confident that you can create that project without React or Angular.

不用框架都能够写一个完整的项目（多大的项目？ your codebase becomes unmanageable ）时，你就可以选框架了

sciel1211

2021-07-04 18:34:50 +08:00

谢谢推荐,有中文版了.

前端开发入门最佳指南

HTML(5) 和 CSS(3)

JavaScript (ES6+)