前端web的修行之路

deep-web

基础技能

  • 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:重要技能