[問題]Javascript入門請教

@ 2012-4-17 01:50 AM

各位先進大家好:

小弟對於網頁設計一直很有興趣,雖然沒有實質作品,也不是靠這吃飯(之前是宅配,現為油漆工)
從當兵無意之間的萌芽,到現在斷斷續續,也只能說半調子都不到。
只是對於網頁設計,就是很迷戀,一開始的XHTML,CSS到現在HTM5,CSS3都有買書自修,倒也沒啥大問題,有問題也可上網查。
之後也買了關於jQuery的書籍,發現這是由Javascript作為父語言的技術框架,
幾經思考,決定到某某電腦學習,不過課程規劃師跟我說,要學Javascript得先重JAVA學起....@@有點搞不懂
而且要價59000...,著實下不了手,只好又買書自修。

想請教各位先進:

有學過Javascript的版大,你們的學習途徑是?

   學生時期學的?(科系?學校?)
   某某電腦學的?(價格?)
   抑或者是跟小弟一樣,買書自修?
   其他?

到後來可能還會學MysQl,PHP..等後台程式,當然還有圖片美工編修等,路很漫長,不過我會慢慢走。
願先進們不吝指教,並不吝分享,感恩。

[335012 在  2012-4-17 01:53 AM 作了最後編輯]

30 評論

這我有想過,努力學習中,多謝各位前輩指點與分享

發佈者 : 335012 等級: 12等級: 12等級: 12  @ 2012-4-23 11:15 PM

我寫javascript也寫了四五年了
我個人是建議可以從framework開始
一開始提到的jQuery 或是extjs都蠻好用的

發佈者 : ash11tw 等級: 4  @ 2012-4-24 07:48 AM

Java跟Javascript真的沒有什麼直接關係
如果真的硬要說的話
就是一些語法個結構比較相似而已

但是以這個觀點去看的話
現在有太多程式語言的外觀結構看起來很相似
像是我總覺得Javascript跟ActionScript很相似

但是程式說穿的
會了一門之後
只要不是那種混吃等死,只會表皮就認為已經會了
再學習其他語言其實不難
只是多花點時間看書跟研究實例而已

我覺得學習程式最重要的在於實作
學會新的函數、物件等等
就試著去實作、思考有哪些用途會用到

如果是做網頁程式
那就是試著去建立一個網站
然後把學到的東西試著加上去
當然不是什麼東西都會用到
但是至少都可以嘗試看看

如果一開始沒有方向
就看看有什麼覺得有興趣的網站
自己試著寫一個類似的
甚至把它改得更好

以我自己來說
我自己就是從參考範例然後到研究改進開始的

也就是先學著抄
然後研究為什麼這樣寫
試著想想怎樣寫更好
然後自己從頭再寫一個

程式這行不好幹
而且這年頭越來越多人搶這碗飯
但是程度不一
之前遇過不少程度不能說真的不好
但是概念很差,又偷雞摸魚的人
價格便宜還可以說一分錢一分貨
但是價格還開得很高的...
只能說真的在賺黑心錢

到現在
一般小型的公司形象網站之類的案子
價格已經降到很谷底
還在持續往下降

但是很多人都知道
找人做網站
都是想要便宜大碗又好吃
也就是好看、好用、便宜又跟得上時代
以前一個七八萬的案子
現在剩下一兩萬就差不多了...

所以
如果不是真的非常有熱忱
不是很建議靠這個吃飯

發佈者 : 桂正和 等級: 12等級: 12等級: 12  @ 2012-4-24 04:01 PM

話說那個業主失聯,怎麼網站還會活著
該不會網域費用還是自掏腰包的吧

不然就是只保留範例網站
正式網站撤下這樣

發佈者 : 陽だまり 等級: 15等級: 15等級: 15等級: 15等級: 15  @ 2012-4-25 06:50 AM

越用越覺得jquery真的好方便…互動功能/UI/html處理…

說起來…我們十週年那頁的頁面都是用jQuery UI (Tab & Accordion)...超簡單…如果以前要弄這東西…javascript寫好久呢…

http://twed2k.org/twed2k10y.php#ui-tabs-1

發佈者 : Vic 等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32  @ 2012-4-25 09:45 PM

Javascript 跟 Java 沒關西 我想大家都知道
現在有用IP Camera

整個系統就是使用HTML+Javascript+CGI+LUA+Linux....
最讓我驚訝的是 LUA
誰會阿~

發佈者 : 海狼 等級: 7等級: 7等級: 7  @ 2012-4-28 10:27 PM


引用:
海狼寫到:
Javascript 跟 Java 沒關西 我想大家都知道
現在有用IP Camera

