首页 > 代码库 > 【前端之路】这世上哪有一路鲜花的康庄大道
【前端之路】这世上哪有一路鲜花的康庄大道
一:程序员基本功
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 测试框架
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
- IDE
- 代码质量
- Coding style
- JSLint/JSHint
- CSSLint
- Markup Validation Service
- 单元测试
- QUnit/Jasmine
- Mocha/Should/Chai
- 自动化测试
- WebDriver
- Coding style
- 前端库/框架
- 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 前端开发工程师?
如何系统、科学地自学编程知识?
张克军:前端基础架构的实践和思考
【前端之路】这世上哪有一路鲜花的康庄大道