| 開課地點(diǎn): | 北京 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 授課時(shí)間: | 2天 | ||||||||||
| 授課顧問: | 王老師 | ||||||||||
| 開課時(shí)間: | 2013-12-13 | ||||||||||
| 市場報(bào)價(jià): | 4500 | ||||||||||
| 購買價(jià)格: | 3600 | ||||||||||
| 課程排期 |
| ||||||||||
| 審核時(shí)間: | 我要報(bào)名2013-09-27 16:20:40 | ||||||||||
培訓(xùn)對象:
有一定前端基礎(chǔ)的前端開發(fā)工程師、前端架構(gòu)師、前端團(tuán)隊(duì)負(fù)責(zé)人等。
培訓(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)內(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í)間對框架的磨損
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、效果
(五)總結(jié)
師資:
王老師
中國培訓(xùn)網(wǎng)高級(jí)講師 、培訓(xùn)中心高級(jí)講師,豐富的專業(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)證講師”。
網(wǎng)站備案號(hào):粵ICP備14053066號(hào)-1 版權(quán)所有:英盛企管
Copyright 2015 Enterprise Management Training Center All Rights Reserved.