Web前端開發(fā)知識(shí)技能總結(jié)

這篇文章主要講解了“Web前端開發(fā)知識(shí)技能總結(jié)”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“Web前端開發(fā)知識(shí)技能總結(jié)”吧！

我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、瓜州ssl等。為超過(guò)千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的瓜州網(wǎng)站制作公司

項(xiàng)目起源

Web前端開發(fā)知識(shí)技能總結(jié)

圖片的形式具有諸多的不便。缺失源圖的我們，無(wú)法為此圖貢獻(xiàn)些什么，隨著時(shí)間的遷移，或許有些技術(shù)點(diǎn)會(huì)發(fā)生改變，所以有了這個(gè)GitHub項(xiàng)目。我們可以通過(guò)協(xié)作的方式來(lái)共同維護(hù)這個(gè)項(xiàng)目。Git的歷史記錄也可以見證前端行業(yè)的一些變遷。

可視化效果

　前端開發(fā)知識(shí)結(jié)構(gòu)

  • 前端工程師

    • SVG/Canvas/VML

    • SVG: D3/Raphaël/Snap.svg/DataV

    • Canvas: CreateJS/KineticJS

    • WebGL/Three.JS

    • 知識(shí)管理/總結(jié)分享

    • 溝通技巧/團(tuán)隊(duì)協(xié)作

    • 需求管理/PM

    • 交互設(shè)計(jì)/可用性/可訪問(wèn)性知識(shí)

    • 編譯原理

    • 計(jì)算機(jī)網(wǎng)絡(luò)

    • 操作系統(tǒng)

    • 算法原理

    • 軟件工程/軟件測(cè)試原理

    • Unicode

    • D2/WebRebuild

    • NodeParty/W3CTech/HTML5夢(mèng)工廠

    • JSConf/滬JS(JSConf.cn)

    • QCon/Velocity/SDCC

    • JSConf/NodeConf

    • CSSConf

    • YDN/YUIConf

    • HybridApp

    • WHATWG

    • MDN

    • codepen

    • w3cplus

    • CNode

    • HTML5/CSS3

    • 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)

    • 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

    • 類庫(kù)模塊化

    • 業(yè)務(wù)邏輯模塊化

    • 文件加載

    • 模塊化預(yù)處理器

    • CommonJS/AMD

    • YUI3模塊

    • bower/component

    • LABjs

    • SeaJS/Require.js

    • Browserify

    • 壓縮合并

    • 文檔輸出

    • 項(xiàng)目構(gòu)建工具

    • YUI Compressor

    • Google Clousure Complier

    • UglifyJS

    • CleanCSS

    • JSDoc

    • Dox/Doxmate/Grunt-Doxmate

    • make/Ant

    • GYP

    • Grunt

    • Gulp

    • Yeoman

    • FIS

    • Mod

    • 數(shù)據(jù)結(jié)構(gòu)

    • OOP/AOP

    • 原型鏈/作用域鏈

    • 閉包

    • 編程范型

    • 設(shè)計(jì)模式

    • 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

    • Batarang

    • Coding style

    • 單元測(cè)試

    • 自動(dòng)化測(cè)試

    • 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

    • 編輯器和IDE

    • 調(diào)試工具

    • 版本管理

    • 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

    • HTML/HTML5

    • CSS/CSS3

    • Sass/LESS/Stylus

    • PhotoShop/Paint.net/Fireworks/GIMP/Sketch

    • JavaScript/Node.js

    • CoffeeScript

    • TypeScript

    • IE6/7/8/9/10/11 (Trident)

    • Firefox (Gecko)

    • Chrome/Chromium (Blink)

    • Safari (WebKit)

    • Opera (Blink)

    • 瀏覽器

    • 編程語(yǔ)言

    • 切頁(yè)面

    • 開發(fā)工具

    • 代碼質(zhì)量

    • 前端庫(kù)/框架

    • 前端標(biāo)準(zhǔn)/規(guī)范

    • 性能

    • SEO

    • 編程知識(shí)儲(chǔ)備

    • 部署流程

    • 代碼組織

    • 安全

    • 移動(dòng)Web

    • 前沿技術(shù)社區(qū)/會(huì)議

    • 計(jì)算機(jī)知識(shí)儲(chǔ)備

    • 軟技能

    • 可視化

      • 后端工程師

        • 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/…

        • 編程語(yǔ)言

        • 網(wǎng)頁(yè)服務(wù)器

        • 數(shù)據(jù)庫(kù)

        • 數(shù)據(jù)緩存

        • 文件緩存/代理

        • 操作系統(tǒng)

        • 數(shù)據(jù)結(jié)構(gòu)

      前端書籍推薦

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

      CSS

      • Eric Meyer 談 CSS（卷二）★★★

      • CSS權(quán)威指南 （第3版）★★

      • 精通CSS★★★

      JavaScript

      • JavaScript DOM編程藝術(shù) （第2版）★

      • JavaScript高級(jí)程序設(shè)計(jì)（第3版）★★

      • 鋒利的jQuery★★

      • 高性能JavaScript★★★

      • JavaScript語(yǔ)言精粹★★★

      • JavaScript權(quán)威指南★★★

      • 編寫可維護(hù)的JavaScript★★★

      • JAVASCRIPT語(yǔ)言精髓與編程實(shí)踐★★★

      • Effective Javascript★★★

      • Secrets of the JavaScript Ninja★★★

      • JavaScript模式★★★

      • JavaScript設(shè)計(jì)模式★★★★

      • 基于MVC的JavaScript Web富應(yīng)用開發(fā)★★★

      性能實(shí)踐

      • Web性能實(shí)踐日志★★★

      • Web性能權(quán)威指南★★★

      版本控制工具

      • 版本控制之道 (git)★★

      • Pro Git★★★

      • Git權(quán)威指南★★★★

      后端書籍推薦

      Linux管理

      • Linux 系統(tǒng)管理技術(shù)手冊(cè)

      • 鳥哥的 Linux 私房菜

      • Linux 101 Hacks

      • UNIX Shell Scripting

      • The Linux Command Line

      • Linux Network Administrator’s Guide

      Linux編程

      • Linux程序設(shè)計(jì)

      • Linux系統(tǒng)編程

      • Unix環(huán)境高級(jí)編程

      • Unix編程藝術(shù)

      • The Linux Programming Interface

      • 程序員的自我修養(yǎng)

      • 深入理解Linux內(nèi)核

      • Unix網(wǎng)絡(luò)編程

      • TCP/IP高級(jí)編程

      C/C++

      • Linux C編程一站式學(xué)習(xí)

      • C和指針

      • C陷阱與缺陷

      • C專家編程

      • C語(yǔ)言核心技術(shù)

      • 徹底搞定C指針

      • 征服C指針

      • C++編程思想

      • 高質(zhì)量程序設(shè)計(jì)指南—C/C++語(yǔ)言

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

      感謝各位的閱讀，以上就是“Web前端開發(fā)知識(shí)技能總結(jié)”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)Web前端開發(fā)知識(shí)技能總結(jié)這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

      分享標(biāo)題：Web前端開發(fā)知識(shí)技能總結(jié)
      鏈接分享：http://muchs.cn/article2/pdpcic.html

      成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、建站公司、微信公眾號(hào)、做網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站設(shè)計(jì)

      廣告

      聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

      成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)