Categories: 初學程式

coding第四講:寫程式前該具備的能力

coding的時候,你應該要「先」學會什麼?

那麼,現在看下來我們差不多要學coding了,此時你/妳應該會選好IDE(整合開發環境)跟學習的語言,甚至已經在學習的路上了,不過我們還是先來談談寫程式前需要什麼樣的能力。

「咦?上一篇不是說直接下去寫就好嗎?」

是滴,單純是寫程式的話直接寫會讓你最快瞭解「現在的自己」喜不喜歡寫,但是如果想寫好、順暢地學習,你應該要專心在培養什麼能力呢?

因此這篇文章不只是在說「寫程式時」具備的能力,我其實會更強調「寫程式前」就必須具備的能力有哪些?

  1. Google,學會反問電腦問題
  2. 學會MECE思考,問自己問題
  3. 了解提問的藝術,問別人問題

接下來讓我們詳細介紹,其實中心思想非常單純,就是問題與解答要怎麼串接:

1.Google

正是寫程式的訓練讓我學會「如何Google」,你可能會想Google不是很容易嗎?輸入個關鍵字就能查到想查詢的東西,但沒有那麼簡單。寫程式的查詢,你必須學會「問一個好的問題」(這也跟AI蠻相關的,改天有機會會寫我對AI的理解,畢竟目前自己都投注在這一方面)什麼意思?

coding的問題只有兩種:就是How跟What開頭的問題。

而這裡面又有兩種問題:

第一種,如何做一個自己沒做過的東西:

要知道,程式語言的更新速度超級快,甚至一個生態系豐富的語言就會有一堆語法、功能、框架被製造