整個系統就是使用HTML+Javascript+CGI+LUA+Linux....
最讓我驚訝的是 LUA
誰會阿~

lua寫freegrab的腳本有用到

發佈者 : 陽だまり 等級: 15等級: 15等級: 15等級: 15等級: 15  @ 2012-4-29 07:38 AM


引用:
海狼寫到:
Javascript 跟 Java 沒關西 我想大家都知道
現在有用IP Camera

整個系統就是使用HTML+Javascript+CGI+LUA+Linux....
最讓我驚訝的是 LUA
誰會阿~


魔獸世界的UI 使用的就是LUA

雖然我也不會 但是語法結構看起來 似乎很簡易

發佈者 : Ailio 等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30  @ 2012-4-30 04:59 PM

Javascript入門 ?
講一下我個人領悟心得, 看看就好。
Javascript Framework、jQuery 在台灣紅起來前,大家都不想深入的碰 javascript,有前端需求,就上網 copy - paste,想讓前端很"跳",就用 flash 做 solution,因為 JS 的 cross browser 很煩麻,花時間在 debug 上表示一件事:沒有生產力。debug 不能賣錢,台灣沒有任何一家公司專門靠 debug 賺錢。所以 IE 6 可以稱霸那麼久,就是不長進,到大陸去發展的蔡學鏞還做了一首歌:不長進就會變成 IE 瀏覽器。但是現在我突然覺得,微軟當年做對了,微軟當年也不看好 javascript 這個爛東西,但是後來靠自己發明的 Ajax 莫名其妙的被 Jesse James Garrett、google 炒紅起來。

所以你想想看你的需求,前端你就學個皮毛,反正也不靠這個吃飯,隨便買幾本書來看,就看 NICHOLAS C. ZAKAS 寫的這一本,第 2 版有簡體中文書,可網購,建議你買第 3 版,目前只有英文,但是我猜簡版應該會出,等看得有點拿竅了,就看 Packet 出的 Javascript OOP 這本,好像 2007 年出的,這 2 本全球人都真誠推薦。至於 Javascript Design Pattern,你寫小專案幾乎用不到,小專案也不要用。想拿俏再用。
或者直接用 jQuery ,好上手,台灣目前只有 2 種 Framework 有繁體中文書,jQuery中文書多,Ext JS 就給他放棄,Ext JS 只有一小眾人在用 in Taiwan,個人覺得學起來沒屁用,除非你要跟別人一起合作開發,對方要 EXT JS,或你要接手維護別人用 EXTJS已經開發好的網站,4.X版出來沒研究,可能比較好用。你上網看一下,全世界知名等大公司都會支援、使用 jQuery 開發一寫小型專案,IDE語法支援也最多。有問題最多人可以回答你。這也證明一個問題,大家都在用就是好東西。
如果你要用做後端,可能會用到一些 UI ,這部分就比較要上國外網站看原文說明。後端比較不重 JS 特效,也不需要。

[jocosn 在  2012-5-3 10:42 AM 作了最後編輯]

發佈者 : jocosn 等級: 15等級: 15等級: 15等級: 15等級: 15  @ 2012-5-3 10:26 AM


引用:
jocosn寫到:
Javascript入門 ?
講一下我個人領悟心得, 看看就好。
Javascript Framework、jQuery 在台灣紅起來前,大家都不想深入的碰 javascript,有前端需求,就上網 copy - paste,想讓前端很"跳",就用 flash 做 solution,因為 JS 的 cross browser 很煩麻,花時間在 debug 上表示一件事:沒有生產力。debug 不能賣錢,台灣沒有任何一家公司專門靠 debug 賺錢。所以 IE 6 可以稱霸那麼久,就是不長進,到大陸去發展的蔡學鏞還做了一首歌:不長進就會變成 IE 瀏覽器。但是現在我突然覺得,微軟當年做對了,微軟當年也不看好 javascript 這個爛東西,但是後來靠自己發明的 Ajax 莫名其妙的被 Jesse James Garrett、google 炒紅起來。

