戰略紀錄

從拉麵店的販賣機理解什麼是 API

API,全名叫做 Application Programming Interface,維基百科上的中文翻譯是:「應用程式介面」。這是一個你可能聽過很多次,但從來沒有理解過的東西,常常聽到工程師說著:「串 API」,但還是不知道 API 到底是什麼。 我原本以為在網路上有關 API 的參考資料已經有很多了,應該可以讓初學者理解什麼是 API。但根據我學生們的心得,好像還是有點困難,只好自己跳下來寫一篇,試著來挑戰這個主題,希望寫出一篇淺顯易懂的 API 介紹文。 如果你問我什麼是 API,我會跟你說:「API 就是拉麵店的販賣機」,所以在切入正題之前,我們要先來研究一下日本拉麵店會出現的販賣機。 (more…)
學程式助教
November 28, 2019
戰略紀錄

以Weka對資料集進行分群與分類分析之實作

前言 : 以下內容皆使用Weka 3.8.2去做演算法的分析,並且文章會根據分群分析、分類分析,按照這個排序分成兩大部分做探討。 兩個部分皆採用兩種不同類型的Datasets ,「現有Dataset」與「創意Dataset」;此外,每一個Dataset都會用兩種屬於該分群分析或分類分析的演算法。 分群分析會使用的演算法為① K-Means(K-平均法)與② Expectation Maximization, EM(期望最大化法);分類分析會使用的演算法為① Decision Tree(決策樹)與② REPTree(快速決策樹)。 (more…)
學程式助教
November 28, 2019
戰略紀錄

網頁不是漂亮、上線就好 !一些你要知道的大小事

網站搜尋迷思:我的網站已經改好了,上網看看結果吧! 其實這裡有一個蠻重要的觀念,影響網站排名的結果,有兩個重要的因素 時間 內容 可能有些人會以為網站一修改完或是新的網站上線,馬上就可以被搜尋引擎找到,但是其實Google是靠著自動爬蟲機器人去爬去網路上的數十億的網站,縱使他的動作在快,效能再強,都會需要一定的時間,有時快則兩三天,慢則三至六個月都有可能,快或慢會根據不同的情況而決定。 (more…)
學程式助教
November 28, 2019
戰略紀錄

動態網頁是什麼?非工程人員你也要知道的網頁知識

前言 在這個網路越來越發達的時代,大家每天都在上網,使用瀏覽器查詢資料、看影片、購物等等,都與網頁有關,當你在使用時,你有沒有想過網頁也有區分為靜態網頁以及動態網頁呢,可能會有人覺得動態網頁就是在頁面上有動畫,會動的就是動態網頁,而頁面靜止,不會動的就是靜態網頁,其實不然。以下內容我們將介紹何謂動態網頁以及靜態網頁,讓你可以更加了解平時所使用的網頁喔。 靜態網頁 在了解動態網頁以前,也需要先了解靜態網頁究竟是什麼,這樣才能夠真正搞懂靜態跟動態究竟差在哪裡。 超文件標示語言HyperText Markup Language,簡稱:HTML,HTML是網站建置的基礎技術,常與CSS與Javascript配合成一個適合觀看的網頁,讓瀏覽器去讀取,一般判斷方式為網頁副檔名為html或htm皆為靜態網頁,靜態網頁的優勢為容易為搜尋引擎所接受,所以很多動態網頁會將動態網頁轉變成靜態方式,就是所謂的【偽靜態網頁】來提高搜尋引擎的友善度達到排名優化的成效。 當用戶瀏覽器通過HTTP協議向Web伺服器請求提供網頁內容時,伺服器僅僅是將原先的HTML文檔文檔傳送給用戶瀏覽器,用戶看到的內容是標準的HTML文黨的內容,可能在另外加上GIF格式的動態圖片或是Flash動畫等等,如果想更改網頁上的內容,就必須手動更改HTML文檔。 (more…)
學程式助教
November 28, 2019
戰略紀錄

網頁速度好慢?你真的知道什麼是網頁速度嗎

前言 對於使用者而言,當你在開啟一個網頁時,如果需要等上一段時間,或是每次在開啟某個網頁時就是比其他網頁來得慢,那麼你是不是下次就會不太願意再來造訪這個網頁了呢。那麼為什麼有些網頁的開啟速度總是比較慢,當然有時候可能跟使用者所處環境的因素導致訊號不佳,但是對於網頁經營者而言,網站若要長久經營,便要考慮使用者的感受。 (more…)
學程式助教
November 28, 2019
戰略紀錄