看看Javascript (遠目,一堆XX.js 真的很恐怖XXD。這也是開源軟體的紅利,第八章我們會提到,你就當成已經進入一個高速發展、高速演化的世界。既然那麼多東西,有辦法全部學會嗎?當然不可能!

自己能不能當個好的解決問題的人?

所以我說程式語言的學習是基於「問題導向的」,不要把自己當一個programmer , 而是problem solver.

透過發問,我們可以搜尋、歸納自己不懂、不會的東西,而這類的問題跟生活中大部分人打開Google在做的事情是一樣的,好比「如何寫履歷?」、「什麼是以核養綠」開始寫程式之後可能就是「什麼是CICD?」、「如何在網站使用動畫?」,很簡單吧?那是因為Google的自然語言處理技術做得非常好。

(看過最扯的是有人用台語拼音找影片,第一個就是他要找的) 這種問題Google到的都是直接的solution。

但是這樣是不夠的,有時候你想要找pdf、PPT檔案,想要精準符合搜尋欄位裡的字詞,必須學會一些特殊的指令,那就是你必須具備的能力之一:「透過下指令的方式使用Google」。

我不會教你怎麼做,因為你可以直接去Google,現在。

第二,寫程式的時候如果寫錯,我們就把這類錯誤稱為bug。

有太多時候我們自己寫程式會遇到一個bug,那基本上程式的bug有兩種:syntax error和 semantic error

第一種就是語法錯誤,可能你寫的不合格式、不存在語法(電腦看不懂)或者少了一些步驟、丟錯參數…….. 這部分你可能會想:「那我直接複製貼上bug information去查不就好了?」

確實,這是最快的方式,但我並不認為他可以「解決問題」。釐清一次,我們使用Google是為了「協助我們解決問題,我們向電腦提出我們的疑問」,所以你必須很清楚你的問題在哪裡。

正確的問題才有正確的答案

語法不熟並不是要解決「編輯器報錯的問題」而是「語法不熟、不清楚,為什麼這邊要這樣,看來自己還不明白」,所以你應該Google相關的技術文件、官方文檔,然後查看自己的程式碼,如此才能真的「靠你自己解決問題」。我不認為直接把error貼到Google上下一次就不會犯錯,它可以很快找到相關的錯誤與解決方法,但查看文件才能確保你真的了解了這項語法、這些用法,甚至可以發現你的思路是錯的,跟你想的完全不一樣,這麼舉例好了:

小明今天想要一張床,他不熟組裝技術,但他知道基本上需要買材料、工具,所以他把材料買回來之後開始組裝零件,組一組發現有個洞怎麼都穿不過去,所以上網查「如何穿過一個洞」而不是「如何組裝一張床」???????????????

覺得很荒謬嗎?但確實很多人是直接把error貼到Google上就這麼算了的,網路上有很多優秀的回答者,不過他們完全只能看到「你提出的問題」,但沒有被你提出、卻是你真正的問題,別人也幫不了你。清楚最基本的語法是很必要的。所以有些人說:「懂得越多,越覺得自己無知」。我也這麼覺得,因為當你發現這個問題背後其實藏了一個更貼近本質的問題,就會覺得不知道的自己很慚愧,這很正常也很有趣,反之如果只會提出「表面問題」的人,乍看之下很有經驗、碰過很多問題,事實上不是他們懂得更多,而是他們不知道真正的問題在哪裡。

第二種,就是連電腦都沒發現,可怕的semantic error,有時候程式運行順暢,可是你發現結果跟你想的差了十萬八千里,就是邏輯上出現了問題,特別是迴圈與控制,許多人容易打結。

這時候思考看看,你應該怎麼問問題呢?既然電腦不會告訴自己這是哪一種錯誤,我們必須深入思考:「哪裡有奇怪的味道(bad smell)?」

不熟悉、大概這樣、我記得應該……這些不清楚的程式碼片段要記得在寫的時候註解起來,當發生問題的時候優先檢查他們,並做好unit test(程式碼單獨執行),確保每一行都是「我預期Y , 得到Y」。

如果發現有個地方跟自己想得不一樣,got it!

既然已經找到問題了,我們來想應該如何發問,想像一個情境:「老師指定你做一份蛋糕,可是你完全不知道蛋糕怎麽做,你只知道自己『不會做蛋糕』。」那要怎麼做?直接Google:「如何做蛋糕?」

所以我們只要把問題簡化成「如何」的問題就行了,因為這種問題的本質是自己「沒有想明白實作方法。」那麼找解方其實就是你應該問的。想寫一個將X加上3的函數,可是發現寫出來是X*3 + 8?

(這裡舉的例子有點誇張,總之就是函數沒寫對)

你可以用:「How to write a function that makes X add 3 in Python ?」

透過檢查別人的答案、對照自己的答案來思考,思考過別人的答案、了解他的思路之後就可以找到自己的思考漏洞。

所以要不厭其煩地Google,因為通常開發軟體最好的老師就是Google跟Stackoverflow(一個回答電腦相關問題的網站)了。以我修投資學時候為例,很多同學都會跟老師要PPT、答案,老師基本上也不知道怎麼弄或者懶得弄,但是很常用Google的我一下就把整本課本的簡報、答案、pdf找出來了,或者可以說很常用Google之後,在數位時代的獨立性會提高,因為很多資源其實都在網路上了,可以讓你在面對未知問題時不會那麼不知所措。

2.學會MECE的思考方式

窮舉 + 對比

這是來自於麥肯錫的思考原則,簡單來說就是:

「列對窮舉 ,互無遺漏 」。

咦?這不是商管人的夢幻職業:管理顧問的思考原則嗎?用在寫程式上?

是的,寫程式有一個語法叫做switch…case ,簡單一點則有if…else ,其實就是在做這件事情。流程控制,沒有好的控制流程,你的程式就是單向、不可逆的,單向的程式會讓你的程式碼很多很多條、而且非常不好讀。不可逆會讓你的程式容易重複、造成程式碼沒有效率、容易搞混平行流程等等……..

我們必須考慮「任何情況」確保「沒有漏掉可能的情況」,以及「列對」把完全相反的情況羅列出來以免思考偏誤。

你真的能夠發掘出所有問題嗎?其實並不容易,有了MECE的思考原則就不會讓自己的立場太過單一,如此一來面對深入的問題時就不會產生嚴重偏差。這點不只在程式思考上,專案管理、財務金融、生活上都需要用到。

通常工程師們少考慮一個情況,或者少多問一個前提,也就是並未考慮全部的問題時候,寫出來的程式就很可怕,因為要改東改西的,甚至少寫一個if包住就會讓程式無法運作,多問自己「還要考慮什麼?」是寫程式時非常需要的能力。我的商管文章也會提到MECE原則,總之就是多練習想廣闊一點,總是好的。

3.了解提問的藝術

嘿!你知道嗎?

提問是門學問,畢竟我們提問是因為我們不懂,這個不懂是「難以理解、無法得知」。

換句話說,如果你用過MECE自己想過、Google過找不到或者沒人回答、或者找到答案還是不好理解,就應該尋求他人的協助,向別人請教。

這也是PTT一直都很討厭伸手牌的原因,很多人都沒有先爬過文、自己查詢,反而直接問「月經問題」,其實是很不禮貌的,因為如果你根本就不想解決這個問題,為什麼別人要幫你解決?

那麼好的提問其實有很多種,我就不一一贅述了,這是coding系列文的其中一篇,簡單說明一下如何提問,不過既然我也把問題告訴你了,你其實應該知道怎麼回答。

基本上就是:

  1. 簡單描述問題本身
  2. 描述自己不懂的點
  3. 貼上相關/原本 的 錯誤/程式碼
  4. 敘述自己看到資料的思考
  5. 問 如何解/為什麼

如果還想知道更多,github上有個「提問的藝術」推薦大家都去看一下,會更清楚具體的提問情景。

另外這一章主要都是在講問問題,但其實解答問題也是一門藝術,不過篇幅有限就….有機會再寫好了XD

好文來自:Dennis Dsh

學程式助教

Recent Posts

三個你不能錯過的教學資訊

疫情之下,原本實體活動全都改成線上,活動分享全都在網路上很容易錯過,這邊整理了幾個跟數位教學相關的活動資訊給大家參考,分享順序為活動時間⏰ 1. Google Workspace技術整合術 Google Workspace for Education (原 G Suite 教育版) 能透過 Gmail、Google Drive、Google Calender、Google Meet 和 Classroom 等通訊與協作應用程式創造輕鬆與順暢的學習環境,並促進協同合作以提升數位學習與教學成效,而且還會為學校資料提供雲端安全性防護…

3 years ago

線上教學沒有臨場感?Gather來幫你解決

實體的教室變成一格一格的畫面,原本吵雜的下課時間也變成掛斷通話的系統聲。原本在班級中的歸屬感慢慢消失了,久而久之,孩子的對於學習,不再有群體的感覺,只是孤軍一人學習、複習、考試,甚至是畢業典禮都少了一份臨場感。因此,今天要和大家介紹一款現在在教育界還很少被提到的軟體-Gather。 Gather 如果你還不知道Gather,或是直覺的把Gather與虛擬會議室連結在一起,不妨先看看Gather裡的特色: 介面是像素型RPG 每個人自由創建一個角色 上下左右輕易控制角色 走道其他角色旁邊能互相討論 小遊戲battle 光是這五點特色,就足以推派它成為遠距教學的工具,除了打造不同空間的地圖外,最特別的是Gahter打造前所未有的臨場感,人與人之間只有靠近到一定距離,才能聽到彼此說話聲音,而相對應的,離開後聲音就會漸漸聽不到,就連白噪音的設計也是如此,非常的逼真。 不知道老師們會不會因為搭建地圖覺得麻煩,或是看到2D介面怕學生當遊戲在玩而不考慮這款軟體,換個角度思考,藉由不同地區的老師們集思廣益,打造出最適合學生學習的環境,像是不同學科的教室、戶外自然生態區、操場、籃球場等等....都可以更貼近真實校園,而像素的介面正好提高學生的學習意願,老師們擔心學生過於沉迷時,也能用全體廣播放上課鐘聲,或是讓學生們聚集在同一區,鏡頭站起來動一動 (另外推薦Active Arcade -> 趣味運動的APP ),就像早操一樣很真實。 線上教學缺乏臨場感,Gather可以創造了讓大家「一起在一個遊戲世界」的凝聚力。縱使Google Meet、Teams 雖然也可以進行討論,但若要每堂課要穿梭在不同會議間,節奏不流暢,使用Gather可以讓學生更自由地移動,相對應的老師也可以神出鬼沒地到處「旁聽」。 教孩子用科技解決問題,如果老師們也努力著示範給孩子看,創造出獨一無二的學習空間,相信對於孩子學習的歷程中,有莫大收穫。但到底怎麼開始使用?別擔心,這次快樂學程式邀請到Gahter界的大神 阿岳,要來和大家分享Gather的6大應用技巧,限名額唷~…

3 years ago

HTML入門系列:基本觀念介紹!

HTML入門&基本觀念介紹!         構成一個網頁,最重要的就是他的結構,而HTML就像是他的骨架,而CSS就是像是我們身體上的肌肉一般,而JS則像是人體的神經、血管般調整著我們身體、傳遞訊息,那麼HTML究竟是指哪些語法呢?   什麼是HTML?       HTML全文又稱為HyperText Markup language ,也就是所謂的超文本標記語言,是網頁構成的基本要素,換言之,網頁就是由一堆html所構成,透過瀏覽器,顯示文字、圖片、以及其他相關我們可以在網頁上看見的基本元素。而對於剛學程式的朋友來說,HTML有以下幾個重點: HTML的基本架構: HTML的基本觀念與優點1.容易學習-HTML的文檔製作非常簡單易懂﹐功能強大之餘還支持不同格式的文件鑲入。2.製作門檻低-HTML是文本﹐它需要瀏覽器的解釋。只要你學會了HTML﹐你就可以直接在Windows的記事本或寫字版上進行製作和編輯﹐當然你也可以用WPS來編寫﹐只要注意在存檔的時候用.htm或.html來做檔名就可以了3.有利於搜尋引擎理解你的內容,透過HTML所構成的頁面被稱作所謂的”靜態頁面”﹐而Google爬蟲會優先收錄靜態網頁﹐所以HTML對於Google來說就像是鯊魚聞到血腥味一樣﹐有利於吸引Google爬蟲。4.加快瀏覽速度-因為靜態網頁無需連接數據庫﹐因此比打開動態網頁的速度較快﹐對於消費者體驗來說有所幫助。5.網站更安全-因為HTML頁面不會受Asp相關漏洞所影響。 HTML的缺點與限制 1.太簡單﹐不能適應現在越來越發達的網路世界和應用的需要﹐比如手機﹑PDA﹑信息家電等都不能直接顯示HTML2.太龐大﹐由於HTML代碼不規范﹑臃腫﹐瀏覽器需要足夠智能和龐大才能夠正確顯示HTML。顯然在你的PDA上裝一個IE6是不可能的。空間不夠﹐運算也跟不上3.數據與表現混雜。這樣你的頁面要改變顯示﹐就必須重新制作HTML。對不同的網路設備顯示同樣的數據都需要制作不同的HTML4.只能對文本進行排版﹐而且HTML樣式使用標準文本標識﹐不能創建一些特殊效果 所以我該如何學習HTML? 有什麼比較快的方法嗎?       答案是沒有的﹐學習程式語言就像是學習廚藝一樣﹐只有透過不停的嘗試﹑嘗試和嘗試才能讓自己有所成長﹐並且慢慢強大。過程中你會一直遇上困難和失敗﹐但你在不斷解決困難的過程中能夠不斷發掘新的知識﹐從失敗中發才能不停的成長。無論你是學習那一種程式語言﹐都需要經歷困難和失敗才能讓自己更加強大﹐正所謂:不經一番寒徹骨,怎得梅花撲鼻香呢?對吧﹐我們能做的不是要找捷徑﹐而是透過不同的媒介和平台去不斷學習﹐那麼下面快樂學程式會為大家介紹一些很棒的程式教學網站﹐讓大家可以不斷提升自己。 1.w3schools.com- 語法練習的好地方這個網站是目前全球訪問量最大的網頁開發教程網站﹐網站裡有多種程式語言的教學﹐而且每種程式語言由淺到深的解說﹐從語言的介紹到不同的功能和方法都會分章節說明。所以無論你是從零開始學的白紙﹐還是已經在學習但遇到困難的新手都可以在這個網站上找到相關資訊﹐是個非常不錯的網站。那麼網址我們當然要雙手奉上﹐請慢用https://www.w3schools.com/ 2.CodeAcademy- 免費的教學網站這是全球其中一個最受歡迎的免費coding教學網站﹐已經有超過2400萬人透過這個網站學習到了如何去coding。這個網站是非常適合新手入門的同學去學習的﹐網站會一步一步仔細的教導而且還有實作﹐所以學習起來非常的快速! 3.StackOverflow- 實際案例與疑難雜症的解決處  這個網站比較適合一些已經有在嘗試動手實作的同學﹐當你在coding的時候遇上困難了﹐那麼你可以在這個可以解決超過80種程式語言問題的網站上找到答案﹐讓你的coding之路更加順暢。  如果你覺得爬網站麻煩又費時,不妨直接點擊快樂學程式的網頁前端課程,老師直接手把手帶你入門HTML !完整的基礎入門課程省下你獨自摸索花費的時間!   課程上架Udemy ! 準備一個輕鬆的週末,只要一天的時間,帶你建置靜態網頁。從實作中打開靜態網頁的大門,讓你的研究之路不是只有自己,有我們跟你一起努力!課程中你可以瞭解網站建置的世界觀與網站版型掌握HTML5的使用方式掌握 CSS3的使用方式使用Bootstrap處理前端UI框架現在開始上課!如果你的入門還在單打獨鬥,歡迎來到快樂學程式找到志同道合的夥伴,你的自學之路不孤單。快樂學程式

4 years ago

HTML語法整理! 3分鐘快速弄懂常用語法!

什麼是HTML?         HTML全名是HyperText Markup Language,是一種描述超文件的註記語言SGML(Standard Generalized Markup Language)所制訂出的一種網頁語言,是編寫網頁的基本語言,基本上現行的瀏覽器都可以讀取HTML,使用HTML可以編輯設計出網頁,也可以在網頁中加入所有HTML語言可支援的方式,例如表格、表單、圖片、文字、連結、程式等等。 HTML介紹與基本語法整理   不管你是小時候從撰寫無名小站為了要修改你的樣式,而開始瞭解HTML和CSS為何物,或是長大因為介面設計或前端工程開始踏入網頁的世界。HTML和CSS對於網站的重要性經過多年依然歷久不衰。在本篇會對HTML進行基礎的介紹並幫你整理出基本語法提供你在寫網頁時的快速參考!   編寫基本的HTML: 先讓大家看一下一個基本的HTML文件格式為: <HTML> <HEAD> <TITLE>網頁主題</TITLE> <Meta> </HEAD> <BODY>…

4 years ago

PHP是什麼?3分鐘PHP基本介紹!

PHP是什麼?3分鐘PHP基本介紹!       大家安安﹐快樂學程式這一次要跟大家分享PHP這種程式語言。希望幫助對於PHP有興趣的新手們可以透過我們的文章對這種語言有初步認識。一如以往﹐我們會分享以下幾項有關PHP的知識。 PHP是什麼?       PHP語言的全名是(PHP: Hypertext Preprocessor),和ASP、JSP等都是動態網頁開發語言,不過,PHP擁有跨平台的能力,無論是在Linux(最適合)、Unix、 Windows都可以執行運作,不像微軟 的ASP只能在Windows平台上執行,而且PHP是免費的,並可結合多種資料庫伺服器,如:MySQL、PostgreSQL、dBase、mSQL、Informix、ODBC、Oracle等。      PHP語言是伺服器端(Server)執行的網頁,不像一般HTML網頁,只要單機下開啟檔案就可以檢視網頁,PHP必須先在伺服器端執行完後,再將結果傳至使用者端(Client)的瀏覽器中檢視結果,所以必須使用網站伺 服器,且伺服器要支援PHP。 如何學好PHP?       要學好PHP,要有目的,要有一個想寫的東西,寫個學校網站,寫個校友系統,寫個簡單的新聞區或相簿...等,都可以,盡可能的和工作和生活結合,利用程式來簡化繁瑣的人工步驟,或者提昇工作效率,有目標,才會有動力,才會有想法。      學PHP不需要背,背不完的,只要懂就好了。像函數就不用背,常用的打久了你就背起來了,不常用的,等到要用時,知道去哪裡找就好。換言之,函數懂越多,功力越高強。      程式碼可以複製貼上,但一定要知道為什麼要這麼寫,不要傻傻的照著打,可以的話,自己打一遍最好,最上乘就是可以說出每一行程式碼的作用和前因後果。或者,故意打錯,看看會怎樣。錯誤訊息看久了,功力也就提昇了。 PHP程式碼執行方式 透過 Web Server 方式:例如利用 Apache…

4 years ago

PHP是什麼?基本介紹與語法整理

Sildenafil citrate oral jelly Combiné avec les données de départs 2, on leur a demandé de type 5 de tadalafil…

4 years ago