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

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

2024-07-28 22:53:10   225人阅读

一：程序员基本功

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 前端开发工程师？

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

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

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


联系
我们