[11] 前端技术入门.md

前端技术入门

基础知识

以下任何项目，如果有自信的话可以跳过。当然学习也不限于以下条目，但目的都是更加系统的了解前基础开发技术。不管前端的开发工具和框架演进过时得有多快，以下这些基础知识是改变得最慢的，换句话说这些是前端技术里面保质期最长的部分。

• 如果刚入门 js，可以花一天时间浏览 MDN 的 《JavaScript 指南》。

• 花半天时间浏览 《HTML元素》。重点了解下这些标签：div, h1-h6, p, img, a, ul, ol, li, form, input, label, body。

• 花半天时间浏览 MDN 的 《开始学CSS》。

• 花几个小时阅读 《Google Javascript 编码规范指南》 以及 《Google HTML/CSS代码风格指南》。

• 半天时间浏览下 《Javascript 花园》 中的问题。熟悉一些 js 常见问题。

• 花半天时间浏览下 《文档对象模型 (DOM)》。学习使用 JS 操纵网页里的元素。这部分可能会有些晦涩，浏览和熟悉概念是关键。

外围知识

学习知名的框架有助于巩固基础知识，熟悉行业气氛，更重要的是通过使用别人的接口将能提高自己设计接口的能力。这里列举的框架若干年后或许会过时，但在很长一段未来里都将值得去学习和效仿。

• 花一天时间顺序浏览一次 jquery 的全部 API，官方文档即可。值得注意有：选择器，DOM 操作，事件，异步请求。

• 花几个小时了解下 AMD 工具 requirejs 的使用。如果感兴趣的话可以再了解下 CMD 相关的工具，比如 browserify。

• 花一天时间了解下 Bootstrap 的使用。重点了解下 CSS 部分的网格系统。

开发工具

开发工具旨在提升解发的效率。并不是初学者需要重点掌握的东西，但是一旦稍微深入开发，它们就显得尤为重要。

• 学习代理技术。比如 MDN 在不开代理的情况下，国内开启速度可能会慢的让人难以忍受。

• 学习利用 Google 和 Stackoverflow 搜索问题的解决方案。

• 了解下 nodejs 相关工具的基本使用，比如如何利用 node-static 命令行工具辅助调试静态页面。

• 了解下版本管理工具的使用，比如学习利用 git 管理代码。学习下 Github 的基础使用方法。

• 学习 Linux 的使用。学习基本的 shell 操作和语法。了解 ssh 的基本使用。可以先从 熟悉 Ubuntu 开始。