前端如何學(xué)習(xí)布局和樣式 前端的學(xué)習(xí)步驟?
前端的學(xué)習(xí)步驟?html/html5/css3:學(xué)完html標(biāo)簽ampcss,可以看看h5的新特性,css3的新屬性,都是死東西?;旧峡磜3c官網(wǎng)就能學(xué)會它們,然后找?guī)讉€頁面敲敲。(注意學(xué)習(xí)兼容性)
前端的學(xué)習(xí)步驟?
html/html5/css3:
學(xué)完html標(biāo)簽ampcss,可以看看h5的新特性,css3的新屬性,都是死東西?;旧峡磜3c官網(wǎng)就能學(xué)會它們,然后找?guī)讉€頁面敲敲。(注意學(xué)習(xí)兼容性)。
js能力的提高:
前端其實(shí)是一個易主難主的行業(yè),能力還是體現(xiàn)在js上。掌握了基本的DOM操作后,你應(yīng)該去看js的oop編程,和后臺的面向?qū)ο缶幊踢€是有些區(qū)別的。其他的,比如:原型/閉包/簡單js算法(三排序,數(shù)組去重)等。,然后就可以去看js設(shè)計模式的書了。
UI庫/js庫:
Jquery一定要掌握,而且可以很快學(xué)會,尤其是在UI庫中。唐 不要在這上面花太多時間,熟悉一下就可以了,現(xiàn)在就可以看文檔了。
node.js:
現(xiàn)在前端要用node.js開發(fā),主要有兩個原因。
1)node.js可以作為中間層,在后臺調(diào)用接口,自己組裝數(shù)據(jù)轉(zhuǎn)發(fā)到前臺,存儲會話等狀態(tài)。
2)less/gulp/web pack等一些自動化工具和Vue.js等一些框架活在node中。
所以node.js也要明白,實(shí)際開發(fā)中有很多中間層,主要作用是轉(zhuǎn)發(fā)。
基于nodejs的框架,可以學(xué)習(xí)express/KOA,入門不難。
三個框架Vue/angular/react:
可以從Vue入手,這是最簡單的。掌握了之后,可以看看另外兩個框架。前端框架太多了,但是大部分MVC框架都差不多?;A(chǔ)打得好,學(xué)得快,小程序開發(fā)也是如此。
移動開發(fā):
掌握r
審美和設(shè)計很差的人應(yīng)如何學(xué)習(xí)前端?
基本的html和css,寫網(wǎng)頁沒什么問題,但是顏色布局放在一起特別難看。我該怎么辦?
第一,布局和色彩不是隨意想象的,有設(shè)計和審美的規(guī)律在里面。It 它丑陋是因?yàn)槟銢]有。;我沒有掌握那些基本的設(shè)計原則。
有時候,你看到的一個網(wǎng)站或者UI看起來不錯。當(dāng)你掌握了設(shè)計的規(guī)則,再看。那些不一定是好的設(shè)計,它們可以 經(jīng)不起推敲。因此,唐 不要盲目羨慕,要向別人學(xué)習(xí)。
我給你推薦一本書:《羅賓·威廉姆斯的《寫給大家看的設(shè)計書》》。
另一方面,我們做的是電腦UI設(shè)計,不是海報設(shè)計或者室內(nèi)裝修設(shè)計。不是服裝設(shè)計。。。換句話說,我們是工程師,不是藝術(shù)家。每個平臺都有自己的UI設(shè)計規(guī)范,比如Android,IOS,Windows Form...我們應(yīng)該在這些規(guī)范和套路下設(shè)計,結(jié)合業(yè)務(wù)的特點(diǎn),我們可以 不要只考慮視覺效果。
所以,建議你看一下UI設(shè)計的規(guī)范。
再次,業(yè)界廣泛認(rèn)可的幾種流行UI設(shè)計風(fēng)格對應(yīng)的UI框架有很多,比如扁平化、物化等。你可以參考他們,甚至找到一個你認(rèn)為有效,代碼質(zhì)量符合項目要求的框架,直接使用。唐 不要費(fèi)心自己去創(chuàng)造。
總而言之:
1.閱讀提高設(shè)計理論水平;
2.閱讀平臺UI規(guī)范,不要 I don'我覺得你不好看;
3.熟悉主流UI設(shè)計風(fēng)格,盡量少發(fā)明。