|
| 1 | +--- |
| 2 | +layout: page |
| 3 | +title: Web前端 |
| 4 | +category: 书签 |
| 5 | +description: 保存各种Web前端相关资源 |
| 6 | +--- |
| 7 | + |
| 8 | +## 什么是Web？ |
| 9 | +按照很多招聘公司的需求，Web（或者狭义上的＂Web前端＂）的基础理解应该是HTML+CSS+JavaScript，具体应该是HTML5+CSS3+JavaScript， |
| 10 | +更为丰富的理解应该是围绕这三者出现的各种Web开发技术与框架，在网上常见的有Bootstrap，Pure，jQuery，AngularJS． |
| 11 | +此外还应该包括其他各种Web资源． |
| 12 | + |
| 13 | +## 如何学习Web？ |
| 14 | +入门是如此简单，又是如此困难. |
| 15 | +网上有如此之多的前端开发相关网站，然而上来就是对某个点的介绍，让人无从下手，看来网站的面向人群应该是已经入门了或者已经有相关经验的人． |
| 16 | +技术书籍不要太多啊，网上一搜一搜又是一堆一堆，不知道哪些适合入门，图书馆借了几本，但是似乎还是难以理解．．． |
| 17 | +一个人半路出家学习真心不容易． |
| 18 | + |
| 19 | +## 入门 |
| 20 | +通过最近一个月的胡乱学习，现在整理出基本的入门资料，和进阶资料． |
| 21 | +基本设想是学习这些基本入门资料，同时**必须**实现许多demo，之后进阶资料则是现用现学． |
| 22 | +学习的基本理解分成 |
| 23 | + |
| 24 | +> [HTML]() |
| 25 | +> [CSS]() |
| 26 | +> [JavaScript]() |
| 27 | +
|
| 28 | +### HTML |
| 29 | +> [W3School](http://www.w3school.com.cn/)的[中文HTML教程](http://www.w3school.com.cn/html/index.asp)． |
| 30 | +> [W3C](http://www.w3.org/)的[英文HTML标准](http://www.w3.org/community/webed/wiki/HTML/Specifications)， |
| 31 | +> [HTML5](http://www.w3.org/TR/html5/) |
| 32 | +
|
| 33 | +### CSS |
| 34 | +> [W3School](http://www.w3school.com.cn/)的[中文CSS教程](http://www.w3school.com.cn/css/index.asp)和[中文CSS3教程](http://www.w3school.com.cn/css3/index.asp)． |
| 35 | +> [W3C](http://www.w3.org/)中[CSS工作组](http://www.w3.org/Style/CSS/) |
| 36 | +> [CSS当前的标准状态](http://www.w3.org/Style/CSS/current-work) |
| 37 | +> [CSS2.1](http://www.w3.org/TR/CSS21/)是一个完整的文档，是CSS3的基础 |
| 38 | +> [CSS3到底是什么XXX](http://www.w3.org/TR/css3-roadmap/) |
| 39 | +> [CSS3之selectors](http://www.w3.org/TR/css3-selectors/) |
| 40 | +
|
| 41 | + |
| 42 | +### JavaScript |
| 43 | +> [W3School](http://www.w3school.com.cn/)的[中文JavaScript教程](http://www.w3school.com.cn/js/index.asp) |
| 44 | +> <<JavaScript语言精粹>>足以入门 |
| 45 | +
|
| 46 | + |
| 47 | +## 进阶 |
| 48 | + |
| 49 | +[Bootstrap](http://getbootstrap.com/) |
| 50 | + |
| 51 | +[Bootstrap中文网](http://www.bootcss.com/) |
| 52 | + |
| 53 | +[Bootstrap中文网免费CDN](http://www.bootcdn.cn/) |
| 54 | + |
| 55 | +[Pure](http://purecss.io/) |
| 56 | + |
| 57 | +[Pure中文版](http://pure-site.ap01.aws.af.cm/) |
| 58 | + |
| 59 | +[jQuery](http://jquery.com/) |
| 60 | + |
| 61 | +[Front Awesome](http://fortawesome.github.io/Font-Awesome/) |
| 62 | + |
| 63 | +[Front Awesome中文站](http://www.thinkcmf.com/font/index.html) |
| 64 | + |
| 65 | +[prettify](http://code.google.com/p/google-code-prettify/) |
| 66 | + |
| 67 | +[Highcharts](http://www.highcharts.com/) |
| 68 | + |
| 69 | +[Highcharts中文网](http://www.hcharts.cn/) |
| 70 | + |
| 71 | +[Highcharts中文网免费CDN](http://www.hcharts.cn/open/cdn.php) |
| 72 | + |
| 73 | +[emoji cheat sheet](http://www.emoji-cheat-sheet.com/) |
0 commit comments