OK! 這應該是一個我認為現在最有效、最愜意,寫起來感覺比較良好的方式。
也就是我「寫程式時的思路」。
有太多的程式教學都是:「告訴你用法,給你一個範例,要你練習。」
「給他一條魚,不如給他一支魚竿。」
所以,誰說拿了釣竿就會釣魚?
我不認為把語法複製貼上,舉個例子給你看,就是程式教學。
真正的程式教學應該教思路、教方法,而語法的學習不應該佔據太大的篇幅。
但是現在的技術環境,的確很多都是流於語法導覽,尤其是網頁教學,然後特別是前端,為什麼呢?
因為改改語法就能寫出一個美美的網站,我得承認這樣的確很方便、也不可或缺,但是我覺得這些並不是一個老師要教給學生的,而是學生自己能夠學習的。
語法最重要、最根本的,偏偏這些個人都能夠看文件學會,老師要教的應該是「拆解問題、組織問題、解決問題」的方法。
首先我得破除一個迷思,就是電影中你可能會看到一個戴著面具的駭客,霹哩啪拉就能打出一堆程式碼。那個在實際的工作環境中,幾乎不存在!
這部分我們會在:「第九講:寫程式到底是一個怎樣的情境」細說。
那麼正式來理解寫程式的思路,當然思路有了,接下來就是大量練習,我們要透過刻意練習來強化這套思考框架,藉由應用來真正達到內化,順暢解決問題,就是一名好的problem solver該具備的能力。
那麼這套流程是我改過的,啟蒙老師來自於一名Google本部的工程師,擅長語言是JavaScript 以及 Python。
我則結合了管理顧問的思考方式延伸出下列這套自己的方法。
WSPTT思考法,思路流程如下:
我曾經上過麥肯錫與貝恩兩家有名顧問公司的課,簡單來說吧,管理顧問在寫研究報告的時候第一步,就是搭建「分析框架」。那寫程式也一樣,我們一定要很清楚輸入是什麼,輸出又是什麼。舉販賣機為例,你很清楚輸入是「10元銅板」然後按了一個按鈕,「碰!」輸出「鋁箔包綠茶」。寫程式的話就是:
10元 = 參數
按按鈕 = 觸發/函數
鋁箔包綠茶 = return
基本上你看到的任何應用程式都是由這三個因子組成的,開燈燈會亮、發動車子車會跑………,他們的運作一定都來自於一個trigger,而輸出成你想要的結果,沒錯吧?所以我們一定要很清楚到底應該要輸入什麼、輸出什麼。
此時如果一道題目是問你:「寫個提款機程式吧!」那麼第一步呢,其實不是直接敲鍵盤(啊不過腦袋很清楚的話就直接敲鍵盤啦!)而是簡單像我這樣寫:
def 提款(提款卡 , 密碼,提領金額 ):
return 現金
def 是define的意思,後面接函數的名稱,()裡面放參數(輸入)return是回傳的意思,就有點像計算機的” = “,後面放輸出。
因為我很常寫Python所以會這樣表示,你愛怎麼表示都可以,也可以:
func 提款(提款卡 , 密碼,提領金額):
return 現金
你先不要想任何的實作細節,也不要想變數A=變數B ,最直覺地寫下你認為需要什麼輸入、造成什麼輸出。其實這不只在程式上,我們在做人生規劃、專案管理的時候,也都要想想自己想投入什麼,造成什麼產出。
第一步我們算是搭好了分析框架的頭跟尾,但是中間呢?要怎麼把頭尾連起來,就需要邏輯性。此時可以簡單地想想要怎麼做,然後畫在紙上或者平板上驗證,當然,我個人會習慣以註解的形式打字,打什麼呢?打「該怎麼實現」的問題。
以剛剛的提款程式為例,我會先去思考提款這個流程有哪些需要注意的地方,也就是:「什麼情況下這個流程會出錯?」這是很重要的,我們其實可以先不想流程本身(也跟上一步有關,其實在思考輸入、輸出的過程中我們就大致知道了整套流程才對,巧妙吧?)記得我在上一篇文中提到的MECE原則嗎?真正做到不重不漏,就會直接用反面去思考,所以什麼情況下我們會無法提款呢?第一個就是參數輸入不全,對嗎?好比少了密碼、少了提領數字。所以簡單在你的程式碼寫上第一個if:
if 少了參數,ok,先不要想少了參數會怎樣,一樣,如果你的頭腦非常清楚,就可以直接順手寫下來,但我不建議這麼做,畢竟這裡舉的例子很簡單,但是在很多情況下順手寫下會發生什麼事情都會把腦袋搞亂。然後呢?不斷問自己然後呢才能做到不漏,比如:如果你的提款數字有問題其實還有可能是:帳戶的錢不夠,對吧?這裡你可能會興奮地寫下if account < 提款額度,沒錯,再來呢?密碼有沒有可能錯誤?有!所以 if 密碼錯誤 :沒錯吧?注意到了嗎,所有的問題都環繞在參數上,感受到先寫出input的威力了嗎?如果我們先定義好input,就能夠方便發想到這些問題,相反地,直接敲程式碼往往會讓我們漏東漏西。搭建好if的流程後,我們就想if會發生什麼事情,比如:
if 提款卡 = null(沒有) or 密碼 = null or 提款金額 = null:
就說:「請輸入XX」。
所以這邊就是很簡單:根據參數來思考反面事件,然後思考怎麼處理缺失,處理缺失的方法也很多,就是思考該讓使用者回到程式的哪一步,好比沒有密碼,就讓他回到「提款機的登入流程」,以先前的販賣機來說,沒有投錢,就讓他回到:「可以投錢的流程」。這邊可以用flow chart來輔助,會更加清楚(flow chart很常拿來做系統分析,用在coding上當然也可以,但是我們可以訓練自己在腦中產生flow chart ,讓思考更加迅速)那怎麼處理錯誤呢?比如:提款金額 > account這一點,可以做個錯誤處理(印出錯誤或者跳到另外一個情況,好比問:要先除值嗎?)。這一步我們要把分析框架搭建完成,都用自然語言(人類說得話)寫就行。
其實上面的流程我就有用到偽代碼了,比如if 、def , 從這裡開始,我們要試著用工程師間的規範來寫code,也就是把剛剛只有自己看得懂的話寫成
別人看得懂的邏輯。
這裡有一套標準存在,當然如果你沒有要跟別人協作、是自己要寫的,那就還是寫自己看得懂的話也行,但是要改成用類似程式語言的語法,為什麼說類似呢?因為不用一樣,這算是蠻必要的:如果今天我忘記了某個語法怎麼辦?這是很常發生的情境,所以我們都可以用自己的語言代替,好比我忘了排序的語法是sort() 還是 排隊() ,那我就先寫上sort 這個標記就好。記住,這一階段要寫得很類似程式碼,但是遇到不會的語法就標記起來。
沒什麼好說的,就是把剛剛標記起來,不熟的語法查出來,然後寫成編輯器看得懂的code。此時才會真的在鍵盤快速打程式碼,所以思路很清晰、而且很熟相關語法的人通常都能打得很快,坐在電腦前稍微想一下就動手了。我自己在做過多項機器學習的數據分析之後,在對資料的操作也基本能達到這樣,就會有很會寫程式的假象XD
熟能生巧罷了,因為我們很習慣思考想要什麼、需要告訴電腦什麼,那接下來就只是語法熟練度的問題了,這在踩過多個syntax error的坑之後很快就能上手,我覺得初學者不用對語法感到太焦慮,不要怕錯才能成長,才會記憶深刻。
與其說他是第五步驟,不如說他是一個貫穿思考框架的原則:
「不要裝」意謂不要輕率地處理程式細節
如果我們在實現的過程中發現某一個步驟特別複雜, 就另外寫一個函數、類別來處理它,而不要草率複製貼上別人的程式碼、貼上類似的解決方案,因為你會把自己帶離問題,但問題是始終都要面對的。了解你正在做什麼,正把資料帶往哪一個地方就是一門程式設計的藝術,而這是很有趣的。
以上,就是我的思路過程,融合了管理顧問與Google工程師的思考方式,相信是一套很管用的方法,也會讓你在寫程式時比較不會那麼不知所措,此外,多動手、複習語法才是練好一門語言的不二法門,否則還是不能在電腦前面迅速、熟練寫下程式的哦!
希望對您有所幫助,感謝您的觀看,我們下篇文章見!
疫情之下,原本實體活動全都改成線上,活動分享全都在網路上很容易錯過,這邊整理了幾個跟數位教學相關的活動資訊給大家參考,分享順序為活動時間⏰ 1. Google Workspace技術整合術 Google Workspace for Education (原 G Suite 教育版) 能透過 Gmail、Google Drive、Google Calender、Google Meet 和 Classroom 等通訊與協作應用程式創造輕鬆與順暢的學習環境,並促進協同合作以提升數位學習與教學成效,而且還會為學校資料提供雲端安全性防護…
實體的教室變成一格一格的畫面,原本吵雜的下課時間也變成掛斷通話的系統聲。原本在班級中的歸屬感慢慢消失了,久而久之,孩子的對於學習,不再有群體的感覺,只是孤軍一人學習、複習、考試,甚至是畢業典禮都少了一份臨場感。因此,今天要和大家介紹一款現在在教育界還很少被提到的軟體-Gather。 Gather 如果你還不知道Gather,或是直覺的把Gather與虛擬會議室連結在一起,不妨先看看Gather裡的特色: 介面是像素型RPG 每個人自由創建一個角色 上下左右輕易控制角色 走道其他角色旁邊能互相討論 小遊戲battle 光是這五點特色,就足以推派它成為遠距教學的工具,除了打造不同空間的地圖外,最特別的是Gahter打造前所未有的臨場感,人與人之間只有靠近到一定距離,才能聽到彼此說話聲音,而相對應的,離開後聲音就會漸漸聽不到,就連白噪音的設計也是如此,非常的逼真。 不知道老師們會不會因為搭建地圖覺得麻煩,或是看到2D介面怕學生當遊戲在玩而不考慮這款軟體,換個角度思考,藉由不同地區的老師們集思廣益,打造出最適合學生學習的環境,像是不同學科的教室、戶外自然生態區、操場、籃球場等等....都可以更貼近真實校園,而像素的介面正好提高學生的學習意願,老師們擔心學生過於沉迷時,也能用全體廣播放上課鐘聲,或是讓學生們聚集在同一區,鏡頭站起來動一動 (另外推薦Active Arcade -> 趣味運動的APP ),就像早操一樣很真實。 線上教學缺乏臨場感,Gather可以創造了讓大家「一起在一個遊戲世界」的凝聚力。縱使Google Meet、Teams 雖然也可以進行討論,但若要每堂課要穿梭在不同會議間,節奏不流暢,使用Gather可以讓學生更自由地移動,相對應的老師也可以神出鬼沒地到處「旁聽」。 教孩子用科技解決問題,如果老師們也努力著示範給孩子看,創造出獨一無二的學習空間,相信對於孩子學習的歷程中,有莫大收穫。但到底怎麼開始使用?別擔心,這次快樂學程式邀請到Gahter界的大神 阿岳,要來和大家分享Gather的6大應用技巧,限名額唷~…
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框架現在開始上課!如果你的入門還在單打獨鬥,歡迎來到快樂學程式找到志同道合的夥伴,你的自學之路不孤單。快樂學程式
什麼是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>…
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…
Sildenafil citrate oral jelly Combiné avec les données de départs 2, on leur a demandé de type 5 de tadalafil…