TypeScript物件導向-介面使用方式

文、意如老師

參考目錄:
第1篇:網頁工程師必學-TypeScript初探篇
第2篇:JavaScript的型別在TypeScript中應用(一)認識原始資料型別
第3篇:JavaScript的型別在TypeScript中應用(二)認識物件型別
第4篇:TypeScript物件導向-類別(Class)的使用方式
第5篇:TypeScript物件導向-介面(Interface)的使用方式

閱讀全文 →

【Excel教學】製作兩層以上連動的下拉式選單

文、意如老師

填寫表單時,總是有一些固定欄位需要填寫,例如地址中“縣市“,”鄉鎮“,讓使用者輸入實在是太擾民了,也容易誤植一些文字,所以我們今天要來實作下拉選單。
已縣市為例:選擇第一層後(縣市)再選第二層(鄉鎮)
而第二層選單會為第一層選完後的結果自動更新下拉選單。

閱讀全文 →

JavaScript的型別在TypeScript的應用

文、意如老師

Javascript的型別有兩種,分成原始資料型別(Primitive data types)與物件型別(Object types),本篇將介紹原始資料型別與幾種比較常用的型別。

任務一:認識原始型別
 1-1使用定義String字串類型
 1-2使用定義boolean布林類型
 1-3使用定義Number數字類型
 1-4使用定義BigInt大整數類型
 1-5使用undefined未定義、 null空值類型
 1-6使用定義symbol符號值類型
任務二:認識其它常用型別
 2-1認識any任意型別
 2-2認識Union聯合型別
 2-3認識陣列的型別
 2-4認識函式Function型別

閱讀全文 →

【Word教學】快速建立表格

文、意如老師

在文件中,到處都可以看到表格的身影,如果可以更熟練幾個快速鍵,將可以更有效率的幫助我們處理文書文件。

任務一:使用快速鍵加加(++)減減(–)快速建立表格
任務二:在表格前插入文字或圖片
任務三:表格用完後快速再增加一列
任務四:表格快速鍵調整寬度「shift」、「ctrl」、「alt」

閱讀全文 →

用Word也能做賀卡!節日卡片自己做

廣告

文、意如老師

每年都有許多紀念日和節日,在送禮盒時大家也還是習慣附上一張祝賀卡或是可以留下來紀念的小卡片,或者大多數人已經都直接用Email或LINE來傳送賀卡,但不論是一般傳統的卡片或是電子賀卡這種東西就是要自己做才有意義啊!此次主題為“中秋賀卡”,話不多說,我們馬上就來實作吧!

閱讀全文 →

JavaScript的型別在TypeScript中認識物件型別

文、意如老師

參考目錄:
第1篇、TypeScript初探篇
第2篇、JavaScript的型別在TypeScript中應用(一)-認識原始資料型別
第3篇、JavaScript的型別在TypeScript中應用(二)-認識物件型別
第4篇、TypeScript物件導向-類別(Class)的使用方式
第5篇、TypeScript物件導向-介面(Interface)的使用方式

JavaScript的型別有兩種,分成原始資料型別(Primitive data types)與物件型別(Object types),原始資料型別介紹請參閱上一篇,本篇即將介紹物件型別與其它常見的型別。

閱讀全文 →

【Excel教學】實作抽籤機

廣告

文、意如老師

如何從清單中隨機抽出一筆或多筆資料,亂數抽樣產生中獎名單,本篇將實作抽籤程式,隨機抽英文單字當練習題。

任務一:認識INDEX( )函數
任務二:認識RANDBETWEEN( )函數
任務三:認識ROWS( )函數
任務四:實作應用-抽籤程式-隨機抽英文單字當練習題
4-1. 準備清單資料
4-2. INDEX( )、RANDBETWEEN( )與ROWS( )組合應用
4-3.隨機取出多筆資料

閱讀全文 →

前端網頁工程師入門必備!認識Angular

文、意如老師

參考目錄:
第1篇、前端網頁工程師-Angular初探篇
第2篇、建立第一個Angular專案
第3篇、認識Angular中的路由(Routing)與元件(Component)
第4篇、認識Angular中的路由導覽(Nav)
第5篇、認識Angular中的模組(NgModule)
第6篇、認識Angular中的模板(Template)語法
第7篇、認識Angular中的*ngIf、*ngFor、ngSwitch語法
第8篇、認識Angular官方所推薦的模組化元件-Angular Material
第9篇、Angular-使用 Flex-Layout模組來建立網站基本框架
第10篇、Angular-實作左側欄加上導覽列
第11篇、Angular-實作上方標題列
第12篇、Angular-綜合應用實作篇(1)-實作按鈕切換圖片
第13篇、Angular-綜合應用實作篇(2)-表單輸入後按下Enter,或離開輸入框時,取得輸入的值並顯示出來
第14篇、Angular-抓取API資料,並將抓回來的資料呈現在表格上

