培訓(xùn)搜索引擎

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

參加對象:有一定前端基礎(chǔ)的前端開發(fā)工程師、前端架構(gòu)師、前端團隊負責人等。

公開課編號 GKK3390
主講老師 王老師
參加費用 4500元
課時安排 2天
近期開課時間 2013-08-30
舉辦地址 加載中...

其他開課時間
  • 開課地址: 開課時間:

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

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

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

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

培訓(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ī)范與標準類
          代碼編譯發(fā)布類
          單元測試工具類
          版本控制工具類
2、一個合理的前端基礎(chǔ)架構(gòu)設(shè)計
       前端基礎(chǔ)編寫框架jQuery+Bootstrap
       模板引擎的引入
       模塊化程序設(shè)計與按需加載
       動態(tài)CSS:LESS/SaSS
       用Grunt做代碼編譯和發(fā)布
       使用GIT做版本控制
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)站性能分析
       頁面加載時間onload/domready
       頁面操作響應(yīng)時間
       內(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)先進工具快速搭建前端基礎(chǔ)架構(gòu)的同時,從大型網(wǎng)站的前端架構(gòu)實踐和經(jīng)驗出發(fā),找尋進一步提高前端開發(fā)效率和提升網(wǎng)站整體運行效果的方法。通過學習,掌握分析問題和解決問題的思路及方法,進一步提高大家的前端架構(gòu)技巧。

上一篇:360度管理溝通(楊老師)
下一篇:西點軍校人才培養(yǎng)與領(lǐng)導(dǎo)力提升(方光華)

培訓(xùn)現(xiàn)場