一.基础知识
- HTML --- 定义了网页的内容。W3school
- CSS --- 描述了网页的布局。参考手册
- HTML5 ---是下一代的 HTML。W3school
- CSS3 ---是最新的 CSS 标准。参考手册
- JavaScript --- 设计了网页的行为。菜鸟教程
- jQuery --- 是由JavaScript语法写成的一个插件库。API
- Bootstrap --- 来自 Twitter，是目前最受欢迎的前端框架，响应式 CSS 能够自适应于台式机、平板电脑和手机。Bootstrap4
二.进阶学习
- node.js（npm）--- 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。菜鸟教程
- Sass --- css预处理器语言，支持变量、mixin，继承等功能，是基于Ruby的。Scss中文网，Sass本站教程
- Vue.js --- 不是一个框架，只是聚焦图层，是一个构建数据驱动的web界面的库。通过简单的API提供高效的数据绑定和灵活的组建系统。菜鸟教程
- sea.js --- js模块加载器。
三.工程自动化（前端构建工具）
- gulp --- 是工具链、构建工具，可以配合各种插件做js压缩，css压缩，less编译 替代手工实现自动化工作。gulp中文网，gulp入门
- webpack --- 是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案。
- seajs / require : 是一种在线"编译" 模块的方案，相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。
- browserify / webpack : 是一个预编译模块的方案，相比于上面 ，这个方案更加智能。没用过browserify，这里以webpack为例。首先，它是预编译的，不需要在浏览器中加载解释器。另外，你在本地直接写JS，不管是 AMD / CMD / ES6 风格的模块化，它都能认识，并且编译成浏览器认识的JS。
Gulp是一个工具，而webpack等等是模块化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。
三.开发工具
- SVN --- 是Subversion的简称，是一个开放源代码的版本控制系统，SVN服务器有2种运行方式：独立服务器和借助apache运行。TortoiseSVN官网
- IIS --- 是Internet Information Services的缩写，意为互联网信息服务开发环境下的虚拟服务器。开启方法
- Fidder --- 抓包工具。是最强大最好用的Web调试工具之一！用法
- PhotoShop --- 是由Adobe Systems开发和发行的图像处理软件。 高级教程 ，初级教程
四. 国内当前主流浏览器有那些
- chrome -------- 谷歌Google -----全球最份额第一
- IE--------------- 微软Internet Explorer ---最新版本11---web最强兼容性
- Firefox---------- Mozilla火狐 ----开放源代码的网页浏览器
- Opera------------ 欧朋 最新版本12---浏览速度最快----2016年2月被360和昆仑万维收购
- safari-------------------- 苹果 -------是苹果计算机的操作系统Mac OS中的浏览器
