Programming for Dummies :)

大多數朋友一想到programming,有經驗的朋友可能就會想到小時候學的C++\ Pascal\ Python\... 未試過programming的朋友腦海中少不免會浮現出這個Matrix中看到的畫面:

想到這裡就頭都痛了,然後對自己說聲:「NO! I HATE PROGRAMMING」但是身邊的朋友郤可以打完一堆外星文後就出現了一些有意義的東東,看到了這樣不禁令人眼紅。接下來的日子我會教大家一點簡單的Programming,讓大家在這個與電腦為伴的年代也不會脫節。

先來一點實用些的東東。一連數天我會教大家用Microsoft Visual Studio 2010來寫ASP.NET。今日先會教大家製作一個極簡單的互動網頁。(請先不要頭痛,看下去就會發現很容易)

完成品: 在網頁中間有這個小小的Textbox可以讓你輸入文字,按Enter後下方就可以出現你剛剛輸入的文字。

ASP.NET
1. 先開Visual Studio 2010 (沒有Visual Studio 2010的大學生可以問一問朋友學校有沒有買到版權,特別是CS系既學生,很多時都可以在intranet到下載到學校替你買的Visual Studio。作為學生的你,可以到https://www.dreamspark.com/default.aspx登記就可以取得Professional tools。如果不是學生的話,也可以到https://www.microsoft.com/taiwan/vstudio/2010/download/default.aspx 下載試用版暫時使用)

開了Visual Studio 2010後,按File -> New -> Project

2. 今日教大家用ASP.NET寫網頁,當然是選「ASP.NET Web Application」

3.  在下方按「Design」。wow,大家是不是跟我一樣看到這個畫面呢。其實用了Visual Studio後,大家就可以好像平時整作Word文件一樣,隨心喜歡在所想的位置加上你想要的文字,這就是電腦人口中的「What you see is what you get」

4. 看看上面的完成品就知道我們需要三樣東西: 「Button」、「Label」和「Textbox」,所以,簡單地從左方的Toolbox把需要的東西拉到所需的位置。

5. 其實只要Click每一樣的objects,左邊也會看到它的特性。例如我們要改Button上顯示的文字為「Enter」,就click Button,在左邊「Text」的一欄改為Enter。

6.  就是這樣,就完成介面了:) 現在,我們要Click Button時那個網頁有反應。所以,很合理地,現在double click button來加入一些簡單的code。

我們現在要做的是要Label內的文字跟Textbox內的一樣,所以就直接打:

Label1.Text = TextBox1.Text;

其實細心看看,這些完全不是外星文,超容易理解。而且聰明的Visual Studio會給你一大堆提示:

Visual Studio會提示你加入過的Object是甚麼名稱。

又會提示你這個Object有甚麼可以控制。不明白時還可以看Visual Studio內建的解釋,極為方便,省卻了不少上網找Libaray的時間。

7. 成功!就是這樣就完成了啦。現在到上方Click「Start Debugging」,然後就可以在你的Browser上看到你的成果了!

Programming真的不難學(只是易學難精XD) 接下來會教更多簡單又有趣的Programming,有甚麼問題請隨便留言問我:)