3週就能學好網頁全端開發基本功?找ALPHA Camp就對了!

文章最後更新於 2020-06-03

__CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"25105":{"name":"Main Accent Light","parent":"fdf67","lock":{"lightness":1}},"fdf67":{"name":"Main Accent","parent":-1}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"25105":{"val":"rgba(4, 215, 85, 0.08)","hsl_parent_dependency":{"h":183,"l":0.42,"s":0.45}},"fdf67":{"val":"var(--tcb-skin-color-0)"}},"gradients":[]},"original":{"colors":{"25105":{"val":"rgba(4, 215, 85, 0.08)","hsl_parent_dependency":{"h":143,"s":0.96,"l":0.42}},"fdf67":{"val":"rgb(30, 136, 69)","hsl":{"h":142,"s":0.63,"l":0.32}}},"gradients":[]}}]}__CONFIG_colors_palette__

經營網站已經有半年了,WordPress確實不太需要會什麼語法,也能成功經營網站。

然而,有時候為了增加某個外掛的功能如:目錄側邊欄上下滑動、增加副標題顏色,還是需要寫語法來達到目標。

所幸先前學過網頁開發的基本語法(CSS、HTML和Javascript),在操作上不太需要花太多時間,只要查到資料後,再去新增或修改程式碼就好。

你或許會好奇,我是怎麼學會網頁開發的?

而且只花 4 週就可以達到基本寫語法的能力、了解網站的運作和邏輯,甚至學會如何查找技術資訊的技能。

那就是透過ALPHA Camp,正式學好人生第二個程式語言的:CSS、HTML和Javascript。

在這篇文章主要分享我為什麼選擇ALPHA Camp、上課體驗和收穫等等,提供想入門的人參考。

接觸網頁全端開發契機

alpha camp

