您好,登錄后才能下訂單哦!
作為一名開(kāi)發(fā)人員,在WEB前端項(xiàng)目開(kāi)發(fā)中,重復(fù)而枯燥的工作太多,Grunt自動(dòng)化的項(xiàng)目構(gòu)建工具,幫你解決這些問(wèn)題,對(duì)重復(fù)執(zhí)行的任務(wù)像壓縮,合并,編譯,單元測(cè)試及代碼檢查等, 通過(guò)配置Grunt自動(dòng)化工具,可以減輕您的勞動(dòng),簡(jiǎn)化您的工作。
1.想提高運(yùn)行前端開(kāi)發(fā)工作流程 ; 2.有一些項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn),效果會(huì)更好。
1. Grunt工具和插件的安裝 2. 如何進(jìn)行項(xiàng)目配置 3. 如何配置任務(wù) 4. 如何執(zhí)行任務(wù) 5. Grunt的使用
第1章 課程介紹
介紹什么是前端集成解決方案,目前流行的是哪幾種,主流方案即yeoman,bower,grunt的組合。而grunt只能算是build Tools, 構(gòu)成競(jìng)爭(zhēng)的幾種主流的build Tools 包括 Ant, Buildy, Gmake, Jammit, Jasy, Rake, Sprockets,Gulp。 通過(guò)學(xué)習(xí)本課程力爭(zhēng)讓大家學(xué)習(xí)到現(xiàn)代web項(xiàng)目的思想,進(jìn)而在自己的項(xiàng)目中整合進(jìn)集成…
第2章 準(zhǔn)備工作
簡(jiǎn)單介紹NodeJS環(huán)境及其安裝,Grunt基于NodeJS構(gòu)建;Yeoman, Bower, Grunt的安裝方法,及安裝成功與否驗(yàn)證。
第3章 Yeoman實(shí)踐
引導(dǎo)大家閱讀Yeoman生成的WebApp代碼, 詳解各個(gè)文件的作用,穿插講解editconfig,以及代碼規(guī)范。
第4章 Bower實(shí)踐
演示如何使用Bower安裝Jquery 和 bootstrap相關(guān)的js和css文件, 詳解Bower的配置文件。
第5章 Grunt實(shí)踐
對(duì)于已有的Grunt項(xiàng)目我們?nèi)绾螌⑵渑芷饋?lái);已有的未使用Grunt構(gòu)建的項(xiàng)目,如何將Grunt強(qiáng)大的能力引入其中,講講npm的核心package.json,如何安裝Grunt的插件,如何一步到位編寫(xiě)Grunt的配置文件及配置文件各項(xiàng)詳解。
第6章 Grunt – plugins
本章除了能愉快地掌握怎樣為grunt編寫(xiě),貢獻(xiàn)插件。我們還將一窺開(kāi)源生態(tài),學(xué)習(xí)如何通過(guò)github快速構(gòu)建自己的項(xiàng)目,并搭建主頁(yè)推介出去。最最重要的,這一節(jié)已請(qǐng)佛祖開(kāi)光,大家快來(lái)一窺究竟吧。
第7章 擴(kuò)展知識(shí)介紹
相同的任務(wù)使用 Gulp 和 npm 如何實(shí)現(xiàn),比較三者優(yōu)劣。
第8章 課程總結(jié)
通過(guò)本課程我們切實(shí)了解了現(xiàn)代Web的開(kāi)發(fā)方式以及最前沿的集成解決方案。后續(xù)希望能跟大家聊一聊那些讓我們的開(kāi)發(fā)事半功倍的前端工具。
=======================================
下載地址:http://www.aliyue.net
注: 打開(kāi)后搜索你要下載的就可以下載了
========================================
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。