你的位置:首页 > 网页设计

[网页设计]Web前端知识技能大汇总

项目起源

[email protected] 的这幅前端知识结构图么。

  图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。

  可视化效果

 前端开发知识结构

  • 前端工程师
    • 浏览器
      • IE6/7/8/9/10/11 (Trident)
      • Firefox (Gecko)
      • Chrome/Chromium (Blink)
      • Safari (WebKit)
      • Opera (Blink)
    • 编程语言
      • JavaScript/Node.js
      • CoffeeScript
      • TypeScript
    • 切页面
      • HTML/HTML5
      • CSS/CSS3
      • Sass/LESS/Stylus
      • PhotoShop/Paint.net/Fireworks/GIMP/Sketch
    • 开发工具
      • 编辑器和IDE
        • VIM/Sublime Text2
        • Notepad++/EditPlus
        • WebStorm
        • Emacs EmacsWiki
        • Brackets
        • Atom
        • Lime Text
        • Light Table
        • Codebox
        • TextMate
        • Neovim
        • Komodo IDE / Edit
        • Eclipse
        • Visual Studio/Visual Studio Code
        • NetBeans
        • Cloud9 IDE
        • HBuilder
        • Nuclide
      • 调试工具
        • Firebug/Firecookie
        • YSlow
        • IEDeveloperToolbar/IETester
        • Fiddler
        • Chrome Dev Tools
        • Dragonfly
        • DebugBar
        • Venkman
      • 版本管理
        • Git/SVN/Mercurial
        • Github/GitLab/Bitbucket/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge
    • 代码质量
      • Coding style
        • JSLint/JSHint/jscs
        • CSSLint
        • Markup Validation Service
        • HTML Validators
      • 单元测试
        • QUnit/Jasmine
        • Mocha/Should/Chai/Expect
        • Unit JS
      • 自动化测试
        • WebDriver/Protractor/Karma Runner/Sahi
        • phantomjs
        • SourceLabs/BrowserStack
    • 前端库/框架
      • jQuery/Underscore/Mootools/Prototype.js
      • YUI3/Dojo/ExtJS/KISSY
      • Backbone/KnockoutJS/Emberjs
      • AngularJS
        • Batarang
      • Bootstrap
      • Semantic UI
      • Juice UI
      • Web Atoms
      • Polymer
      • Dhtmlx
      • qooxdoo
      • React
      • Brick
    • 前端标准/规范
      • HTTP/1.1: RFCs 7230-7235
      • HTTP/2
      • ECMAScript3/5
      • W3C: DOM/BOM/XHTML/
      • CommonJS Modules/AMD
      • HTML5/CSS3
      • Semantic Web
        • MicroData
        • RDFa
      • Web Accessibility
        • WCAG
        • Role Attribute
        • WAI-ARIA
    • 性能
      • JSPerf
      • YSlow 35 rules
      • PageSpeed
      • HTTPWatch
      • DynaTrace’s Ajax
      • 高性能JavaScript
    • SEO
    • 编程知识储备
      • 数据结构
      • OOP/AOP
      • 原型链/作用域链
      • 闭包
      • 编程范型
      • 设计模式
      • Javascript Tips
    • 部署流程
      • 压缩合并
        • YUI Compressor
        • Google Clousure Complier
        • UglifyJS
        • CleanCSS
      • 文档输出
        • JSDoc
        • Dox/Doxmate/Grunt-Doxmate
      • 项目构建工具
        • make/Ant
        • GYP
        • Grunt
        • Gulp
        • Yeoman
        • FIS
        • Mod
    • 代码组织
      • 类库模块化
        • CommonJS/AMD
        • YUI3模块
      • 业务逻辑模块化
        • bower/component
      • 文件加载
        • LABjs
        • SeaJS/Require.js
      • 模块化预处理器
        • Browserify
    • 安全
      • CSRF/XSS
      • CSP
      • Same-origin policy
      • ADsafe/Caja/Sandbox
    • 移动Web
      • HTML5/CSS3
      • 响应式网页设计
      • Zeptojs/iScroll
      • V5/Sencha Touch
      • PhoneGap
      • jQuery Mobile
      • W3C Mobile Web Initiative
      • W3C mobileOK Checker
      • Open Mobile Alliance
    • 前沿技术社区/会议
      • D2/WebRebuild
      • NodeParty/W3CTech/HTML5梦工厂
      • JSConf/沪JS(JSConf.cn)
      • QCon/Velocity/SDCC
      • JSConf/NodeConf
      • CSSConf
      • YDN/YUIConf
      • HybridApp
      • WHATWG
      • MDN
      • codepen
      • w3cplus
      • CNode
    • 计算机知识储备
      • 编译原理
      • 计算机网络
      • 操作系统
      • 算法原理
      • 软件工程/软件测试原理
      • Unicode
    • 软技能
      • 知识管理/总结分享
      • 沟通技巧/团队协作
      • 需求管理/PM
      • 交互设计/可用性/可访问性知识
    • 可视化
      • SVG/Canvas/VML
      • SVG: D3/Raphaël/Snap.svg/DataV
      • Canvas: CreateJS/KineticJS
      • WebGL/Three.JS
  • 后端工程师
    • 编程语言
      • C/C++/Java/PHP/Ruby/Python/…
    • 网页服务器
      • Nginx
      • Apache
      • Lighttpd
    • 数据库
      • SQL
      • MySQL/PostgreSQL/Oracle/DB2
      • MongoDB/CouchDB
    • 数据缓存
      • Redis
      • Memcached
    • 文件缓存/代理
      • Varnish
      • Squid
    • 操作系统
      • Unix/Linux/OS X/Windows
    • 数据结构

 前端书籍推荐

  ★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

  CSS

  • Eric Meyer 谈 CSS(卷二)★★★
  • CSS权威指南 (第3版)★★
  • 精通CSS★★★

  JavaScript

  • JavaScript DOM编程艺术 (第2版)★
  • JavaScript高级程序设计(第3版)★★
  • 锋利的jQuery★★
  • 高性能JavaScript★★★
  • JavaScript语言精粹★★★
  • JavaScript权威指南★★★
  • 编写可维护的JavaScript★★★
  • JAVASCRIPT语言精髓与编程实践★★★
  • Effective Javascript★★★
  • Secrets of the JavaScript Ninja★★★
  • JavaScript模式★★★
  • JavaScript设计模式★★★★
  • 基于MVC的JavaScript Web富应用开发★★★

  性能实践

  • Web性能实践日志★★★
  • Web性能权威指南★★★

  版本控制工具

  • 版本控制之道 (git)★★
  • Pro Git★★★
  • Git权威指南★★★★

 后端书籍推荐

  Linux管理

  • Linux 系统管理技术手册
  • 鸟哥的 Linux 私房菜
  • Linux 101 Hacks
  • UNIX Shell Scripting
  • The Linux Command Line
  • Linux Network Administrator’s Guide

  Linux编程

  • Linux程序设计
  • Linux系统编程
  • Unix环境高级编程
  • Unix编程艺术
  • The Linux Programming Interface
  • 程序员的自我修养
  • 深入理解Linux内核
  • Unix网络编程
  • TCP/IP高级编程

  C/C++

  • Linux C编程一站式学习
  • C和指针
  • C陷阱与缺陷
  • C专家编程
  • C语言核心技术
  • 彻底搞定C指针
  • 征服C指针
  • C++编程思想
  • 高质量程序设计指南—C/C++语言
  • Inside the C++ Object Model
  • A Tour of C++
  • The C++ Programming Language
  • The C++ Standard Library – A Tutorial and Reference
  • The C++ Standard (INCITS/ISO/IEC 14882-2011)
  • Overview of the New C++

 前端工作面试

  • 前端工作面试问题

