自学web前端初学求指导

V2EX = way to explore

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

现在注册

已注册用户请登录

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

目前在w3school里自学HTML，写HTML感觉就是背课文一样，要记的东西很多
js现在在看JavaScript: The Good Parts，看了点觉得语法很混乱，看了书也不知道js该怎么写，如何用
求解答，谢谢

HTML

自学

24 条回复 • 2017-05-20 08:21:38 +08:00

lichao

2013-07-09 11:42:40 +08:00

边学边做，先用 HTML、CSS、JavaScript 写个博客模板出来

FrankFang128

2013-07-09 11:49:33 +08:00 via Android

用以致学，不要学以致用啦

flynngao

2013-07-09 13:37:16 +08:00

https://gist.github.com/dypsilon/5819504 看着学吧亲

typing

2013-07-09 13:46:02 +08:00

试试MDN,

我觉得w3school有点老

kidblg

2013-07-09 14:22:00 +08:00

1，多看多用。
2，用jquery搞点东西，找找js感觉。
3，多看看前端牛人的blog（玉伯、kejun），这样起码视野上有高度了。玉伯写过一篇文章叫“JavaScript 学习资源推荐”，你google一下。

bitsmix

2013-07-09 15:36:57 +08:00

good parts 可以3个月之后再看

jjplay

2013-07-09 15:38:50 +08:00

远离码农身心舒畅

ccbikai

2013-07-09 15:42:39 +08:00

先去做做简单的博客模板，练手

luoli

2013-07-09 15:49:12 +08:00

下载一些html div模板练练。

LokiSharp

2013-07-10 00:44:22 +08:00

可以去看看 Head First 系列的书，看起来很快，学起来很有趣

miniwade514

2013-07-10 02:12:33 +08:00

O'Reilly 有一套系统的书，由浅入深，强调实际操作，非常好的

lhx2008

2013-07-10 08:13:54 +08:00

感觉实在不行就看视频，因为有人现场演示给你看，我就不喜欢看视频，因为比较浪费时间

lichao

2013-07-10 08:53:09 +08:00

@lhx2008
要说视频，这两个很不错

30 Days to Learn HTML and CSS
https://tutsplus.com/course/30-days-to-learn-html-and-css/

30 Days to Learn jQuery
https://tutsplus.com/course/30-days-to-learn-jquery/

强烈推荐

miniwade514

2013-07-10 09:03:34 +08:00

@lichao +1. 这两个视频确实要推荐。第一个 30 days 对激发我对 WEB 前端的兴趣起了很大作用。

slimbloody

2013-07-10 12:26:02 +08:00

@miniwade514 求提供书籍的学习顺序，谢谢！

@typing
@bitsmix
@LokiSharp
@lhx2008
@lichao 看视频的时间不太够，我每天只有下午有时间学习，其他时间都在搞训练去了，但是项目需要等师兄回来后8月20号左右开始做，求一个好的方案，谢谢！

LokiSharp

2013-07-10 15:00:34 +08:00

Head First HTML with CSS XHTML
Head First JavaScript

这两本就够了，每天看两到三章，半个月看完

P233

2013-07-10 15:20:28 +08:00

@slimbloody 多练习就好了，看再多，不如写个最简单的页面挨个把所有属性试一下，再积极笔记最好

a7898585

2013-07-10 16:59:40 +08:00

nice

zhouitpro

2013-07-10 17:16:55 +08:00

HTML真心不希望你去一个一个背下来，毕竟常用的就那个。你用多了再扩展。如果可以给你推荐李盐灰老师的XHTML, CSS, PHP 和JAVASCRIPT. 基本上整套，免费的视频。至少我是从这里出来的。

miniwade514

2013-07-10 18:16:10 +08:00

@slimbloody 抱歉我说错了，，是 Appress 有一个系列的书，我记得是在 john resig 的那本 Pro

JavaScript Programming 封底看到的路线图。。（额，其实这一段话不重要。。）

初学了快两年了，，我根据自己的学习路线扯扯。。

