iT邦幫忙

2023 iThome 鐵人賽

DAY 7
0
自我挑戰組

SA養成記系列 第 7

Day 7 踏進前端Frontend世界

  • 分享至 

  • xImage
  •  

還記得就學時期,那時候還有FrontPage 來玩玩架站。玩玩繪圖軟體因而有了圖層觀念。因為有這些曾經以及概念,因此前端的世界在不知不覺中就這樣踏進去前端的世界。

延續前一篇,筆者過去用Microsoft Office 就可以進行前一篇的UXUI,甚至是切版等等。

Microsoft Office發行於1990年,是用程式語言是C++所開發的套裝軟體,相信就算不會C++不懂Java、Python,也會使Word、Excel吧。有個過去的養成,不論是網頁、繪圖、文書處理等,這些都讓我在UI的呈現上舉一反三,只是換了軟體工具以及改變語言來對話。

溝通

對人:有形的形體呈現,行話叫做wireframe、Mockup、Phototype…..等
對電腦:前輩大神們所制定的機器語言、指令集,我們使用"高階語言"(C語言、C++、Java、Python)與跟電腦互動。
Frontend的三劍客,HTML、CSS、JavaScript,嚴格說來是種標記語言,JavaScript是指令集,這三者相互配搭、相得益彰,如此巧妙地成就前端這件事。

人跟人之間的對話,都會隨著熟悉而產生暗號,使個眼色就知曉對方心意,簡化了對話的過程和精省時間。那麼電腦也有這樣的概念,jQuey就是這樣誕生。

jQuery是JavaScript的函式庫,用於簡化HTML與JavaScript之間的操作。

然而隨著網站系統越長越大,越來越多的網頁連結....再進一步就有了前端框架Framework…

小有名氣的Bootstrap,到大名鼎鼎的React、Vue、Angular。

當架構大到一個程度時,MVC就出現了。

MVC 設計模式,資料邏輯層(Model)、操作介面層(View)、操作管理層(Controler)。

有了這個理解順序…看到這些名詞出現,似乎也就沒有這麼不知所措了。

總之,工具都是因應某個需要被解決的而誕生。難怪軟體開發人員相對傾向自己是"創意產業"而不是軟體工程單位,但是專案的成品都是一個個的大工程呀~

OS. 向創意產業的神人們致敬!!!


上一篇
Day 6 UXUI 線框稿起步走
下一篇
Day 8 MS Word v.s. HTML
系列文
SA養成記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言