01.软技能
-
起码一种前端框架
- Bootstrap
- ...
-
起码一门后端语言
- php
- node.js
- ...
起码一种CSS预处理器Les或者Sass。
学会使用SVN或Git来管理程序版本。
做个自己的个人网站，用于前端圈技术交流，并好好运营。
用熟一种程序员的编辑器，学会如何配置代码补全、外观、外部命令等，使用这些东西不是为了Cool，而是这些编辑器在查看、修改代码、配置文章、日志会更快更有效率。
做个大型的电商网站，并好好运营。
发展前端之外的兴趣爱好，关注你感兴趣的行业，有机会的话用自己所学做些产品。
前端有两个方向，一个是视觉，做更炫酷的网页，一个是功能，两手都要硬。
熟悉Unix/Linux Shell和常见的命令行。
学会一门脚本语言，如Python/Ruby。
关注互联网行业的动态，平时常常收听IT播客，如喜马拉雅上的IT公论、内核恐慌、卓老板聊科技、Teahour.Fm、IT大字报、极客电台等。有好玩的记得留言哟。
学会用Google(phrase\domain\use reader to follow tech blogs)
该好好考虑让自己的所学往移动端靠了，比如Web app\响应式\html5\原生app\Hybrid App。
熟练一种调试工具。
英语熟练。很多的最新技术文档都是英文看的。
最好懂UI设计，属于加分项。
02.知识点
-
html基础
- 页面头部（指定语言、文本显示方向、元信息meta、移动端适配）
- 文本（h1~h6、p）
- 图片
- 超链接
- 表格
- 表单
- 列表
- frameset、iframe
- 多媒体
-
html5
标签语义化
表单新属性
多媒体新属性
Canvas
SVG
GPS定位
...
-
CSS以及CSS3
CSS的三种使用方法。
CSS语法是什么？
选择器
布局（display、position、float、flex）
变形
CSS动画（2D和3D）
CSS容易搞混的属性之深入了解（line-height、border-sizing、属性继承、绘制区域等）
-
JavaScript基础
- JS调试
- 基础语法、数据类型、运算符
- 内置对象（数值对象、Date对象、Math对象、正则对象等）
- 数组
- 函数、参数、构造函数
- Json
- 面向对象
- 原型
- 作用域
- 闭包
-
DOM
- DOM文档树是什么？
- 节点操作、属性操作、样式操作、事件操作（包括获取、新建、插入、删除、替换。）
- 数据通信和数据储存
动画
音频和视频
BOM
...
-
前端架构
- DOM
- 组件
- 模板
- 工具包
- 路由
- 通信
- MV*
-
安全方面
- 同源策略
- XXS原理及防御（跨站点攻击）
- CSRF（跨站点请求伪造）
- XSRF原理及防御
- 点击劫持
- 常见网络攻击类型
html协议（常见状态码（200/302/304/404/500）、缓存控制）。
性能优化（Cookies、雅虎军规、内存溢出、事件绑定、事件代理）。
-
浏览器兼容性
- 如何判断当前浏览器内核
- IE系列版本之间的差异以及Hack技巧
- 常见浏览器内核
- 盒模型
- 手机、ipad移动设备
更多等你来补充。。。
