基础技能
HTML4,HTML5语法、标签、语义
CSS2.1,CSS3规范,与HTML结合实现各种布局、效果
ECMA-262定义的javascript的语言核心,原生客户端javascript,DOM操作,HTML5新增功能
一个成熟的客户端javascript库,推荐jquery
一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有,可以选PHP或者Ruby,能实现简单的登录注册等后台功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟,
HTTP
开发工具
恰当的工具能有效提高学习效率,将重点放在知识本身,在出现问题时能快速定位并 解决问题,
文本编辑器:推荐Sublime Text,支持各种插件、主题、设置,使用方便
浏览器:推荐Google Chrome,更新快,对前端各种标准提供了非常好的支持
调试工具:推荐Chrome自带的Chrome develop
tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等辅助工具:PhotoShop、markman丈量、FastStone取色
翻墙工具:lantern, www.ishadowsocks.com
书本
.javascript ->《javascript高级程序设计》->《javascript权威指南》
.HTTP参看HTTP权威指南
.在整个学习过程中HTML CSS JavaScript会有很多地方需要互相结合,,一个简单的功能模块都需要三者结合才能实现。
.动手是学习的重要组成部分,书籍重点讲解知识点,例子可能不是很充足,在线课程可到mooc或者网易云课堂上找
.原生javascript是需要重点掌握的技能,在掌握原生javascript的基础上推荐熟练掌握jQuery,在实际工作中用处很大,这方面的书籍有《Learning jQuery》或者去jQuery官网
.建一个https://github.com/账号,保存平时学习中的各种代码和项目。
.有了一定基础之后可以搭建一个个人博客,记录学习过程中遇到的问题和解决方法,方便自己查阅也为其他人提供了帮助。推荐hexo
.Google搜索
深造
Grunt / gulp:前端自动化工具,提高工作效率
less / sass:优秀的CSS预处理器
bootstrap:优秀的CSS响应式框架,对没有设计师的团队很不错,与less结合使用效果很好
requireJS / seaJS:AMD规范的模块加载器,前端模块化趋势的必备工具
Node.js:JavaScript也可以做后台,前端工程师地位更上一步
AngularJS / backbone:前端MVC框架,做Single Page Application的好工具,
移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端
Javascript内存管理:SPA长期运行需要注意内存泄露的问题
High Performance JavaScript(Build Faster Web Application Interfaces)
Best Practices for Speeding Up Your Web Site:重要技能