網(wǎng)頁(yè)設(shè)計(jì)就業(yè)班培訓(xùn)內(nèi)容:
1、美工設(shè)計(jì):設(shè)計(jì)美學(xué)、se彩搭配、網(wǎng)頁(yè)創(chuàng)意思維、網(wǎng)頁(yè)設(shè)計(jì)軟件、網(wǎng)頁(yè)元素設(shè)計(jì)、網(wǎng)頁(yè)界面設(shè)計(jì)、商業(yè)項(xiàng)目設(shè)計(jì)實(shí)訓(xùn)、階段考核
2、前端開(kāi)發(fā):HTML5+CSS3布局與樣式、Ja-vascript交互開(kāi)發(fā)、Web前端整站項(xiàng)目實(shí)訓(xùn)
3、移動(dòng)端開(kāi)發(fā): H5高ji功能、CSS3動(dòng)畫(huà)詳解、webAPP開(kāi)發(fā)、公眾號(hào)開(kāi)發(fā)、小程序開(kāi)發(fā)、Vue。js實(shí)戰(zhàn)運(yùn)用、階段考核等
4、高ji框架與后臺(tái)交互:Angular。js、React。js、PHP入門、DedeCMS等綜合應(yīng)用
5、就業(yè)指導(dǎo):心態(tài)與服務(wù)、商務(wù)禮儀、畢業(yè)設(shè)計(jì)、行業(yè)分析、面試技巧、實(shí)習(xí)工作等
培訓(xùn)目標(biāo):能系統(tǒng)全面的學(xué)習(xí)界面設(shè)計(jì)、前端開(kāi)發(fā)、移動(dòng)端開(kāi)發(fā)、后臺(tái)交互開(kāi)發(fā)、網(wǎng)頁(yè)美工設(shè)計(jì),結(jié)業(yè)后相當(dāng)于有半年左右工作經(jīng)驗(yàn),能成功勝任設(shè)計(jì)、前端、移動(dòng)端開(kāi)發(fā)等職位。
認(rèn)證證書(shū):《網(wǎng)頁(yè)設(shè)計(jì)師》《網(wǎng)頁(yè)美工設(shè)計(jì)師》《Web前端工程師》
愛(ài)奇藝知識(shí)WEB前端組件化實(shí)踐
組件化作為一種開(kāi)發(fā)模式,其在代碼復(fù)用,提高開(kāi)發(fā)效率上的效果被廣泛認(rèn)可。組件化思想適用于移動(dòng)端、Web前端、PC端、TV端等多種類型的客戶端和前端開(kāi)發(fā)。
本文主要講述愛(ài)奇藝知識(shí) WEB 前端團(tuán)隊(duì)如何結(jié)合自身的業(yè)務(wù)特點(diǎn),探索和實(shí)踐了一套高xiao的前端組件化方案。
組件化:前端解耦和提效利器
前端業(yè)務(wù)發(fā)展過(guò)程中,代碼體積會(huì)越來(lái)越大,業(yè)務(wù)的邏輯復(fù)雜程度也會(huì)隨著迭代越來(lái)越高。
組件化的意義在于提效,交付的產(chǎn)物是可用的、直觀的、可組合的業(yè)務(wù)形態(tài)。
目前行業(yè)內(nèi)前端組件化按面向使用人群大致可分為3類:
面向運(yùn)營(yíng)人員:運(yùn)營(yíng)人員主要進(jìn)行頁(yè)面的創(chuàng)建、設(shè)計(jì),組件類似樂(lè)高積木一樣,拼湊起來(lái),針對(duì)特殊的組件,可交給開(kāi)發(fā)人員定制實(shí)現(xiàn),實(shí)現(xiàn)一些偏靜態(tài)或者偏固定功能(如抽獎(jiǎng)、問(wèn)答、支付等)的頁(yè)面,各個(gè)大廠一般都有自己 Low Code 平臺(tái)下類似的產(chǎn)品。
面向設(shè)計(jì)人員:設(shè)計(jì)人員主要參與頁(yè)面設(shè)計(jì),并直接將設(shè)計(jì)稿轉(zhuǎn)換成前端代碼,省去前端的開(kāi)發(fā)過(guò)程,比如阿里的 imgcook,也可針對(duì)一些復(fù)雜邏輯,可交給開(kāi)發(fā)人員進(jìn)行二次開(kāi)發(fā)。
面向開(kāi)發(fā)人員:這也是zui傳統(tǒng)的開(kāi)發(fā)模式,主要針對(duì)的是動(dòng)態(tài)的頁(yè)面,需要后端接口配合的場(chǎng)景,各個(gè)頁(yè)面的組件通用,所以抽離出來(lái)公共組件供各個(gè)頁(yè)面調(diào)用。
根據(jù)上述背景,知識(shí)Web前端進(jìn)行了相應(yīng)的組件化建設(shè),目標(biāo)如下:
根據(jù)業(yè)務(wù)特點(diǎn),橫向和縱向劃分組件,以組件為單位承接業(yè)務(wù)需求。雖然以UI組件為主,但對(duì)于相對(duì)獨(dú)立的功能,也進(jìn)行了縱向的組件抽取。
2. 組件獨(dú)立開(kāi)發(fā)維護(hù),與各項(xiàng)目解耦
組件單獨(dú)開(kāi)發(fā)、調(diào)試、發(fā)布,供業(yè)務(wù)方調(diào)用,業(yè)務(wù)方只需專注業(yè)務(wù)本身。
3. 更方便的組件調(diào)用,更合理的路由跳轉(zhuǎn)
組件調(diào)用需明確輸入、輸出參數(shù),并對(duì)參數(shù)進(jìn)行校驗(yàn)并給出合理錯(cuò)誤提示;當(dāng)各項(xiàng)目引用業(yè)務(wù)組件 涉及到跳轉(zhuǎn)時(shí),組件庫(kù)自動(dòng)決定是項(xiàng)目?jī)?nèi)(前端路由)跳轉(zhuǎn)還是項(xiàng)目外(location.href)跳轉(zhuǎn)。
4. 組件文檔化,支持在線調(diào)試,降低組件使用門檻
組件庫(kù)需要有完善的使用說(shuō)明文檔,支持在線調(diào)試,使業(yè)務(wù)方更加容易、便捷的使用。
可免費(fèi)試聽(tīng),滿意再報(bào)名,咨詢:干老師,手機(jī):137-6487-7732,qq:2290425711,v信:ffeduhaha,上海多個(gè)校區(qū)可以就近安排學(xué)習(xí),詳情可致電!
