關於前端設計師的養成

作者: artwe6 (David)   2014-08-02 01:15:14
大家好
我是前端的平面設計師
主要做日本的網站
常常在做完後交給前端的程式,出來的效果跟當初討論的都會有一定的落差,
所以我想好好的學習並且了解這方面的知識,
經過一個禮拜的讀寫大概能html配css在運氣套javascript寫出套用網路動作語法的靜態網站,
但是其實對於整個架構還不是很明白.
目前知道想要做到一個好的動態網站(前端部分)
必須會的有
javascript,jQuery
sass,css3
html5
依目前的理解jQuery之於javascript和sass之於css3的關係
就是前者是後者的技術加強版,可以用更少的行數去執行更多的動作與原來做不到的效果.
我是使用純文字的編輯器編輯,
主要想做的是想專心把前端的部分做好,設計,切版,套程式.
因為真的沒底子,也真的很有興趣,
也蠻怕一開始就會錯意.
所以想請問大家
0.我的理解有錯誤嗎
1.學習的順序
2.學習的資源(有找很多,目前碰到的問題是很多交學者都是已經會一部份,導致到他會的那部分不太能理解,那有些從頭教的大概在css初期就斷尾了)
3.想成為一位瞭解前端的設計師還有什麼是一定要了解的呢,謝謝大家
作者: TSW (翹班帝國)   2014-08-02 01:22:00
如果本身沒有學過程式設計的話,javascript跟jquery離你太遠,先丟一邊。你第一個必須學會的是HTML,而且要背的很熟。第二個要學會的是CSS,這個要花時間下去慢慢搞清楚CSS裡面的化學變化。第三個要學會的是 "利用別人的成果",像是bootstrap之類的。剩下不足的部分用jquery來彌補,最後才輪到javascript。
作者: artwe6 (David)   2014-08-02 01:28:00
有我現在每天都會撥時間從頭寫html,但我上網看許多人都說在
作者: TSW (翹班帝國)   2014-08-02 01:28:00
本身熟悉程式設計的話,請從javascript開始XD
作者: artwe6 (David)   2014-08-02 01:30:00
使用jquery之前得先會javascript,謝謝bootstrap的資訊我當然先使用你的流程:) 因為我完全不熟悉阿Orz
作者: TSW (翹班帝國)   2014-08-02 01:32:00
這樣講也沒錯,要先會javascript才能發揮100% jquery的效果但是對一個不熟悉程式設計的人來說,一頭栽進變數、函式、事件
作者: artwe6 (David)   2014-08-02 01:34:00
那請問是要先瞭解javascript的使用方式再去摸jquery嗎,因為
作者: TSW (翹班帝國)   2014-08-02 01:35:00
、演算法、資料結構等等,很容易馬上就迷失and喪失鬥志。
作者: artwe6 (David)   2014-08-02 01:35:00
我其實是還蠻求甚解的人,哈鉿哈,會很想瞭解他流程原因.
作者: artwe6 (David)   2014-08-02 01:36:00
了解!
作者: TSW (翹班帝國)   2014-08-02 01:36:00
。直到你想要搞ajax或其他有得沒得特殊功能的時候,再去學js。很求甚解的話,也可以從javascript開始就是了..沒什麼不行XD
作者: artwe6 (David)   2014-08-02 01:39:00
我還是先把jquery當工具一邊慢慢了解好了!因為我的目的還是主要在視覺和使用者的部分!我的意思就是聽你的先用背的,或記錄在記事本裡了XD
作者: TSW (翹班帝國)   2014-08-02 01:41:00
XD
作者: artwe6 (David)   2014-08-02 01:45:00
那請問sass必須要先透徹嗎?
作者: TSW (翹班帝國)   2014-08-02 01:51:00
懂CSS之後再去看SASS,你不一定有機會用到它。
作者: artwe6 (David)   2014-08-02 01:54:00
好的謝謝
作者: fire231 (Bloodmors)   2014-08-06 01:22:00
JQ用到在查就好了 JS也是常用的 多用幾次就記起來了沒有一定要先學JS
作者: iamnodoubt (Have Fun)   2014-08-07 22:44:00
你自己做出來的psd自切成html,切個幾次html/css就很熟學jquery..再回頭鑽研javascript, codecademy其實都太簡單,語法看熟一點,然後去看youtube上的psd 2 html影片

Links booklink

Contact Us: admin [ a t ] ucptt.com