Node.js 是什麼?基礎入門介紹!

這篇文章適合誰 這篇文章適合想學習Node.js這個框架對於JavaScript並且對於JavaScript有一些認識的讀者,本篇文章將用hello world這個在學習每個程式語言時都會先接觸到的範例,讓你先初步認識Node.js。 何謂Node.js Node.js顧名思義便是使用JavaScript語言作為基礎的框架,特別的是,相對於jQuery或是YUI等在瀏覽器中運行使用的JavaScript框架,Node.js是作為網站程式的後端框架,就如同PHP或是Java一般開發網站。 換句話說,JavaScript不只可以跑在瀏覽器中,還可以當做網站的伺服器。主要的原因是在於隨著Gmail等AJAX網站以及技術的興起,許多的程式開發者紛紛投入心力鑽研JavaScript,並且有許多開發心得、優化技巧陸續被發掘,加上瀏覽器之間的競爭越來越激烈,JavaScript的執行效能持續性的突破,因此最終便誕生了Node.js。 (more…)
學程式助教
November 28, 2019
戰略紀錄

Bootstrap是什麼?基礎語法介紹!

這篇文章適合誰 這篇文章適合具備HTML與CSS有興趣也有一點基礎的讀者,以下除了介紹何謂Bootstrap外,也把Bootstrap的一些基本語法整理成範例以供慘考,讓讀者可以藉由本篇文章學習到基本的Bootstrap。 什麼是Bootstrap? Bootstrap 是一個用於快速開發Web 應用程序和網站的前端框架,提供了包含HTML、CSS及JS等內容的框架。 Bootstrap包含的內容 基本結構 :Bootstrap提供了一個帶有網格系統、鏈接樣式、背景的基本結構。 CSS :Bootstrap自帶以下特性:全局的CSS設置、定義基本的HTML元素樣式、可擴展的class,以及一個先進的網格系統。 組件 :Bootstrap包含了十幾個可重用的組件,用於創建圖像、下拉菜單、導航、警告框、彈出框等等。 JavaScript插件 :Bootstrap包含了十幾個自定義的jQuery插件。您可以直接包含所有的插件,也可以逐個包含這些插件。 定制 :您可以定制Bootstrap的組件、LESS變量和jQuery插件來得到自己的版本。 (more…)
學程式助教
November 27, 2019
戰略紀錄

JQuery是什麼?基本觀念介紹!

這篇文章適合誰jQuery 是一套 JavaScript 的 Library,因此,你需要有一些 JavaScript 的基礎,至少寫過一些 JavaScript 才比較容易上手,並且看得懂後續的教學。jQuery是什麼jQuery是一個新形態的JavaScript程式庫,主要是用在DOM 文件的操作,此外jQuery 的核心程式還加強了非同步傳輸(AJAX)以及事件(Event)的功能,讓你更容易操作遠端文件及事件。jQuery可以幫助工程師更快的使用以javascript建立的模組,簡單來說,就是把javascript包裝成更白話、更迅速的寫法,此外,jQuery另外一個特色則是豐富的套件,五分鐘內就可以搞定燈箱、網頁進場效果。 (more…)
學程式助教
November 27, 2019
戰略紀錄

JavaScript入門系列: DOM Event 事件、處理與辦法 基礎介紹!

前言在上一篇文章中有跟大家介紹過何謂DOM/BOM,那麼這篇文章會為大家介紹DOM事件的一些基礎知識。何謂DOM事件當使用者在瀏覽網頁時,會觸發很多事件,像是點擊滑鼠、鍵盤、或是在網路上下載圖片等等行為都可以稱為是一種事件,而JavaScript使用DOM Event去定義這些事件的型態,並且處理這些事件。 (more…)
學程式助教
November 27, 2019
戰略紀錄

Bulma是什麼?奠基於CSS框架的Bulma基本入門!

這篇文章適合誰 當提到CSS的框架的時候,大家一定會想到目前最火紅的框架:Bootstrap,但是這篇文章要帶大家來認識的是Bulma這個更為輕量、簡單的框架。而這篇文章適合對於網頁開發有興趣,並且對於CSS有一些基礎的開發者,希望可以幫助到大家。 什麼是Bulma? Bulma是一個基於 Flexbox 的現代化的 CSS 框架,設計的初衷就是移動式裝置優先(手機、平板),可以輕鬆用來實現各種簡單或者複製的內容佈局,瀏覽器支持:Chrome、Edge、Firefox、Internet Explorer (10+)、Opera 以及 Safari。 (more…)
學程式助教
November 27, 2019