1.软技能
起码一种前端框架
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设计，属于加分项。
2.知识点
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、属性继承、绘制区域等）
Java基础
JS调试
基础语法、数据类型、运算符
内置对象（数值对象、Date对象、Math对象、正则对象等）
数组
函数、参数、构造函数
Json
面向对象
原型
作用域
闭包
DOM
DOM文档树是什么？
节点操作、属性操作、样式操作、事件操作（包括获取、新建、插入、删除、替换。）
数据通信和数据储存
动画
音频和视频
BOM
...
前端架构
DOM
组件
模板
工具包
路由
通信
MV*
安全方面
同源策略
XXS原理及防御（跨站点攻击）
CSRF（跨站点请求伪造）
XSRF原理及防御
点击劫持
常见网络攻击类型
html协议（常见状态码（200/302/304/404/500）、缓存控制）。
性能优化（Cookies、雅虎军规、内存溢出、事件绑定、事件代理）。
浏览器兼容性
如何判断当前浏览器内核
IE系列版本之间的差异以及Hack技巧
常见浏览器内核
盒模型
手机、ipad移动设备
本文出自 “程序员随想录” 博客，请务必保留此出处http://cxykz.blog.51cto.com/11696626/1787407
原文地址：http://cxykz.blog.51cto.com/11696626/1787407
