當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

【收集】前端技能知识图谱

發布時間：2023/12/10 HTML 26 豆豆

生活随笔收集整理的這篇文章主要介紹了【收集】前端技能知识图谱小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

今天狂Github，發現一份不錯的前端知識圖譜與學習路線圖，特分享給大家，希望對前端感興趣的同志們有些幫助。

前端開發知識結構

前端工程師
- SVG/Canvas/VML
- SVG: D3/Rapha?l/Snap.svg/DataV
- Canvas: CreateJS/KineticJS
- WebGL/Three.JS
- 知識管理/總結分享
- 溝通技巧/團隊協作
- 需求管理/PM
- 交互設計/可用性/可訪問性知識
- 編譯原理
- 計算機網絡
- 操作系統
- 算法原理
- 軟件工程/軟件測試原理
- Unicode
- D2/WebRebuild
- NodeParty/W3CTech/HTML5夢工廠
- JSConf/滬JS(JSConf.cn)
- QCon/Velocity/SDCC
- JSConf/NodeConf
- CSSConf
- YDN/YUIConf
- HybridApp
- WHATWG
- HTML5/CSS3
- 響應式網頁設計
- Zeptojs/iScroll
- V5/Sencha Touch
- PhoneGap
- jQuery Mobile
- W3C Mobile Web Initiative
- W3C mobileOK Checker
- Open Mobile Alliance
- CSRF/XSS
- CSP
- Same-origin policy
- ADsafe/Caja/Sandbox
- 類庫模塊化
- 業務邏輯模塊化
- 文件加載
- 模塊化預處理器
- CommonJS/AMD
- YUI3模塊
- bower/component
- LABjs
- SeaJS/Require.js
- Browserify
- 壓縮合并
- 文檔輸出
- 項目構建工具
- YUI Compressor
- Google Clousure Complier
- UglifyJS
- CleanCSS
- JSDoc
- Dox/Doxmate/Grunt-Doxmate
- make/Ant
- GYP
- Grunt
- Gulp
- Yeoman
- FIS
- Mod
- 數據結構
- OOP/AOP
- 原型鏈/作用域鏈
- 閉包
- 編程范型
- 設計模式
- Javascript Tips
- JSPerf
- YSlow 35 rules
- PageSpeed
- HTTPWatch
- DynaTrace's Ajax
- 高性能JavaScript
- HTTP/1.1: RFCs 7230-7235
- HTTP/2
- ECMAScript3/5
- W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
- CommonJS Modules/AMD
- HTML5/CSS3
- Semantic Web
- Web Accessibility
- MicroData
- RDFa
- WCAG
- Role Attribute
- WAI-ARIA
- jQuery/Underscore/Mootools/Prototype.js
- YUI3/Dojo/ExtJS/KISSY
- Backbone/KnockoutJS/Emberjs
- AngularJS
- Bootstrap
- Semantic UI
- Juice UI
- Web Atoms
- Polymer
- Dhtmlx
- qooxdoo
- React
- Brick
- Knockout
- Batarang
- Coding style
- 單元測試
- 自動化測試
- JSLint/JSHint/jscs
- CSSLint
- Markup Validation Service
- HTML Validators
- QUnit/Jasmine
- Mocha/Should/Chai/Expect
- Unit JS
- WebDriver/Karma Runner/Sahi
- phantomjs
- 編輯器和IDE
- 調試工具
- 版本管理
- VIM/Sublime Text2
- Notepad++/EditPlus
- WebStorm
- Emacs EmacsWiki
- Brackets
- Atom
- Lime Text
- Light Table
- Codebox
- TextMate
- Neovim
- Komodo IDE / Edit
- Eclipse
- Visual Studio
- NetBeans
- Cloud9 IDE
- Firebug/Firecookie
- YSlow
- IEDeveloperToolbar/IETester
- Fiddler
- Chrome Dev Tools
- Dragonfly
- DebugBar
- Venkman
- Git/SVN/Mercurial
- Github/Bitbucket/Google Code/Gitorious/GNU Savannah/Launchpad/SourceForge
- HTML/HTML5
- CSS/CSS3
- PhotoShop/Paint.net/Fireworks/GIMP
- JavaScript/Node.js
- CoffeeScript
- TypeScript
- IE6/7/8/9/10/11 (Trident)
- Firefox (Gecko)
- Chrome/Chromium (Blink)
- Safari (WebKit)
- Opera (Blink)
- 瀏覽器
- 編程語言
- 切頁面
- 開發工具
- 代碼質量
- 前端庫/框架
- 前端標準/規范
- 性能
- SEO
- 編程知識儲備
- 部署流程
- 代碼組織
- 安全
- 移動Web
- 前沿技術社區/會議
- 計算機知識儲備
- 軟技能
- 可視化
后端工程師
- Unix/Linux/OS X/Windows
- Varnish
- Squid
- Redis
- Memcached
- SQL
- MySQL/PostgreSQL/Oracle/DB2
- MongoDB/CouchDB
- Nginx
- Apache
- Lighttpd
- C/C++/Java/PHP/Ruby/Python/...
- 編程語言
- 網頁服務器
- 數據庫
- 數據緩存
- 文件緩存/代理
- 操作系統
- 數據結構

前端書籍推薦

★越少越簡單,越適合入門,★多的要么是難度比較高,要么是比較適合在后面看,比如講性能之類的書.

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++

總結

以上是生活随笔為你收集整理的【收集】前端技能知识图谱的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。