學程式要選哪個程式語言?給零基礎自學者的推薦

學程式一開始要選哪個程式語言?這是初學者、零基礎的人最想知道答案的問題!我自己也曾經是從零學起程式的人,當初是為了求職,於是到網路上找各式各樣的教學影片和文章。

這篇一開始,我會先為各位解答我個人最推薦零基礎的初學者想要自學的話,可以從哪個語言開始學起,後面我會說明原因,讓你也可以自己判斷、以及如何找好的老師教學,還有我的個人經驗談!

我最推薦的初學程式語言

給完全零基礎的初學者推薦

對於完全零基礎的人來說,我最推薦的程式語言就是網頁設計三元素的 HTMLCSSJavaScript

原因是這網頁三元素是一切網頁的根本,任何需要編譯的程式語言例如 C#PHP 等,最後想要呈現在網頁上,都一定要編譯成網頁設計三元素的 HTML、CSS、JavaScript ,因為目前所有的瀏覽器都只看得懂這三元素,其他任何程式碼,瀏覽器一概看不懂,全都需要編譯!

於是我會推薦你從網頁的根本學起,當你未來再去學習任何編譯語言時,你都還是可以輕鬆用 HTML、CSS、JavaScript 來修改你最終網頁想呈現的樣式,甚至你如果想自架網站使用 WordPress.org 架站,也都可以使用這三元素來讓你的網站改成你想呈現的樣子!

學程式 優先選擇網頁設計
優先選擇 網頁設計入門

不用編譯就不是程式設計?

也許你會聽到有一派人士說:「網頁設計又不用編譯、根本算不上程式設計!」

但真的是如此嗎?當你會了網頁設計這三元素,你不僅可以修改自架網站的樣式,甚至還能從無到有做出一個完全由你自己掌控、自由度最高的網頁。這在一些框架編譯軟體中想要直接做到,是有困難的,最後都還是需要用 CSS 或 JavaScript 來編修,才能達到客戶期望的要求。

因此不用侷限在這個迷思裡,我們先學會如何把網頁的自由度調到最高,接著再去學習需要編譯的套件和程式碼,學習速度就能快很多!

網頁設計為何是入門首選?5 大學習特色

網頁設計是我認為入門首選的程式語言,原因是網頁設計擁有以下 5 大學習特色

  • 一開始就站在職涯地圖的正中心
  • 適應主流瀏覽器
  • 直覺的回饋感與成就感
  • 環境設定簡易
  • 自由度最高

特色1:一開始就站在職涯地圖的正中心

擁有網頁設計能力及概念後,能對程式設計的架構有一定的了解,並且無論你未來想要進階轉往哪個職位,都能更快速上手!

  • 若你想進階成為前端工程師:你可以用網頁設計的基礎,並在未來學習 Javascript、串接應用及前端框架等。
  • 若你想進階成為後端工程師:你需要了解基本網頁架構如何渲染給使用者,並在未來學習後端語言及資料庫等。
  • 若你想進階成為 APP 工程師:網頁設計的撰寫架構,能讓你在學習 APP 時,更快速了解撰寫原理。
  • 若你想進階成為 WordPress 設計師:即便你不會 PHP,仍然可以在 WordPress.org 的自訂效果中,完美應用你的 HTML、CSS 能力,處理所有視覺設計的程式碼問題。
站在職涯地圖的正中心
站在職涯地圖的正中心

特色2:適應主流瀏覽器

就像上一段提到的,目前主流瀏覽器仍然只看得懂網頁三元素 – HTML、CSS、Javascript,無論任何框架撰寫出包裝好的程式碼,都需要編譯成網頁三元素,再渲染到瀏覽器給使用者觀看。

因此如果你學會網頁三元素怎麼寫,就可以輕鬆在每個編譯完成後的網頁程式碼中,修改檔案內容來完成你想要達成的樣式呦!

特色3:直覺的回饋感與成就感

網頁設計是一個你寫了什麼就能在網頁上直接呈現什麼的語言!

其他需要編譯的程式語言通常寫出來會是一串代碼,以 C# 的 ASP.NET 為例,結構如下圖:

因為 ASP.NET 是一個給人方便可以寫程式「內容」的地方,很多東西會先包好,最後開發者只要按下【編譯】按鈕,透過 IIS 等佈署,就能自動轉成一張 HTML 網頁。然而你卻沒辦法很直覺知道你這行最後會呈現的樣式,甚至有些內容因為已經包含了後端的內容,系統就會自己產生出很多隱藏的標籤。

而網頁設計則是你每寫一行就知道你在寫什麼,並且可以直接知道你呈現的成果是什麼!在任何的學習中,成就感極為重要!因為擁有成就感才能讓你持續有動力繼續學習下去!

