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

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

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

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