Zi 字媒體

剛入門程式語言的新手，是不是永遠都搞不懂程式語言的專有名詞，前端、後端的工作內容？CSS、HTML又差在哪裡？Java、C++和Javascript用途是一樣的嗎？程式語言和框架是相同的嗎？如果是有興趣想要學習程式語言的人，卻沒有任何架構或基礎，或者是想要建立一個屬於自己的網站卻一無所知的人，就絕對要好好地看完這篇文章，來好好學習程式語言最基本的專有名詞！那我們先用簡單的圖來先了解程式語言專有名詞的相關架構。 程式語言 程式語言不外乎那些常常聽到的C++、Python、Java、Ruby…，那程式語言與框架到底有甚麼不同 ? 拿語言做比喻的話，這些程式語言就有如人們每個人的母語，有法文、德文、英文、中文等，則框架就是這些語言的文法及架構。每個程式語言適合的用途也有所不同，如Java、C++比較適合手機應用程式；Python、Ruby則多用於網頁設計。 前端 / 後端 前端與後端的關係有如珍珠奶茶 前端簡單來說就是一進去網頁眼睛所看到的內容、文字、排版等等的呈現，後端則是那些資料的提供及儲存、留言的處理，也就是一個網頁的後台「伺服器」。舉例來說，去飲料店點一杯珍珠奶茶，得到一杯珍奶是所謂的「前端」，製作珍奶所加的冰塊、珍珠、糖等就稱為「後端」。 靜態網站和動態網站的差別？ 而通常具有強大後端功能的網站多設有留言板、按鈕等供客戶執行更進一步的行動。那些購物平台或具有留言功能的網站皆具有「互動性」，我們將它稱為動態網站；反之，若一個網頁單純只有瀏覽而沒有任何留言或評論功能則稱為靜態網站。 Html / css 標籤語言與樣式表的分工合作 html與css分工處理網站的內容編輯，Html為一種「標籤語言」，主要為網站建立架構及資訊，包含分段、清單、圖片等，利用不同的標籤讓網頁看起來條理分明。隨著人們越來越注重美觀及設計，早期的html無法兼具網頁架構及內容美觀的排版，而css的出現則成為html的救命恩人。Css則是一種「樣式表」，多處理內文細節，如字型顏色、背景圖片及顏色的裝飾皆是css的管轄範圍。簡單來說，css就是為html這位模特兒穿上時尚服裝的最佳助手。 學會 HTML 與 CSS 後，就可以做出一個簡單的網站，若再加上下一段會提到的JavaSvript，製造出簡單動畫及擁有與滑鼠動作的反應的網頁更是再簡單不過。 框架 程式語言透過語法和語義的程式碼傳達執行目的及使命。框架則是匯集許多任務的程序，使傳遞指令更訊速及準確，通常使工程師寫程式更是得心應手。一般來說，工程師需從頭編寫程式，而框架原有的基礎架構則替他們省了一大筆的時間機會成本。那提到框架我們就必須先了解JavaScript，自從JavaScript發行之後，越來越多的新興框架逐漸崛起。 Java及JavaScript的差異 介紹之前先來釐清眾多人的疑惑—Java及JavaScript到底有甚麼不同？Java為一種須事先設定設計對象的程式語言，尤其是針對於網頁開發的客戶。JavaScript則是一種擴張網頁功能的語言，用途從網頁、遊戲、甚至是伺服器都可以應用其中。其中最多人將其運用在網頁上，使網頁不僅增加了回應鈕，動畫、跑馬燈都可以一手包辦。 支持JavaScript的熱門框架 隨著JavaScript的快速發展，近年來許多新興的框架逐漸崛起，打著容易上手又高靈活性的名聲，更是使許多大公司紛紛改用，如Vue.js.、 Angular、ReactJS大幅簡化了寫網頁的複雜度，皆成為近幾年來最熱門的框架選擇。 整體開發環境(IDE) 將開發過程中所有所需卻各自獨立的工具性軟體聚集在一起，如編輯器、連結器、除錯器等彙整於同一個操作畫面中，免除於工程師執行另一個任務時又需尋找其他工具的時間，就稱為整體開發環境。也可以將它視為一個App store，你所需要的軟體都在裡面，只要點取即可使用。這個IDE將各種開發工作做更密切的整合，來提高生產力，但其最大缺點就是當工程師對於其中一個工具執行效果不滿意時卻不能自行更換。 以上檔案均通過公開、合法渠道獲得，如對檔案內容存疑 請與Medium聯繫，經TC修改轉載為TC彙集整理及部分創作，未經允許不得複製、轉載。 程式語言於現今的社會越來越備受重視，學會他不僅是幫助自己多學一個技能，甚至更是個必備的能力。在這裡推薦線上資源來幫助大家於學習上更有效率！ 【TC推薦活動】 如果你對程式語言有興趣卻仍然無從學起， 你可以報名參加下面的免費活動，不再只是聆聽別人的經驗， 更透過自己的實作經驗來了解自己是不是真的有興趣。 ◆◆◆ 免費 Vue.js專案實戰課程資訊 ◆◆◆ 2018年10月18日(四) 學習程式語言只是個開始，永遠不嫌晚。 還在對程式語言感到迷茫，不知從何開始嗎？ 對程式語言有興趣卻從來無機會有人能帶領你嘗試嗎？ 歡迎來報名此次的免費體驗課程！ 前往了解活動資訊：https://goo.gl/jBVcHz 《延伸閱讀》 線上優質程式語言學習平台推薦