首页 > 代码库 > 【前端之路】这世上哪有一路鲜花的康庄大道

【前端之路】这世上哪有一路鲜花的康庄大道

一:程序员基本功

1:数据结构+算法  (acm/icpc/oj )

2:离散数学,数字逻辑,线性代数,概率论,数理统计(学堂在线,mooc)

3:计算机组成原理,操作系统,编译原理

二:语言基础

1:html(html5网页游戏开发,微信游戏开发) W3Schools-HTML(英) , W3School-HTML(中)

《HTML5高级程序设计 》

2:css(css设计基本功,css3动画)

《精通CSS》 《瞬间之美 》《网站重构 》《CSS禅意花园》《CSS权威指南 》

3:firefox + Firebug 调试(开发chrome插件)

4:xml/json(可选)

5:HTTP协议,网络基础

《HTTP权威指南》

6:js(js网页游戏,常见网页特效)

《JavaScript dom 编程艺术》 《JavaScript权威指南》 《javascript高级程序设计》 《高性能 JavaScript》《JavaScript语言精粹》 《JavaScript设计模式》 《JavaScript.The.Good.Parts》 《高性能网站建设指南》《高性能网站建设进阶指南》 《编写可维护的JavaScript》《JavaScript模式 》

js库(《锋利的jQuery  》)+ Ajax (异步读入一个服务器端图片或者数据库内容)+JSON数据格式。

7: dom编程:《dom编程艺术》

8:node.js

9:  浏览器差异性,浏览器的渲染模式

10:服务器端技术 (LAMP)XAmpp,配置Apache

11:php+mysql(后台)/CI框架可选

《php和mysql web开发(原书第4版)》([澳]威利,[澳]汤姆森)

12:脚本语言python

13:web安全:

了解前端安全机制

前端性能优化经验

14:web 框架(设计模式:继承,重用)

Gevent、Tornado 等异步开发框架或模型

面向对象的前端框架(Google Closure/YUI/MooTools )

高性能、可复用的前端组件( CommonJS )

熟练使用 JavaScript 测试框架

543df2e4000180e110000530-500-284

15:linuix(debian)

16:Vim、Emacs、sublime(配置代码补全,外观,外部命令):

17:Git ,github,svn :版本控制,开源项目提交过bug 和 patch

18:Phabricator做code review 和项目管理 :

:19:StackOverflow, ServerFault, Quora ,github,v2ex

三、前端开发知识架构

(via.zhihu.com)

  • 前端工程师
    • 浏览器
      • IE6/7/8/9
      • Firefox
      • Chrome/Safari/Opera
    • 编程语言
      • JavaScript/Node.js
      • JavaScript语言精粹
    • 切页面
      • HTML/HTML5
      • CSS/CSS3
      • PhotoShop/Paint.net
    • 开发工具
      • IDE
        • VIM/Sublime Text2
        • Notepad++/EditPlus
        • WebStorm
      • 调试工具
        • Firebug/Firecookie
        • YSlow
        • IEDeveloperToolbar/IETester
        • Fiddler
      • 版本管理
        • Git/SVN
        • Github/Bitbucket/Google Code
    • 代码质量
      • Coding style
        • JSLint/JSHint
        • CSSLint
        • Markup Validation Service
      • 单元测试
        • QUnit/Jasmine
        • Mocha/Should/Chai
      • 自动化测试
        • WebDriver
    • 前端库/框架
      • jQuery/Underscore/Mootools/Prototype.js
      • YUI3/Dojo/ExtJS
      • Backbone/KnockoutJS/Emberjs
    • 前端标准/规范
      • HTTP1.1
      • ECMAScript3/5
      • W3C/DOM/BOM/XHTML/XML/JSON/JSONP
      • CommonJS/AMD
      • HTML5/CSS3
    • 性能
      • JSPerf
      • YSlow 35 rules
      • PageSpeed
      • HTTPWatch
      • DynaTrace’s Ajax
      • 高性能JavaScript
    • 编程知识储备
      • 数据结构
      • OOP/AOP
      • 原型链/作用域链
      • 闭包
      • 函数式编程
      • 设计模式
      • Javascript Tips
    • 部署流程
      • 压缩合并
        • YUI Compressor
        • Google Clousure Complier
        • CleanCSS/UglifyJS
      • 文档输出
        • JSDoc
        • Dox/Doxmate
      • 项目构建工具
        • make/Ant
        • GYP
        • Grunt
        • Yeoman
    • 代码组织
      • 类库模块化
        • CommonJS/AMD
        • YUI3模块
      • 业务逻辑模块化
      • 文件加载
        • LABjs
        • SeaJS/Require.js
    • 安全
      • CSRF/XSS
      • ADsafe/Caja/Sandbox
    • 移动Web
      • HTML5/CSS3
      • 响应式设计
      • Zeptojs/iScroll
      • V5/Sencha Touch
      • PhoneGap
      • jQuery Mobile
    • JavaScript生态
      • MongoDB/CouchDB
    • 前沿技术社区/会议
      • D2/WebRebuild
      • NodeParty/W3CTech/HTML5梦工厂
      • JSConf/沪JS(JSConf.cn)
      • QCon/Velocity/SDCC
      • JSConf/NodeConf
      • YDN/YUIConf
    • 计算机知识储备
      • 编译原理
      • 计算机网络
      • 操作系统
      • 算法原理
      • 软件工程/软件测试原理
    • 软技能
      • 知识管理/总结分享
      • 沟通技巧/团队协作
      • 需求管理/PM
      • 交互设计/可用性/可访问性知识
    • 可视化
      • SVG/Canvas/VML
      • D3/Rapha?l/DataV
  • 后端工程师
    • 编程语言
      • C/C++/Java/PHP/Ruby/Python/…
    • 数据库
      • SQL
      • MySQL/MongoDB/Oracle
    • 操作系统
      • Unix/Linux/OS X/Windows
    • 数据结构

前端技能

参考阅读:

程序员技术练级攻略

前端学习的那些往事

说说我的web前端之路,分享些前端的好书

怎样成长为一个优秀的 Web 前端开发工程师?

如何系统、科学地自学编程知识?

张克军:前端基础架构的实践和思考

【前端之路】这世上哪有一路鲜花的康庄大道