前端入门

前端入门

菜鸟入门必读：零基础的小明要如何成为前端工程师？
web开发技术文档：Web 开发技术

前端发展史

https://zhuanlan.zhihu.com/p/29924966
对比iOS，我们了解OC的发展史，才会明白OC为什么会有[ ]这种奇怪的语法，为什么会有runtime，为什么apple还要开发新语言swift。所以学习一门语言，首先需要了解它的历史。
有些历史时刻，是对前端开发产生了深远影响的，比如ie6的发布，jQuery的发布，ajax的流行，知历史，我们可以预判到前端的未来发展方向，知历史，我们可以打通知识体系，尤其是资历尚浅的前端同学。

技术栈

基础

1. HTML
   HTML（HyperText Markup Language，超文本标记语言）用于描述、定义页面内容。
2. CSS
   CSS（Cascading Style Sheets，层叠样式表）用于描述页面内容的外观与展示。
3. JavaScript
   JavaScript 是在浏览器中运行的编程语言。 它可以为你的网站或应用程序添加交互性和其他动态功能。
   随着 Node.js 的出现, 你也可以在服务器上运行 JavaScript。

进阶

1. jQuery
   jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。
2. CSS preprocessor
   CSS有些缺陷，比如，统一管理CSS颜色时，需要定义一个变量，CSS不支持程序的变量概念。所以就有了CSS预处理器，可以定义变量，统一管理。简单来说就是你可以先写一些不是 CSS 的语法，经过这个预处理器之后，就会变成符合标准的 CSS。常见的CSS预处理器有：SCSS/SASS、Less 跟 Stylus.
3. npm
   包管理器，类似于iOS的cocoapods
4. 响应式框架
   VUE,React等等
5. webpack
   本质上，webpack 是一个现代 JavaScript 应用程序的_静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个_依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。