寫給網頁設計初學者們-- | 學網頁設計 有用嗎
仔細想想我的人生,其實大部份時間都有網頁陪伴,這一路走來我覺得很實用、也很有趣,如果你正在思考要不要投資你的時間,開始接觸網頁設計這方面的技術,希望我的經驗中有可以供你參考借鏡的地方。想學寫網頁?先搞懂前端、後端和全端開發者核心技能![1]最早接觸網頁的時間,是在高中的時候。那時候發現網頁不需要太難的語法,就可以做出一些畫面。雖然也不知道要拿來做什麼,但就是覺得很有趣。即使那時候的網頁還很陽春,只有HTML沒有CSS,也只能做出很醜的畫面。大學的時候誤打誤撞選了資訊系,其實是因為很愛打電動,沒想到進去...
仔細想想我的人生,其實大部份時間都有網頁陪伴,這一路走來我覺得很實用、也很有趣,如果你正在思考要不要投資你的時間,開始接觸網頁設計這方面的技術,希望我的經驗中有可以供你參考借鏡的地方。
想學寫網頁?先搞懂前端、後端和全端開發者核心技能![1]
最早接觸網頁的時間,是在高中的時候。那時候發現網頁不需要太難的語法,就可以做出一些畫面。雖然也不知道要拿來做什麼,但就是覺得很有趣。即使那時候的網頁還很陽春,只有 HTML 沒有 CSS,也只能做出很醜的畫面。
大學的時候誤打誤撞選了資訊系,其實是因為很愛打電動,沒想到進去都在寫程式,但也因此接觸了一些網頁的選修課程。其實網頁不算是程式,雖然讓人摸不著頭緒這點來說很相像,不過我對於寫一寫網頁就能立即有畫面的回饋很感興趣。比起程式寫一堆,卻只能告訴我剛剛那坨程式運算的結果是 25 這樣來的有趣多了。
(3分鐘小測驗,找到你的網頁設計程式自學入口[2])
網頁技術和寫程式有何不同?為何好入門?為了幫助大家有更清楚的概念,我想先跟大家聊聊網頁技術的前/後端是甚麼,有甚麼不同,可能會讓大家比較清楚網頁技術到底是幹嘛用的。
網頁分前端、後端。後端比較偏功能的實作,譬如一個產品要有註冊、登入功能,上傳圖片、讀取照片的功能等等;前端則是在於 UI 的實現、畫面呈現,使用流程等等的實作,產品好不好用就要靠前端的修煉。
當前端與後端合併,變成全端之後,很多東西都能做出來。單單網頁技術,能做到哪些事情呢?
一般網頁:可接案、也可做自己產品的宣傳網站。 網路服務:做自己的產品,可以在網頁上使用、操作,也可以串連 app,做出一款跨平台的應用。 手機 app:只要會網頁技術,就有機會做出在手機上就能使用的 app。網路服務就是把應用程式寫在網頁上,譬如我們常用的 Google、YouTube、Gmail、Facebook、Pinterest 這些都是。
而把網頁做成 app,只要把網頁做成手機版可以閱讀的尺寸,把他包成一個 app,就可以使用了!有很多人都說網頁做的 app 效能不好,但其實如果知道該怎麼調校的話,效能是很好的。
(了解更多:學會前後端完整網頁開發,打造全端 Web App[3])...