iT邦幫忙

0

視覺設計人員如何上手JQuery

如題,現在的社會對視覺設計師的要求越來越高,不但要會網頁設計,還要會HTML和CSS,甚至前端的動畫也得加入JQuery輔助完成,但對於搞視覺設計的人來說,邏輯和數學是最頭痛的,要如何上手並可以在短時間使用JQuery,還請各位前輩大大不吝提供建議。

看更多先前的討論...收起先前的討論...
最簡單的方法,就是用 開發套件,他都有基本的可用的 JQUERY,也有基本可以跨平台的 CSS 描述
例如最多人用的 BOOTSTRAP 這個套件,連華碩技嘉都有用,
基本上,JQUERY 模組化之後,就是呼叫使用而已
一個網站常用的模組,大多數的開發套件都已經內置,可以直接調用
如果對 CSS 跟 JQUERY 還有 JS 不熟的人,無法重頭設計的人,用開發套件是最快的
以下這各範例是我幫一個協力廠免費做的,他只花了我大概 6個工作時數就完成了
http://www.y-y-chyuan.com.tw 給樓主參考一下,我這是比較簡易的方式排版
要複雜點,像是華碩或是技嘉,他們會用到更多開發套件的功能
weiclin iT邦高手 4 級 ‧ 2016-10-06 11:22:16 檢舉
把基礎打好, 多練習, 不要老是找那種幾天上手 jQuery 的書。打基礎雖然花時間, 但至少是有收穫的。如果只求快, 等到你要修改程式或除錯, 就會花更多時間在撞牆, 而且撞牆是沒啥收穫的, 頂多讓你碰巧改好而已, 到頭來你還是不知道程式為什麼能動了。
1. 如果不學code,直接找套件用 通常提供套件的網站上都會有使用教學
優膽: 快速 網路上套件一堆
缺點: 套件也有可能有BUG,或者哪天要你改效果,好死不死那個套件沒辦法改成那樣,你又不會去看去改code,這時候只能再去找其他符合的套件,很花時間。

2. 學著寫code,雖然比較慢,但是夠扎實,試著去看套件程式碼,看懂後去改看看,後面套件如果有bug或者案子需要改,其實相對輕鬆許多。
fillano iT邦超人 1 級 ‧ 2016-10-06 17:29:13 檢舉
您對jQuery的了解是什麼呢?
hsiangyun iT邦新手 5 級 ‧ 2016-10-08 12:08:42 檢舉
窮嘶發發發:看到了,管謝您的熱心提供。

weiclin:您說得非常有道理,我目前就是在打基礎,我很討厭處理bug,感覺處理bug比做還要累,只是打基礎不知道要打到哪一天才能熟練。

糖炒栗子:找套件直接改是大家都會的秘密,我也幹過這樣的事,不過你說得很對,不知其一而一昧拿別人的東西改萬一日後遇到需要更動基本架構時還真不知該怎麼辦,還真的要去學習CODE

fillano:我對JQuery的了解就是網頁前端的任何動做都必須靠它,選擇器使用和API的直接調用,不知道這樣是否足夠?
weiclin iT邦高手 4 級 ‧ 2016-10-08 13:42:02 檢舉
就我個人看到的實例, 一年左右的訓練可以讓一個人從不懂程式到成為可用的人力, 而另一個人只會拿現成的東西來套用, 過三年還是個新手程度整天在撞牆。另外你對 jQuery 也有點誤解, 沒有什麼東西是一定要靠他的, 他只是個讓你做事方便一點的工具而已
hsiangyun iT邦新手 5 級 ‧ 2016-10-11 13:43:55 檢舉
weiclin 謝謝您的指教
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
海綿寶寶
iT邦大神 1 級 ‧ 2016-10-07 08:44:27
最佳解答

不管什麼「上手」或「短時間使用」的
我都一律推薦w3school

把這些範例看過一遍
對 jQuery 可以做到的效果大概有點印象
然後實作上碰到問題再回來查(抄)
/images/emoticon/emoticon68.gif

hsiangyun iT邦新手 5 級 ‧ 2016-10-08 12:10:04 檢舉

感謝海綿大大的建議,w3school我也很常光顧。

俗話說得好:常光顧w3school的小孩不會變壞
/images/emoticon/emoticon25.gif

0
kgame
iT邦新手 4 級 ‧ 2016-10-11 03:37:47

都2016了,該用用現在最新潮的前端技術才對

參考資料:在 2016 年学 JavaScript 是一种什么样的体验?

我要發表回答

立即登入回答