我最喜欢这两家出版公司的书：O'Reilly 和 Appress ，他们两家的中文译本的出版社分别是电子工业出版社和人民邮电出版社（我看到的大多数是这两家，可能也有例外吧）。
初学，我建议看我刚才说的 Appress 的那一个系列的书，你可以找一下《Pro JavaScript
Programming 》( John Resig 著 ) 的中文版，或者《JavaScript DOM 编程艺术》，它们的封底应该有
个路线图，图上面由浅入深的，都是他们公司出版的前端的书。

HTML 和 CSS ：直接看 HTML5 和 CSS3 的书。

CSS3 的书，看一两本就够了，第一本用来熟悉 CSS 的那些（新）属性（《The Book of
CSS3 》），第二本用来学习 CSS 的一些高级使用。想进阶学 CSS3，最好的途径是在网上看各种牛人用 CSS3 实现的各种效果，动手最重要。

HTML5 的书，通识的书看一本（大略地介绍 HTML5 的所有新特性，算 stage 1，如《HTML5
Up and Running》）；针对某一方面的书，可以多看几本（一般讲 canvas 的比较多，比如 Rob Hawkes 的《HTML5 Canvas 基础教程》，还有《HTML5 多媒体什么什么》，这些难度都不大，算是 stage 2）；再后来可以看看更深入的（如《HTML5 高级程序设计》，算 stage 3）。

但是，CSS 的许多东西书上是不会有的，只有在自己的实践中遇到了，再去用各种途径寻求解决办法的时候能学到。这些也不用多说了，只要你动手就一定会学到东西的。

JS ：我觉得学习 JS 分为这样几个阶段

stage 1. 知道基本语法，会简单的 DOM 操作。在初学前端的时候，这些够了。推荐《JavaScript DOM 编程艺术》，超喜欢这本书，循序渐进，并且在一开始就反复强调“内容、呈现、行为的分离”，这是很重要的，也是很多书忽略的。

stage 2. 开始用库来完成一些更加复杂的操作，最流行的是 jQuery ，书很多，但是不一定要看，因为官网的 API 文档已经非常完美了。这个阶段你开始了解 JavaScript 可以做很多很多事情。其中非常重要的一个就是，Ajax。

stage 3. 回归原始。jQuery 用的很爽，但是那只是在用 JavaScript 的，而不是真的在写 JavaScript。所以，开始学习 JavaScript 的各种原理，开始看 jQuery 的源码，开始寻求写出更高质
量的代码。推荐：《高性能 JavaScript》。神书不需要推荐：《JavaScript高级程序设计第三版》。

推荐了一摞书，，但是还是要说，动手最重要。

diguage

2013-07-11 12:38:57 +08:00

如果是JavaScript入门的话，《JavaScript高级程序设计（第三版）》这本书一定不能错过！不要被这个“高级”吓坏了，其实内容很基础的，而且讲解的也非常好！

《JavaScript DOM 编程艺术（第二版）》这本书也非常好，循序渐进，深入浅出，通过逐步完善一个项目（在线相册）来讲解JS编程中的两个重要概念“逐步增强”和“平稳退化”这两个概念。（我想写篇文章，搞了一年了，还没认真动手写，惭愧惭愧）

以上两本入门完全够用了！等入门之后，再搞其他的，比如jQuery！

至于你s说的《JavaScript: The Good Parts》以及回复中提到的《高性能 JavaScript》都是非常好的书。但是这些都是进阶用的书，不适合初级入门看。说实话，《JavaScript: The Good Parts》里面的一些奥妙，我现在也看得不是特别明白！

moshmosh

2014-01-30 03:23:24 +08:00

我建议 http://www.htmldog.com/

RockyLee

2015-05-19 17:56:51 +08:00

http://learn.shayhowe.com/ 入门是够了

xiaoke0718

2017-05-20 08:21:38 +08:00

@typing 确实 w3c 确实老了，过时了，还是用 MDN 比较好点，技术更新快