自学web前端初学求指导

2013-07-09 11:41:09 +08:00
 slimbloody
目前在w3school里自学HTML,写HTML感觉就是背课文一样,要记的东西很多
js现在在看JavaScript: The Good Parts,看了点觉得语法很混乱,看了书也不知道js该怎么写,如何用
求解答,谢谢
7453 次点击
所在节点    程序员
24 条回复
lichao
2013-07-09 11:42:40 +08:00
边学边做,先用 HTML、CSS、JavaScript 写个博客模板出来
FrankFang128
2013-07-09 11:49:33 +08:00
用以致学,不要学以致用啦
flynngao
2013-07-09 13:37:16 +08:00
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高级程序设计 第三版》。

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/75217

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX