前端知识学习步骤

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:龚一峰
链接:https://www.zhihu.com/question/19862294/answer/44311692
来源:知乎

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:陈炳遥
链接:https://www.zhihu.com/question/19862294/answer/47926672
来源:知乎

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

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

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

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

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

一、 语言基础(以书和网站为主)
1.HTML&CSS:
(1)入门:

  • Codecademy上的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、前端知识体系:

  • 前端知识体系及修炼攻略:前端知识体系及修炼攻略——对前端知识体系剖析的非常好,尤其是最后对前端的阶段性划分,对前端学习很有指导意义,推荐!
  • 前端开发知识结构:JacksonTian/fks · GitHub——有个前端知识框架的思维导图,给了很多链接和好书,推荐!

2、技术资讯类

3、技术教程、文档类

  • 慕课网:慕课网-学习计划
    ——超级实用的视频教程类网站,各种小实例,非常适合照着“前端学习计划”计划学习
  • codecademy :http://www.codecademy.com/——英文,简单有趣的互动编程学习网站,非常适合入门,中文版是http://www.fenby.com/
  • W3schoo在线教程l: w3school 在线教程——中文,适合入门,教程相当全,在线实例可以敲,可惜较浅,有些地方不太准确和深入
  • 火狐开发者网络MDN:Mozilla 开发者网络——中文,不仅有技术文档,而且有相当多的参考资料和资源、工具,推荐!
  • W3C标准:Standards - W3C
    ——英文,不解释,官方文档,真前端和伪前端就在于此。可惜英文的,而且可读性差。极不适合入门,适合提高。
  • Web平台文档:Your Web, documented · WebPlatform.org——英文,权威性仅次于W3C标准,可读性高于W3C标准,W3C官方认可,高质量。
时间: 12-13

前端知识学习步骤的相关文章

前端知识学习一 :CSS基础

一.CSS概述 css指的是层叠样式表,样式定义如何显示HTML元素,样式通常存储在样式表中, 把样式添加到HTML4.0中,是为了解决内容和表现分离的问题.外部样式表通常存储在css文件     中.多个样式定义可层叠为一. 二.层叠次序 一般而言,所有的样式都会根据下面的规则层叠于一个新的虚拟样式表中,其中4拥有最高的优先权. 1.浏览器的缺省设置 2.外部样式表(通过引入的外部.css文件) 3.内部样式表(位于<head>标签内部) 4.内联样式表(在HTML元素内部) 因此属性的优先

前端知识学习二 :CSS高级

一:选择器的分组 通过对多个元素进行分组,使这些在同一个组中的元素都满足相同的属性,方法而不需要进行多次定义. 但这个的不足就是只能定义共有的属性,不能定义单个的属性,但这个单个的不同属性是可以通过在优先级比较高的层级里定义,就可以定义不同的属性,也可以进行覆盖操作. 这是一个cssd的组选择器. 二:继承和组选择器 一般来说我们在父元素中定义了属性后,可以在子元素中就不再定义该属性,而是自动的继承父元素的属性,但因为有的浏览器有可能不支持这种继承.在这种情况下,我们就可以通过使用组选择器的方式

前端开发知识学习概要

前端开发工具 编辑器 editPlus sublime 浏览器: Chrome Safari Firebox IE 插件:firebug chrome: inspect element html 组成结构 1 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前,不是 HTML 标签: 2 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令, 浏览器读取. 3 <html> 4 <head> 5 描述页面

关于前端方面知识学习的全面开始

论文已经提交完成了,接下来的事情就是全身心地投入到前端的学习中去,现在规划思路和计划. 要点和思路: 要以基础为本,配合一定的记忆.许多时候觉得记忆不再重要了,其实不是,记忆对于HTML/CSS/JS的掌握是很有必要的.前端知识万变不离其宗,掌握好这三者的基本知识是最重要的. 要有练兵.练习能够加深知识的印象,在学习过程中经常会眼高手低,经常训练才能熟练. 迅速掌握.前端方面知识十分零碎,要有思路.有计划地去学习,而且每一部分内容务必心无旁骛地迅速掌握. 学习规划:

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

字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== 以下引用知乎 @李路 的话. 以我的经验,大部分技术,熟读下列四类书籍即可. 入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列实践,结合

Web 前端知识体系精简

Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构.本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍.目的是帮助大家审查自己的知识结构是否完善,如有遗漏或不正确的地方,希望共勉. JAVASCRIPT 篇 0.基础语法 Javascript基础语法包括:变量定义.数据类

web前端知识总结

1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html.css.js)的认识--做web前端需要的比这三大块要多得多. 拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来. 大家不要害怕,其实下文中的这个知识框架要比草图中的好看的多,草图大家权当没看见. 在看内容之前,先看一下这个知识框架的

web前端知识体系大全

1. 前言 大约在几个月之前,让我看完了<webkit技术内幕>这本书的时候,突然有了一个想法.想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前端知识体系,目的是想要颠覆人们对于前端只有三大块(html.css.js)的认识——做web前端需要的比这三大块要多得多. 拖了好几个月了,但是由于近期将要参加的某一个活动,我不得不这两天把这个东西整出来.说干就干.上午我就开始在办公室画草图,乱七八糟的在那儿理思路. 大家不要害怕,其实下文中的这个知识框架要比草图中的好看的

前端知识体系之入门篇总结(一)

利用国庆节时间,把前端学习的知识碎片进行了整理,希望能在前端之路继续努力. 前端是一个范围很大的概念,其领域包括在了计算系统中的方方面面,可以说所有与用户交互行为相关的程序开发工作都是前端的范围,这包括一个数字仪表的显示设计或者一个手机APP.通常意义上讲,前端指的是Web前端的开发工作,而学习前端也是从Web前端知识开始的. 这篇blog面向对前端没有入门或者已经有一定的网页编码技术但对于前端知识体系没有一个清晰条理的开发者,其要旨是整理一个普通网页开发过程中所能用到的知识点.与其它类似的教程