之前查程式語言相關資料,好幾次看到網頁開發相關文章,但那時候的目標是要學會Python,所以沒有特別去注意它。(延伸閱讀:8種Python自學資源推薦,「非」工程背景也能輕鬆學!

學到一個段落之後,再次進入程式語言探索期。

想到之前大學有買一套前端網頁設計的線上課程,但那時候我連「前端」是什麼,都不知道!

真想問當時念大學的我,是哪來的勇氣買下這套課程?

隨著接觸語言程式的資訊越來越多,終於搞清楚前端跟後端的差別了,此時也想利用這個機會,好好學一下網頁開發,順便看一下自己適不適合做這塊料。

因為當時不太清楚自己是對前端還是後端有興趣,所以直接找全端()為主的課程,一次了解它的運作跟技能。

註:

全端:業界也稱為 Fullstack。涵蓋整個網路應用程式的運作,包含前端與後端的連接。

-「前端」- 網站的外觀及與使用者互動介面  

-「後端」- 應用程式的所有功能、資料結構、演算法

資料來自:ALPHA Camp

因為自身因素,比較偏好線上課程。

網路上確實有很多免費網頁開發的學習資源,為什麼我要選付費的?

正是因為太多免費資源,反而無所適從,不知道我學得東西是否扎實、概念是否正確等等。

我需要有個學習系統架構完整的課程,在有限時間內,可以有效率、用對方法來學一個程式語言,是我當下想要做的事。

經過好幾天爬文和找課程之後,才確定ALPHA Camp(以下文章內容將簡稱AC)是我的首選。

為什麼選ALPHA Camp?

alpha camp logo
圖片來源:ALPHA Camp

AC是以Javascript為主軸的全端(註)網頁程式開發線上教學平台,課程皆以實作為導向去設計的。

而且教學經驗也非常豐富,已經培訓不少人才,甚至遍及全球科技新創。

之所以會選擇AC,原因有四。

提供課程支援和作業回饋

在前面有講過我有買前端網頁設計的線上課程,那時候提問題,都要等一個禮拜才會得到回覆,其實多少已經影響到學習進度跟效率。

尤其對於初學者來說,正當有心要好好學習,卻沒有得到課程支援,其實蠻容易放棄的。(就是我…)

AC在這一點做得很好,他們有開發學習平台 Lighthouse(如下圖樣子),裡面除了課程教材之外,你也可以在裡面繳交你的作業,甚至提問題和討論。

通常會在24小時內,有專業助教群來解答你的疑問和給你作業上的建議。

不過,這是有時間性的,我會在下面課程 Q & A 解釋原因。

延伸閱讀:ALPHA Camp 線上程式課程,7大學習體驗有效學會寫程式(裡面有放Lighthouse的操作演示)

學習門檻低

我們選課程會在意2件事:

  • 課程內容對初學者來說是否會吃力?
  • 課程架構是否完整?

一樣舉前面提到我大學買的課程為例,我上過之後,發現它講的東西太快,概念也都大概講過,其實真的很難融會貫通。

雖然它是手把手教學,但每次自己操作都覺得好像在背課文一樣。

即使做出一個demo,還是不知所以然,也沒有什麼成就感。

AC有依照程度來分學期制,共 3 個學期。

  • 學期一:程式設計入門
  • 學期二:掌握網頁開發
  • 學期三:軟體工程師養成

之所以會這樣分,是因為我們接觸網頁開發的原因都不大一樣。

有些人只是想要試試看,有些人是確定自己要當工程師。

如果直接丟一套入門到業界的課程給你,

  • 對於初學者來說:
    負荷過重,也很容易半途而廢。
  • 對於確定要當工程師且有程式背景來說:
    給多餘的基礎課程,可能幫助不大。

也呼應AC一直以來秉持的理念:

學多少付多少,每個階段精熟學習後,再購買下一學期的課程,更加彈性。

對初學者而言,選擇學期一就已經很足夠了,而且只要 3 週(原本舊課程是 4 週),就能學會以下技能:

  • 網頁設計:使用者介面與 wireframe
  • 網頁開發:HTML/CSS/JavaScript
  • 運算思維與基礎演算法

有關各學期的說明,可以看這個網頁:JavaScript 全端開發課程:從零基礎入門到軟體工程師養成|ALPHA Camp

課程採進度制

有別於其他線上課程的模式,它的課程不是一次全部釋出,而是以週為進度來釋出課程內容(如下圖所示)。

為的是避免一次接收那麼多的內容,造成力不從心,容易萌生放棄的念頭;或者是學太快,反而學藝不精。

不要小看一週進度的量,以學期一來說,一週需投入8 ~ 10小時以上才能把當週進度上完。

因為有這樣的模式,讓我可以按部就班去完成這門課。

當然,如果沒有跟上也沒關係,按你的時間規劃去執行就可以了!

課程CP值高

我想費用是大家最關心的部分,在這邊一樣只討論入門,也就是AC開設的學期一課程。

其實,只要 3 張小朋友,在 3 週內就可以讓你打好網頁開發的基礎,且終身都能回頭複習課程。

對於初學者來說,負擔跟心理上也不會那麼大。

而且課程有不斷地優化、更新,提供更好的課程內容給學生。

實作機會多

除了課程內容豐富之外,你還有多達 17 次的實作機會。

若能每周準時繳交作業,會有專業助教群會批改你的作業(通常24小時內就會有人改),並提供回饋和建議。

線上工作坊、免費直播

另外,他們在課程期間會舉辦 2 場線上工作坊,由助教直播示範課程內容裡面的技術,也可以和助教、同學即時互動交流,並學到重要觀念。

以我經驗,幾乎都是在晚上舉辦,所以如果時間上無法配合,他們也會把錄好的實況影片放上去,讓你可以看回放。

除了線上工作坊的直播之外,它還有職涯相關、學長姐心得分享等等的直播活動,只要是AC學員都可以免費參加。

看到這裡,你應該會覺得這是少數 CP值 很高的線上平台課程了!

我在ALPHA Camp學到了什麼?

alpha camp

整個課程除了學到技能之外,還有建立起來的邏輯思考

不只可以用在其他程式語言,也可以應用到其他領域上。

雖然目前沒有打算從事網頁開發領域,但只要上學期一,就足以讓我在經營Wordpress的時候,可以派上用場。

像是站在使用者體驗角度,盡可能做好排版,或是寫CSS語法讓某一個外掛多了功能。

整個過程,只要查到資料,並應用到網站上,幾乎只要花一半時間就可以完成。(取決於你對程式語言的熟稔度)

所以就算沒有要走網頁開發,至少你了解網頁的運作,甚至應用到WordPress上,會這些程式語言無疑是一件很棒的事。

課程 Q & A

alpha camp

教材內容呈現方式?

課程內容多以文字、圖片為主,影片為輔方式進行。

同時,還會有一些小測驗,讓你檢視自己有沒有成功吸收重點。

有證書嗎?

有,如果你能完成課程且通過期末考,就可以拿到結業證書。

看到期末考,真的不要有壓力,只要你前面課程有按部就班學好,基本上不過都很難!

課程缺點?

固定開課日和學生人數

不像一般線上課程,只要深思熟慮後,買下課程就可以馬上開始上課。

這個制度有好有壞

因為AC要維持良好的回饋品質跟速度,才會有固定開課日跟學生人數。

其實這不難理解,如果學生太多,助教太少,想當然耳,你得到的回覆就越慢,回饋內容品質也有可能大打折扣。

所以你需要先規劃好自己的時間,再來配合它的開課日與進度。

助教支援、線上工作坊有時間性

雖然課程內容是終身制,但發問、作業回饋和線上工作坊是有時間性的。

也就是說,你必須要在課程 3 週內好好利用這個機會,因為一旦課程結束,就不會有助教來解答你的疑問或是批改你的作業。

這也是跟固定開課日跟招生人數有關係,畢竟助教人數有限,無法真的完全顧到很多學生,所以他們只會出現在新班級提供支援和批改作業。

線上工作坊也是如此,因這屬於非公開直播,可以加入觀看人數是有限制的。

我是認為,既然錢付下去了,而且你也願意花時間去學,在開課期間好好利用發問的機會、積極交作業,你一定會有意想不到的收穫。

補充:若時間有衝突或個人因素,未能在課程期間完成,可以善用轉班的機會(免費,但限一次),跟著助教、新班級重新開始。

課程適合誰?

有心想學網頁開發或是想轉職不知道怎麼入門者。

另外,AC是採進度制方式提供教材,所以不適合想要速成、沒耐心和無法配合時間的人。

我用WordPress架設網站,我該學網頁開發嗎?

如果你有想過以下問題:

  • 想讓網站有更多功能,但不想要裝外掛,只需簡單幾行程式碼就能完成的想法
  • 想要提升使用者體驗,卻不知道怎麼做
  • 想要知道網頁如何運作

有以上的想法,是時候開啟網頁開發的學習之路了,但也不用接觸太深。(除非你真的有興趣,想要往下學就另當別論了)

總結

需要學網頁開發與否,取決於你自身需要或是否有心想學。

網路上還是有很多免費資源,你不妨可以先善用他們的教學網站或影片,了解網頁開發是什麼一回事。

到時候若有想要學得更完整,或自身需求,再來決定要不要上付費的課程。

以上的內容,希望你對ALPHA Camp有更多的認識,早日把網頁開發技能學起來,應用到任何領域上!

有上過其他值得推薦的網頁全端開發的線上課程嗎?歡迎在下面留言告訴我喔!

相關資訊

補充資訊:

如果確定要轉職軟體工程師,除了付費課程的選擇之外,你也可以查免學費的實體課程

這種免學費的實體課通常需要全程參與(每週需投入70小時以上,課程約5~6個月)。

所以他們的審核相對會比較嚴格,有興趣的話可以參考以下 2 個我之前接觸過的管道:

延伸閱讀8種Python自學資源推薦,「非」工程背景也能輕鬆學!

其他人正在看:

奧德賽計畫

如何寫出3個版本的奧德賽五年計畫,看見人生的各種可能性?

python自學

8種Python自學資源推薦,「非」工程背景也能輕鬆學!

SOFASODA 不迷惘人生選擇學

如何設計人生?sofasoda不迷惘人生選擇學可以教你!

Tammy


自身背景與醫學領域相關,對生活/科技輔具有興趣。


目前正在自學程式、行銷,想結合醫學或其他領域來解決問題。

  • 能有一個系統性又不貴的課程資源,真是太棒了!一直很想持續優化自己的網站但又苦無方法,感謝推薦!!

  • 最近想找一些課程,學習網頁全端開發,看了版主的文章,真心覺得這個課程很不錯!感謝版主的分享哦。

  • 雖然還沒碰過這些比較深入的程式語言,但一直感覺應該學一些些,這個課程看起來似乎很不錯,為了維持課程品質也會控管人數,這一點真的很棒!比較喜歡小班制的學習~

  • 這個課程不會太貴,對於接觸使用Wordpress的人可以入門,真的可以減少很多自學的時間,感謝版主的推薦!

  • 我其實一直在想這件事,一直想學語法,用於WP,我跟版主一樣是為了經營的,今天終於讓我找到資源!謝謝版主!!

  • 看到版主分享學習網頁的經歷
    就覺得好佩服
    我想做網頁設計學習是永無止境的
    對於初學者來說線上免費教學其實已經夠用
    不過要再深入了解,確實得一直上課
    謝謝版主的分享,我覺得對初學者來說很受用!!!

  • {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
    >
    輔具清單

     不知道生活輔具從何找起?