最熱門的網頁前端框架,了解流程架構及實作Vue.js 網頁篇

Photo credit:Pexels

文、意如老師

任務一:認識目錄結構
任務二:了解整個流程,及實作第一個Vue.js網頁

閱讀全文 →

最熱門的網頁前端框架,從零開始學Vue.js 安裝篇

文、意如老師

什麼是Vue.js?
Vue.js是現在正當紅的網頁前端框架之一,主要程式語言為javascript,無論你是想寫一些簡單的網頁或者一個大型複雜的專案網站都可以快速使用Vue框架,來達到良好的開發效率。

我們直接先實作把Vue.js安裝到電腦上吧!
本篇會介紹3種比較常用的安裝方式。

方式1:下載回來至本機
方式2:使用CDN方式引入
方式3:使用command 下指令安裝

閱讀全文 →

將所有的網站導入GoogleFirebase一起分析數據

文、意如老師

上一篇我們使用Google Analytics只是針對一個網站來做分析,但是如果我們有很多網站很多專案是否可以導入一起分析呢?

答案是可以的,本篇將實作把所有的網站導入GoogleFirebase一起分析數據

閱讀全文 →

你的網站GA了嗎?Google Analytics網站分析使用教學

Photo credit:Pexels

文、意如老師

Google Analytics (Google分析) 簡稱GA,顧名思義就是Google的數據分析工具,我們可以把自己正在經營的網站導入GA,藉由GA來幫我們蒐集一些有用的資訊並把它記錄下來。

例如:使用者都是使用什麼平台來上網(手機?電腦?)、進入網站的目標對象(年齡層?性別?來自地區?)、觀察使用者進入網站後的行為(網頁瀏覽次數,按鈕點擊次數,廣告點擊次數)等等,藉著GA來幫我們蒐集了這些使用者的大量資訊與數據後再來做有效的分析,也提高未來網站改善的依據及創造更大的利益。

閱讀全文 →

工程師不告訴你的秘密!抓取股票資料只要「這樣」做!

Photo credit:Pexels

文、意如老師

首先準備好待查詢的股票代碼,此範例以長榮海運股票為例,代碼為2603,接下來到google直接搜尋2603,就可以找到長榮海運股票的資訊,也就是我們這次爬蟲要抓的資訊。

閱讀全文 →

工程師一定要知道的數據型態資料|菜鳥救星RookieSavior

文、意如老師

什麼是資料?資訊?
什麼是結構化資料?半結構化資料?非結構化資料?
這些資料的優缺點分別是?
為什麼工程師一定要知道?

要了解什麼是結構化之前,我們首先需要認識什麼是資料?資訊?

閱讀全文 →

網路爬蟲要學什麼程式語言?從哪開始練基礎功?|菜鳥救星RookieSavior

圖片來源:Pexels

文、意如老師

網路爬蟲要學什麼程式語言呢? PHP?JAVA?Python?還是其他程式語言?
這是目前聽到最多人問的問題了,所以今天就來探討一下這個主題吧!

快速介紹一下網路爬蟲,簡單的說網路爬蟲其實就是去網路上抓取網頁上的任何資料,蒐集資料。更詳細說明請參考上一篇文章:什麼是網路爬蟲?為什麼每一個工程師都要會?|菜鳥救星RookieSavior

閱讀全文 →

什麼是網路爬蟲?為什麼每一個工程師都要會?|菜鳥救星RookieSavior

文、意如老師

會爬蟲的找工作很吃香?!在幾年前的確是這樣沒錯,就跟英文一樣,以前的人總說”會英文”很吃香?那現在呢?英文已經變成基本一定要會的科目了,而爬蟲也已經演變成是工程師的基本技能,這個技能已經不會幫你加到什麼分數了,但是如果你是個工程師或是你想成為工程師,爬蟲又會是一個必須所學的基本技能,所以今天我們就來分享到底什麼是爬蟲,為什麼每一個工程師都會要會。

閱讀全文 →

將你的網站快速架站到免費雲端伺服器000webhost|菜鳥救星RookieSavior

文、意如老師

寫好的網站最後一步就是要發佈到伺服器上讓大家都可以看到你的網站,所以勢必需先準備好一台伺服器電腦,接著把網站架在自己的主機上,另外還需要準備一個固定IP以及個人一定要會的基本架站技能,最後還要顧及到伺服器24小時不能關機等等一些的瑣碎的事情,但如果你只是想測試看看網站效果的話,其實就不需要這麼麻煩了,我們今天就要快速簡化這些事,首先一開始要認識的就是線上雲端伺服器。

閱讀全文 →

教學專欄:玩遊戲,學程式邏輯|菜鳥救星RookieSavior

文/圖、菜鳥編

不會寫程式,也要懂得程式運作的邏輯。近年來各國也開始倡導從小開始學習程式,除了程式將會是下一世紀的關鍵技術之一外。其實主要是透過邏輯學習,可加強在其他數位工具學習上的幫助。

早期,懂數位工具的人可以有很好的發展、待遇。但現今的數位時代,工具的應用已算是家常便飯。不懂如何善用工具,就算有再好的創意也是要透過他人來製作。