閱讀全文 →

Excel玩爬蟲!自動抓取最新網頁資料,接取Json-API資料處理

文、意如老師

在本篇文章開始前,我們要先簡單快速的認識一下
什麼是爬蟲?
JSON資料是什麼?
API是什麼?

了解什麼是爬蟲,請參考此篇文章:什麼是網路爬蟲?為什麼每一個工程師都要會?

了解什麼是Json資料,請參考此篇文章:菜鳥救星講程式:什麼是JSON?為什麼每一個工程師都要會?

了解什麼是API,請參考此篇文章:菜鳥救星談程式:什麼是API為什麼每一個工程師都要會

閱讀全文 →

TypeScript物件導向類別(Class)的使用方式大公開

文、意如老師

參考目錄:
第1篇、TypeScript初探篇
第2篇、JavaScript的型別在TypeScript中應用(一)-認識原始資料型別
第3篇、JavaScript的型別在TypeScript中應用(二)-認識物件型別
第4篇、TypeScript物件導向-類別(Class)的使用方式
第5篇、TypeScript物件導向-介面(Interface)的使用方式

在使用javascript時以往都是使用建構函式來實現類別,現在Javascript的ES6(含以上的版本) 已經完全支持類別(Class)的功能了,接下來我們就來好好認識一下在TypeScript中如何使用類別。

閱讀全文 →

【Excel教學】如何將多個工作表彙整至同一張工作表中

文、意如老師

不論是公司季報表、月報表、出差單、加班紀錄、成績單或是等等各式各樣的報表,總是一季、一個月、或一個階段就會產生一張工作表,如何將多個工作表彙整成一張工作表方便我們統一管理查看,是我們今天主要分享的主題。

閱讀全文 →

【Excel教學】怎麼把個資米掉中間幾個字

文、意如老師

以目前的個人資料保護法,只要有關個人的基本資訊,都需要加上一層保護,例如身份證字號,H123987456,加上保護隱碼後呈現的方式如:H123***456之類的保護方式,看是要隱藏第幾個字元到第幾個字元自己再做些變化調整。

閱讀全文 →

【Excel教學】我的第一個VBA程式

廣告

文、意如老師

再文章開始之前,先簡單介紹一下,VBA基本上就是一個寫巨集的程式語言,
什麼是巨集呢?你可以將重複性高的動作全部錄下來,存放在一個巨集中,待下次要使用時,直接套用這個巨集即可。

建議可以先了解,熟悉一下巨集功能,可先參考此篇文章:【Excel教學】一定要學會的巨集(基礎篇)

閱讀全文 →

網頁工程師必學!TypeScript初探教學

Photo credit:Pexels

文、意如老師

任務一:認識TypeScript是什麼?
 1-1 基礎介紹
 1-2 TypeScript強型別特色

任務二:環境建置
 2-1 下載編輯器
 2-2 下載npm套件
 2-3 安裝TypeScript

任務三:建立第一個TypeScript程式
 3-1 建立TypeScript
 3-2 編譯 TypeScript為Javascript
 3-3 執行Javascript

閱讀全文 →

Web網頁伺服器-Nginx實作架在Windows上

Photo credit:Pexels

文、意如老師

科普一下Nginx是一個輕量級的Http網頁反向代理伺服器,優點是支持多國語言、暫存少、併發強,同時間連線次數可以比較於Apache -httpd伺服器 來的更多,例Apache的連結數預設最大為250個連線,但一旦超過200以上,網頁開啟速度就會變的超級慢,反之如利用工具Docker-Nginx 則可承受大約1024個連線。

另外Nginx它有一個最大的特點是在處理靜態(多文字Html、圖片等)的性能,足足能比Apache高3倍以上,所以如果專案偏向多靜態處理,建議一定要試試看Nginx伺服器。

閱讀全文 →

【Excel教學】數據分析進階篩選篇

文、意如老師

如果想要更方便的截取篩選結果,並將篩選結果複製到其它地方存取,這時候就需要仰賴進階篩選的功能,使用方式如下。

閱讀全文 →

工程師網頁前端框架,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基礎設定

閱讀全文 →

【Excel教學】數據分析基礎篩選篇

文、意如老師

有時候我們收集的數據是千筆甚至數萬筆以上的資料,如何從這些筆數中,找出符合我們所需的資料,這時候就要仰賴篩選這個功能來協助我們。

閱讀全文 →

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

Photo credit:Pexels

文、意如老師

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

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

閱讀全文 →