贵州旅游报价价格贵州旅游团报价什么时候去贵州旅游最好去贵州旅游最佳路线贵州旅游景点推荐韶关火车站到丹霞山怎么坐车?韶关火车站到仁化丹霞山坐几路车? 2015五一去韶关丹霞山看什么花?仁化丹霞山五一赏花攻略? 2015五一韶关去哪玩?广东韶关五一哪里好玩? 韶关丹霞山4月开什么花?4月去仁化丹霞山看什么花? 新年首日 近5000名游客欢乐谷里喜迎中国年 特拉弗斯城 与樱桃作伴边品尝边旅行[三] 多哈香蕉岛安纳塔拉度假村 住进卡塔尔的"香蕉"里[二] 大研安缦 避世圣地平和如斯[二] 山凹里的小渔村 吉捕岙的柔软时光(组图) 偶遇浪漫 杭州十大恋爱圣地推荐(组图) 德国妓院有百名性工作者 每天客流量达1000人 陕西九大自驾游线路秦巴山水之旅 澳门住宿的地方可以无线上网吗? 香港自由行多少钱? 澳门威尼斯人酒店价格是多少? 澳门旅游塔蹦极价格? 08055U200GAT2A Datasheet 08055U200GAT2A Datasheet SQCAEA2R0BATWE Datasheet SQCAEA2R0BATWE Datasheet AQ12EA8R2JAJME Datasheet AQ12EA8R2JAJME Datasheet 安顺出发去特立尼达和多巴哥旅游 安顺出发去特立尼达和多巴哥旅游 安顺出发去特立尼达和多巴哥旅游 安顺出发去突尼斯旅游 安顺出发去突尼斯旅游 安顺出发去突尼斯旅游 安顺出发去图瓦卢旅游 安顺出发去图瓦卢旅游 安顺出发去图瓦卢旅游