工程師網頁前端框架,Vue.js屬性綁定、事件處理、計數器篇

文、意如老師

續上一篇 最熱門的網頁前端框架,工程師一定要了解Vue.js 資料綁定篇 認識資料綁定後接續著我們來認識屬性綁定及事件處理,最後我們要實作一個計數器。

任務一:屬性綁定-v-bind 使用方式
任務二:綁定css-style屬性
2-1.綁定多個css-Style屬性
2-2.綁定:style物件object 寫法(集合)
2-3.綁定:style array 寫法
任務三:事件處理
任務四:實作計數器

閱讀全文 →

自己架設我的wikipedia維基百科

Photo credit:Pexels

文、意如老師

前幾天接到任務,公司想要將自己的資訊放到維基百科,並且想要架在自己的伺服器上,說實在之前我也沒做過,但既然身為工程師就要有挑戰的精神,話不多說,開始實作吧!(實作時間約30分鐘)

任務一:下載mediawiki套件
任務二:安裝Xampp伺服器與資料庫
任務三:伺服器與資料庫基本設定
3-1.將檔案搬移至htdocs資料夾下
3-2.設定port號
3-3.錯誤排除處理
3-4.mediawiki基礎設定

閱讀全文 →

最熱門的網頁前端框架,工程師一定要了解Vue.js 資料綁定篇

Photo credit:Pexels

文、意如老師

了解了基本的程式架構後,接下來我們要來認識資料綁定以及屬性綁定

任務:資料綁定
1. 使用v-text 接資料
2. 使用大括弧 {{ }} 接資料
3. 認識資料型態function
4. 使用v-html 接資料
5. 使用v-model接資料
6. 設計表單資料綁定

閱讀全文 →

管理多個IT部門的經理 學習篇(一)

文、意如老師

今天想跟大家分享一本書,書名為:經理人之道,這本書是專門寫給工程師經理的一本工具書,作者以工程師到經理主管最後到決策者的角度來分析說明,例如:如何帶好一個IT團隊或者多個跨部門的IT團隊管理以及到最後到高階管理層等等…,在每一個章節都有很豐富的介紹,本篇為書中的其一章節來做重點分享。

閱讀全文 →

如何將Google表單蒐集的資料導入Excel試算表中

文、意如老師

參考上一篇:企業最愛用的問卷表!Google表單全應用篇

任務一:建立一個表單
任務二:查看回覆的資料
任務三:將這些蒐集來的資料直接匯入到Google雲端的Excel檔
任務四:傳送表單回覆副本給作答者

閱讀全文 →

企業最愛用的問卷表!Google表單全應用篇

文、意如老師

如何快速建立一個有水準的問卷表單或試卷,凡是想調查資訊、蒐集資料,例如大夥一起訂便當飲料、課後問卷、調查同仁意願等等…,只要建立Google表單就可以簡單又快速達到蒐集這些資訊並分析這些資料。
今天就來實作如何快速建立Google表單。

閱讀全文 →

【Excel教學】什麼是資料剖析?分欄整理成整齊的表格

文、意如老師

首先看一下原始資料,是一個整理好的表格資料

姓名 報名 地址 電話
賴驗新 基隆 和平東路三段一巷一號 029461234
蔡小燕 公館 博愛路一三一號 039124785
鄭新明 板橋 五權南路九十九號 039112356
陳智與 三重 民權路一二七號 029213652
黃麗倩 忠孝 南路一段一二四號 039123456
沈樂豐 板橋 五權南路九十九號 039112356
周凱明 忠孝 南路一段一二四號 039123456
吳美足 三重 民權路一二七號 029213652
閱讀全文 →

最熱門的網頁前端框架,從零開始學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來幫我們蒐集了這些使用者的大量資訊與數據後再來做有效的分析,也提高未來網站改善的依據及創造更大的利益。

閱讀全文 →

【Word教學】建立背景圖及解決列印背景時印不出來的情況

文、意如老師

明明有背景,怎麼列印時印不出來呢?!如下圖,這就是今天要分享的主題。

已經設定好背景

但背景印不出來

任務1:建立背景圖|方式一|使用圖片當背景圖
任務2:建立背景圖|方式二|設計中的頁面色彩
任務3:背景印不出來的處理方式

閱讀全文 →

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

Photo credit:Pexels

文、意如老師

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

閱讀全文 →

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

文、意如老師

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

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

閱讀全文 →

Word必學:一定會用到的5個小技巧(表格篇)|菜鳥救星RookieSavior

文、意如老師

本篇文章要跟大家分享在工作中,最常會用到的五個Word使用表格小技巧!

技巧1:表格快速編號
技巧2:將一個表格拆分為二個獨立的表格
技巧3:插入表格時,如何讓表格置中在版面配置內
技巧4:文字快速轉表格
技巧5:在一行中放入左右兩個獨立表格

閱讀全文 →