所以你想想看你的需求,前端你就學個皮毛,反正也不靠這個吃飯,隨便買幾本書來看,就看 NICHOLAS C. ZAKAS 寫的這一本,第 2 版有簡體中文書,可網購,建議你買第 3 版,目前只有英文,但是我猜簡版應該會出,等看得有點拿竅了,就看 Packet 出的 Javascript OOP 這本,好像 2007 年出的,這 2 本全球人都真誠推薦。至於 Javascript Design Pattern,你寫小專案幾乎用不到,小專案也不要用。想拿俏再用。
或者直接用 jQuery ,好上手,台灣目前只有 2 種 Framework 有繁體中文書,jQuery中文書多,Ext JS 就給他放棄,Ext JS 只有一小眾人在用 in Taiwan,個人覺得學起來沒屁用,除非你要跟別人一起合作開發,對方要 EXT JS,或你要接手維護別人用 EXTJS已經開發好的網站,4.X版出來沒研究,可能比較好用。你上網看一下,全世界知名等大公司都會支援、使用 jQuery 開發一寫小型專案,IDE語法支援也最多。有問題最多人可以回答你。這也證明一個問題,大家都在用就是好東西。
如果你要用做後端,可能會用到一些 UI ,這部分就比較要上國外網站看原文說明。後端比較不重 JS 特效,也不需要。

[jocosn 在  2012-5-3 10:42 AM 作了最後編輯]


基本上我同意樓上的
但是extjs我們這裡蠻多人用的(我是在國外上班就是了)
jQuery的好處是很輕便 速度又快
在寫小project時 很方便
但是你在作UI時 很多UI元件你得自己作 (像是multiple select box)
extjs則有點包山包海 所以當你在開發大project時 其實比較容易上手
但是就是因為包得東西多 速度就不會快
而且你要改他的template也很麻煩

其實Javascript很簡單 很好學 但是要寫得好很不容易
主要原因是各家瀏覽器相容性很差
你寫得東西可能在IE可以用 但是在firebox就掛了
即使是那些大型的framework 雖然聲稱 兼容所有瀏覽器
但是在每個瀏覽器幾乎都以每個月就出一個新版本的情勢下
偶爾都還是會有問題
更別說自己寫的code

不過我個人還是蠻看好javascript的前途
有幾個理由
1. phonegap的出現
現在你可以用javascript寫app
而不需要去學object c or java

2. html5
html5補足以前瀏覽器一直缺少的功能(這也是為什麼flash出來的原因)
像是local storage, 畫圖等功能
這讓web application更像一個真正的application 而不是只有一個網頁

just my 2 cents

發佈者 : ash11tw 等級: 4  @ 2012-5-3 07:57 PM

Javascript 還有一個用途:寫Firefox的addon。
最近有個想法想用Firefox addon來實現,不知道哪裡有不錯的寫addon的入門文件可以參考?

Chrome的plugin則是用Java來寫,但似乎又有些限制。

有沒有人知道這兩者在開發能力上各有什麼限制或優點?

補充:
剛才稍微查了下,Chrome的extension也是用Javascript開發的。奇怪,為什麼我卻有用Java開發的印象呢?

[ericshliao 在  2012-5-11 01:18 PM 作了最後編輯]

發佈者 : ericshliao 等級: 14等級: 14等級: 14等級: 14  @ 2012-5-11 11:55 AM


引用:
ericshliao寫到:
Javascript 還有一個用途:寫Firefox的addon。
最近有個想法想用Firefox addon來實現,不知道哪裡有不錯的寫addon的入門文件可以參考?
Chrome的plugin則是用Java來寫,但似乎又有些限制。
有沒有人知道這兩者在開發能力上各有什麼限制或優點?
補充:
剛才稍微查了下,Chrome的extension也是用Javascript開發的。奇怪,為什麼我卻有用Java開發的印象呢?

chrome 的extension也是可以用javascript來寫
不過不確定的是,firefox能做到的不知是不是chrome也能做到
沒研究過firefox的addon這樣

另外參閱一下小弟的blog也有一些chrome extension的小成品 XD

發佈者 : 陽だまり 等級: 15等級: 15等級: 15等級: 15等級: 15  @ 2012-5-11 01:26 PM

Teach Yourself Programming in Ten Years
http://www.norvig.com/21-days.html

中文版
http://blog.csdn.net/UndeadWraith/article/details/6140455

我覺這是一篇很好的文章…絕對值得看看。

發佈者 : Vic 等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32  @ 2012-5-16 04:30 PM

這篇是朋友最近分享的國外投影片
對初學者or複習應該很有幫助
http://marcgrabanski.com/articles/jquery-essentials-slideshow

發佈者 : 陽だまり 等級: 15等級: 15等級: 15等級: 15等級: 15  @ 2012-5-18 06:36 AM


引用:
陽だまり寫到:
這篇是朋友最近分享的國外投影片
對初學者or複習應該很有幫助
http://marcgrabanski.com/articles/jquery-essentials-slideshow


我覺得這投影片做得很好呢…簡單清楚!

發佈者 : Vic 等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32  @ 2012-5-19 10:29 PM

 30  2/2  <  1  2 
   


  可打印版本 | 推薦給朋友 | 評分