Web 前端开发学习之路(入门篇)

96
imcby
0.3 2015.05.15 22:33* 字数 1470

以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站、书籍)。不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷。==

以下引用知乎 @李路 的话。

以我的经验,大部分技术,熟读下列四类书籍即可。

入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列
全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列
实践,结合实际中经常遇到的情景环境,来描述如何设计和解决问题,如cookbook系列
深入,讲解一些文化,思路,甚至于哲学上的东西,真正做到深入一种语言去编程,如unix编程艺术,程序员修炼之道等等

受李路老师的启发,我结合了自己在学习前端过程中用到的资料如下:

一、 语言基础(以书和网站为主)

1.HTML&CSS:

(1)入门:

  • Codeademy上的html&css课程——在线交互式编程平台,弄清楚基本概念和基本语法
  • w3school上的HTML/CSS教程——技术手册式的教程,比较全面,照着实例敲一遍

(2)进阶:

(3)实战:

  • bootstrap框架: bootstrap中文网/《bootstrap实战》——流行的前端框架,注重实用即可
  • Codeademy上的Web Developer Skills+Projects——通过自己做小页面/小网站来运用所学

(4)提高:

  • 《CSS禅意花园》——提高自己的艺术设计能力,通过实例来学习如何用CSS设计出漂亮的页面

2.Javascript:

(1)入门:

  • Codeademy上的javascript教程——实例比较多,比较浅,算是基本了解JS
  • w3school上的JS教程——比较详细的了解下JS的特性
  • 《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用,了解JS和DOM可以做什么

(2)进阶:

(3)实战:

  • jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery
  • 《jQuery基础教程》——流行的前端框架,注重实用

(4)提高:

附录:前端网站大汇总

1、前端知识体系:

2、技术资讯类

3、技术教程、文档类

他好像一条产品狗啊
Web note ad 1