特色4:環境設定簡易

撰寫程式最怕還沒開始寫,就被環境設定莫名的錯誤搞到天昏地暗啊啊啊!

網頁設計你可以直接用瀏覽器打開,因為瀏覽器讀得懂,不過它是從你的電腦開啟的單一檔案。

想要在本機端查看時,你只要安裝 Apache 的其中一個網頁伺服器軟體(如 XAMPP )即可;現在甚至寫程式的編輯器 VS Code 已經先進到可以按下去一個按鈕,一鍵就能自動在瀏覽器上預覽!

特色5:自由度最高

當你使用像是 WordPress.org 自己架站、或是 WeeblyWix 等平台架站,那些標榜不用寫程式碼就能架好網站的平台,其實都還有不少實質上設計時的限制,那些都是套好模板的,如果你自己不會寫 CSS ,那麼架站的自由度是非常有限的!

而自己學會網頁設計、甚至自己撰寫網頁的時候,任何想要呈現的樣式、想要排列成什麼樣的位置,都可以由你自己輕鬆決定,任何想達成的樣子再也難不倒你!

來源:Weebly 套板架站
來源:Weebly 套板架站

學會後,相同邏輯學習其他語言能快速上手

程式語言的邏輯有很多類似的地方,尤其像是函數(function)的應用上,互相呼叫的方式邏輯很類似。

因此當你學會了網頁架構及 JavaScript ,未來想要學其他程式時,有了程式語言的邏輯基礎,轉換學習其他程式語言時都能更快速上手!

學程式如何挑老師?

我自己自學過程式,更了解老師扮演的角色非常重要,你在挑選線上或線下課程老師時,可以注意以下幾個重點:

  • 你和老師的邏輯要相似
  • 一定要有 Live Coding
  • 在每個小段落出作業給你
  • 在一開始就告訴你最終學習成果
挑選適合你的老師
挑選適合你的老師

你和老師的邏輯要相似

程式課程非常需要你跟老師有相似的邏輯,否則邏輯不同根本聽不懂!

我大學時期曾經學過程式,但老師在講什麼根本聽不懂,直到遇到比較有耐心、會教、邏輯相似的老師,才真正開啟我的程式之路。

因此在挑選老師時,如果是線上課程,建議可以先到試聽段落去聽看看老師講話的邏輯、語速、耐心等,觀察一下老師的教學狀況,有助於你購買課程時能和老師有相似的邏輯喔!

一定要有 Live Coding

Live Coding 就是在螢幕前一個字一個字打出來,完完全全是手把手帶你寫程式,這種才是最好的教學方式。

如果老師只是用 PPT 在講,然後大家感覺好像用聽的都聽得懂,但當你真的要自己寫或遇到問題要解決,卻完全不知道要從何下手、從哪個標籤寫起。

在每個小段落出作業給你

每個小段落最好能出和這個段落有相關的作業給你練習,就像以前數學的講義,每一頁都會分上下兩個題目區塊,會教的老師是會帶你做上面區塊,了解邏輯,然後下面題目區塊讓你用相同邏輯練習,你才知道你寫起來問題會出在哪裡。

學程式也是這樣的:唯有你親自練習寫程式,你才能真正學會!

否則光用聽的聽起來懂,但沒有練習就沒辦法真正內化成程式能力解決問題!

程式設計教學起源

老實說網路上的資源實在太多、太雜亂,導致我之前學習幾乎都是文章、影片教學的片段學習,直到做出幾個小網頁作品、勉強找到工作後,才發現入門跟職場也是有一大段距離的。

這也是為什麼我決定要出來做程式設計課程,因為入門總是最困難,師父引進門修行在個人,但還是需要有好的師父帶領你入門的啊!

總結

這篇推薦給所有完全零基礎想要學習程式入門的初學者,一開始就從最容易入門、最容易獲得成就感的網頁設計開始吧!

📍 獺斯特開設的【網頁設計 HTML、CSS 快速入門】線上課程,就是從零基礎開始,讓你能擁有 HTML、CSS 能力,無論自由開發或轉職,都能快速上手呦!

Hahow獨家授權


延伸閱讀:


獺斯特
獺斯特
哈囉!我是獺斯特,擔任前端工程師。希望可以用最簡單的教學方式,教你架設網站、程式設計、網路行銷知識,跟著我一起獺入網路世界吧!

歡迎追蹤獺斯特粉專!

點選下方按鈕追蹤獺斯特 IG,獲得更多架設網站、網路行銷相關知識:

分享這篇文章

發佈留言