鳥編之前有介紹過一篇”誰說學寫程式很無聊”聯成電腦菜鳥救星:誰說學程式很無聊,主要是針對九歲以上的人學習,今天要介紹的是給5到12歲兒童或是初學者練習的線上平台。對想要步入程式領域的人也是一個培養程式邏輯的好地方。

網站名稱:Blockly Games
內容介紹:由Google提供的服務平台,透過關卡制的遊戲快速了解程式語言的邏輯及運作的規則。
傳送門:https://goo.gl/adpxnl

閱讀全文 →

Javascript網頁程式_即時更新日期時間 (下)|菜鳥救星RookieSavior

文、意如老師

續上一篇 — Javascript網頁程式_處理日期、時間篇(上)|菜鳥救星RookieSavior 熟練以上基礎工後,接下來要讓日期/時間隨時即時更新。

任務一:認識setInterval() 函數,設定事件間隔時間(重複執行)
任務二:認識setTimeout() 函數,設定事件間隔時間(只執行一次)
任務三:認識onload 事件,網頁載入事件
任務四:實作即時更新日期/時間
任務五:客製化自己的日期/時間
任務六:認識 clearInterval() 函數,清除設定的間隔時間

閱讀全文 →

Javascript網頁程式_處理日期、時間篇(上)|菜鳥救星RookieSavior

Photo credit:Pixabay

文、意如老師

任務開始:先建立環境
任務一:抓取目前標準時間
任務二:把抓到的標準日期時間顯示在網頁上
任務三:抓出"年、月、日、時、分、秒"
任務四:實作按鈕功能:
日期時間: 顯示標準時間
今天日期: 只抓年/月/日
現在時間: 只抓時/分/秒

閱讀全文 →

菜鳥救星分享:程式麻瓜一學就上手,你該懂的20個關鍵字!

資料來源、數位時代

看完前面的篇章,你可能會想:讀了那麼多有什麼用?我還是不會寫程式啊!我們想說的是,在這個時代裡,就算你不會寫程式、不是軟體工程師,工作上還是免不了要跟工程師溝通。為了讓彼此溝通更順暢,這些基礎知識,你一定要知道!

閱讀全文 →

菜鳥救星談程式:基礎工程師面試時,常用的技術問與答(二)

文、意如老師

本篇要跟大家分享的是工程師面試筆試中最常出現的題型資料庫應用SQL語法,有關資料庫的部分我在這裡分成兩大類型

▶ 基礎語法篇
▶ 資料表連結

閱讀全文 →

菜鳥救星談程式:基礎工程師面試時,常用的技術問與答(一)

文、意如老師

一般業界公司在尋找基礎工程師時,需要透過短短的面試一小時中了解求職者的能力到哪裡,技術是否有符合崗位的需求,基礎功夫是否有到位,所以通常面試官會準備幾個小題目當作面試的筆試,這些小題目基本上都不會太難,但都是實際都是工作上很可能會碰到的問題,如果稍微有程式基礎底子的,應該都可以輕鬆作答。

閱讀全文 →

菜鳥救星談程式:非本科系有機會轉職為工程師嗎?

文、意如老師

非本科系,有機會轉職為工程師嗎?

我的回答:可以,但是…


在工作上我需要為自己的團隊找工程師,所以對於找到對的工程師,把人才放在對的位置上,對我來說是相當的重要,不然對於公司的產出效率或者對於人才都是一種浪費,雙方面都會有損傷,所以在開人才需求時,我一方面要考慮到的是工作需求,也要考慮到求職者是否能夠勝任這個工作。

閱讀全文→

菜鳥救星談程式:什麼是API為什麼每一個工程師都要會

文、意如老師

API (Application Programming Interface),我們先以字面上來說它是一個應用程式的接口,而這個接口有兩個重點(請求與回應),我們舉個簡單的例子,您可以先把 API 接口想像成一個窗口。

例如:火車站的窗口,您跟售票員請求(Request) 一張火車票,而售票員回應(Response)您給了您一張火車票,那麼以程式來說售票員就是API 的意思。

請求 : 台北縣到高雄縣 一張票
API (售票員) : 處理後
回應 : 台北縣到高雄縣 一張票

閱讀全文 →

菜鳥救星講程式:什麼是JSON?為什麼每一個工程師都要會?

文、意如老師

今日主題:

一、什麼是JSON?
二、JSON範例介紹
        2-1-範例一(儲存物件)
        2-2-範例二(儲存陣列)
三、實作練習

一、什麼是JSON?

在介紹今天的主題之前先舉個簡單的例子,我們日常生活是用中文來溝通,而美國人溝通是使用英文、日本人溝通是使用日語,而工程師間溝通是使用什麼呢?就是今天的主角JSON。

閱讀全文 →

菜鳥救星講程式:Python實作匯率轉換程式

文、意如老師

任務1:認識input()函式
1-1 input()函式用法
1-2使用者輸入身高(170)
       執行結果:
       您的身高是 170 公分

任務2:實作題
2-1輸入姓名 (yiru)
       執行結果:
        yiru,您好
2-2 輸入品名(涼麵)、單價(60)、數量(3)
       執行結果:
       品名= 涼麵
       單價= 60元
       數量= 3份
       總金額: 180 元
2-3匯率轉換程式(台幣轉美元)

閱讀全文 →