大型網(wǎng)站的前端架構(gòu)思考、實(shí)踐與創(chuàng)新（王老師）

課程背景
前端團(tuán)隊(duì)的開發(fā)效率和網(wǎng)站的整體運(yùn)行效果，是前端架構(gòu)師需要關(guān)注的兩大核心問題。為解決這兩大問題，培訓(xùn)中心特舉辦“大型網(wǎng)站的前端架構(gòu)思考、實(shí)踐與創(chuàng)新”培訓(xùn)，課程結(jié)合某大型網(wǎng)站的前端架構(gòu)實(shí)踐經(jīng)驗(yàn)，創(chuàng)造性的提出了幾種前端架構(gòu)問題的解決方法，并在實(shí)際應(yīng)用中驗(yàn)證方法的有效性。本課程重在介紹前端架構(gòu)問題的分析和解決思路，旨在“授之以漁”。
培訓(xùn)具體通知如下：

培訓(xùn)對象
有一定前端基礎(chǔ)的前端開發(fā)工程師、前端架構(gòu)師、前端團(tuán)隊(duì)負(fù)責(zé)人等。

授課特點(diǎn)
1、自己動手：授課過程采取分組的方式進(jìn)行，1/4的時(shí)間在可視環(huán)境下進(jìn)行互動，1/3的時(shí)間將由大家進(jìn)行討論和動手操作，在實(shí)踐中體會架構(gòu)的樂趣。
2、案例教學(xué)：案例練習(xí)貫穿課程始終，通過案例中提出的問題，引發(fā)大家的思考和討論，并最終結(jié)合大家的意見，提出解決方案。
3、授之以漁：由于每個(gè)網(wǎng)站架構(gòu)的特殊性，因此本課程重在傳授問題的分析和思考過程，引導(dǎo)大家在此基礎(chǔ)上，解決問題，提升效率。

師資
王老師： 培訓(xùn)中心高級講師，4年以上的專業(yè)前端開發(fā)和架構(gòu)經(jīng)驗(yàn)，現(xiàn)任職于某大型互聯(lián)網(wǎng)公司的前端技術(shù)部，主要負(fù)責(zé)前端基礎(chǔ)架構(gòu)工作，是該公司的“技術(shù)標(biāo)兵”和“認(rèn)證講師”。

培訓(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
       模板引擎的引入
       模塊化程序設(shè)計(jì)與按需加載
       動態(tài)CSS：LESS/SaSS
       用Grunt做代碼編譯和發(fā)布
       使用GIT做版本控制
3、前端架構(gòu)并非一勞永逸！
4、前端架構(gòu)經(jīng)常遇到的挑戰(zhàn)
       框架水土不服
       推廣困難
       時(shí)間對框架的磨損
    5、解決問題的思路與注意事項(xiàng)

第三部分  打通任脈——進(jìn)一步提高開發(fā)和調(diào)試效率
       1、深入前端開發(fā)流程
       前端開發(fā)的一般流程
       找出流程中的絆腳石
       進(jìn)一步解放生產(chǎn)力
       2、問題與現(xiàn)狀
       3、提高開發(fā)效率
       API轉(zhuǎn)換器jxn
       自動刷新工具noF5
    4、提高調(diào)試效率
       初始化精簡工具devflags
       IE調(diào)試工具ietools
       5、效果

第四部分 打通督脈­——進(jìn)一步提高網(wǎng)站運(yùn)行效率
       1、網(wǎng)站性能分析
       頁面加載時(shí)間onload/domready
       頁面操作響應(yīng)時(shí)間
       內(nèi)存和CPU占用情況
       2、問題與現(xiàn)狀
       3、從字符串拼接的優(yōu)化到網(wǎng)站加載性能提升
       4、從“返回頂部”和“名片卡”優(yōu)化到網(wǎng)站響應(yīng)性提升
       5、ckstyle的CSS自動修復(fù)與分瀏覽器壓縮
       6、效果

第五部分  總結(jié)
 
培訓(xùn)目的：
本次課程幫助大家在利用業(yè)內(nèi)先進(jìn)工具快速搭建前端基礎(chǔ)架構(gòu)的同時(shí)，從大型網(wǎng)站的前端架構(gòu)實(shí)踐和經(jīng)驗(yàn)出發(fā)，找尋進(jìn)一步提高前端開發(fā)效率和提升網(wǎng)站整體運(yùn)行效果的方法。通過學(xué)習(xí)，掌握分析問題和解決問題的思路及方法，進(jìn)一步提高大家的前端架構(gòu)技巧。