高級前端架構(gòu)師

課程背景
前端團隊的開發(fā)效率和系統(tǒng)的整體運行效率，是前端架構(gòu)師需要關(guān)注的核心問題。然而，要真正解決這些問題，并非易事。為此，培訓(xùn)中心特邀請了國內(nèi)某著名互聯(lián)網(wǎng)公司的前端架構(gòu)師，全面剖析大型系統(tǒng)的前端架構(gòu)思考、實踐和創(chuàng)新過程，分享多種前端架構(gòu)問題的解決方法，讓學(xué)員們能夠掌握并運用這些問題的思考過程和經(jīng)驗，為前端團隊積累特有的智力財富，為企業(yè)做出更大的貢獻。
培訓(xùn)具體通知如下：
 
培訓(xùn)目的：
本次課程在幫助大家利用業(yè)內(nèi)先進工具快速搭建前端基礎(chǔ)架構(gòu)的同時，從大型系統(tǒng)的前端架構(gòu)實踐和經(jīng)驗出發(fā)，找尋進一步提高前端開發(fā)效率和提升系統(tǒng)整體運行效果的方法。通過學(xué)習(xí)，掌握分析問題和解決問題的思路及方法，進一步提高大家的前端架構(gòu)設(shè)計技巧。

培訓(xùn)要點：
前端設(shè)計已經(jīng)成為近年來軟件系統(tǒng)設(shè)計的重要方面，為了給用戶提供更好的體驗，正在向著更加復(fù)雜和更加智能化的方向發(fā)展。當(dāng)前端開發(fā)復(fù)雜到一定程度時，前端架構(gòu)就應(yīng)運而生了。提高前端團隊的開發(fā)效率和系統(tǒng)的運行效率，是前端架構(gòu)師需要關(guān)注的兩大核心問題。雖然借助于現(xiàn)有的開源工具和經(jīng)驗，前端架構(gòu)師們能夠快速實現(xiàn)企業(yè)對前端架構(gòu)的基本要求，但是當(dāng)基本的基礎(chǔ)設(shè)施遇到“開發(fā)調(diào)試效率有待提升”、“歷史遺留問題對架構(gòu)構(gòu)成挑戰(zhàn)”、“系統(tǒng)性能有待提高”等諸多不利因素時，適應(yīng)變化的環(huán)境，對架構(gòu)進行合理的調(diào)整，是前端架構(gòu)師們經(jīng)受考驗、走向優(yōu)秀的必由之路，也是企業(yè)對前端架構(gòu)師的更高要求。
本課程首先著重分析前端架構(gòu)目前面臨的問題，尋找解決方案。為了避免重復(fù)制造工具，課程將帶領(lǐng)大家一起學(xué)習(xí)現(xiàn)有的業(yè)內(nèi)領(lǐng)先工具，分析每款工具的特點，便于大家選擇使用。然后，根據(jù)現(xiàn)有工具存在的缺陷，和學(xué)員一起搭建一個比較合理的前端架構(gòu)基礎(chǔ)設(shè)施。
架構(gòu)并非一勞永逸，當(dāng)我們從開發(fā)效率和系統(tǒng)性能兩方面審視前端架構(gòu)時，原來我們引以為豪的出色的架構(gòu)設(shè)計，也很難完美無瑕。因此，本課程將從某大型系統(tǒng)開發(fā)過程的實際架構(gòu)經(jīng)驗出發(fā)，給出該系統(tǒng)在前端架構(gòu)過程中遇到的八個比較典型的問題。然后，我們將沿著“問題的提出、思考、解決和總結(jié)”過程，引導(dǎo)大家進入思考和解決前端架構(gòu)問題的正確節(jié)奏，最終，給出問題的合理解決方案。在此基礎(chǔ)上，總結(jié)類似問題的思考過程和經(jīng)驗，以指導(dǎo)今后的前端架構(gòu)實踐，真正達到“授之以漁”的效果。

培訓(xùn)內(nèi)容：
（一）前端與架構(gòu)
       1、前端已不是那個前端
       2、百花齊放的前端
       3、前端與后端
       4、前端架構(gòu)與前端架構(gòu)師
       5、前端開發(fā)面臨的阻力
       6、前端架構(gòu)需要解決的問題
（二）利用業(yè)內(nèi)先進工具搭建前端基礎(chǔ)設(shè)施
1、業(yè)內(nèi)先進工具品鑒
開發(fā)框架和工具類
          代碼規(guī)范與標(biāo)準(zhǔn)類
          代碼編譯發(fā)布類
          單元測試工具類
          版本控制工具類
2、一個合理的前端基礎(chǔ)架構(gòu)設(shè)計
       前端基礎(chǔ)編寫框架jQuery+Bootstrap
       JS模板引擎的引入
       模塊化程序設(shè)計與按需加載SeaJS
       動態(tài)CSS：LESS
       編譯發(fā)布：Grunt
       版本控制：GIT
       單元測試：QUnit和jsTestDriver
       代碼規(guī)范：JSLint和CSSLint
       代碼壓縮：UglifyJS和CKstyle
3、前端架構(gòu)并非一勞永逸！
4、前端架構(gòu)經(jīng)常遇到的挑戰(zhàn)
       框架水土不服
       推廣困難
       時間對框架的磨損
    5、解決問題的思路與注意事項
（三）打通任脈——進一步提高開發(fā)和調(diào)試效率
       1、深入前端開發(fā)流程
       前端開發(fā)的一般流程
       找出流程中的絆腳石
       進一步解放生產(chǎn)力
       2、問題與現(xiàn)狀
       3、提高開發(fā)效率
       API轉(zhuǎn)換器jxn
       自動刷新工具noF5
    4、提高調(diào)試效率
       初始化精簡工具devflags
       IE調(diào)試工具ietools
       5、效果
（四）打通督脈­——進一步提高網(wǎng)站運行效率
       1、網(wǎng)站性能分析
       頁面加載時間
       頁面操作響應(yīng)時間
       內(nèi)存和CPU占用情況
       2、問題與現(xiàn)狀
3、常見的性能優(yōu)化方案與工具
       4、進一步提升網(wǎng)站的加載速度
          從字符串拼接的優(yōu)化到網(wǎng)站加載性能提升
比YUICompressor更好的CSS壓縮方式
5、進一步提升網(wǎng)站的使用體驗
從“返回頂部”和“名片卡”優(yōu)化到網(wǎng)站響應(yīng)性提升
          資源加載順序的優(yōu)化與使用體驗提升
       6、效果