網頁工程師必學!TypeScript初探教學 發佈日期: 2022-05-042022-04-27 作者: yijun 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上 發佈日期: 2022-04-202024-12-10 作者: yijun Photo credit:Pexels 文、意如老師 科普一下Nginx是一個輕量級的Http網頁反向代理伺服器,優點是支持多國語言、暫存少、併發強,同時間連線次數可以比較於Apache -httpd伺服器 來的更多,例Apache的連結數預設最大為250個連線,但一旦超過200以上,網頁開啟速度就會變的超級慢,反之如利用工具Docker-Nginx 則可承受大約1024個連線。 另外Nginx它有一個最大的特點是在處理靜態(多文字Html、圖片等)的性能,足足能比Apache高3倍以上,所以如果專案偏向多靜態處理,建議一定要試試看Nginx伺服器。 閱讀全文 →
工程師網頁前端框架,Vue.js屬性綁定、事件處理、計數器篇 發佈日期: 2022-04-062022-04-01 作者: yijun 文、意如老師 續上一篇 最熱門的網頁前端框架,工程師一定要了解Vue.js 資料綁定篇 認識資料綁定後接續著我們來認識屬性綁定及事件處理,最後我們要實作一個計數器。 任務一:屬性綁定-v-bind 使用方式任務二:綁定css-style屬性2-1.綁定多個css-Style屬性2-2.綁定:style物件object 寫法(集合)2-3.綁定:style array 寫法任務三:事件處理任務四:實作計數器 閱讀全文 →
自己架設我的wikipedia維基百科 發佈日期: 2022-03-302022-05-10 作者: yijun Photo credit:Pexels 文、意如老師 前幾天接到任務,公司想要將自己的資訊放到維基百科,並且想要架在自己的伺服器上,說實在之前我也沒做過,但既然身為工程師就要有挑戰的精神,話不多說,開始實作吧!(實作時間約30分鐘) 任務一:下載mediawiki套件任務二:安裝Xampp伺服器與資料庫任務三:伺服器與資料庫基本設定3-1.將檔案搬移至htdocs資料夾下3-2.設定port號3-3.錯誤排除處理3-4.mediawiki基礎設定 閱讀全文 →
最熱門的網頁前端框架,工程師一定要了解Vue.js 資料綁定篇 發佈日期: 2022-03-162022-03-10 作者: yijun Photo credit:Pexels 文、意如老師 了解了基本的程式架構後,接下來我們要來認識資料綁定以及屬性綁定 任務:資料綁定1. 使用v-text 接資料 2. 使用大括弧 {{ }} 接資料3. 認識資料型態function4. 使用v-html 接資料5. 使用v-model接資料6. 設計表單資料綁定 閱讀全文 →
管理多個IT部門的經理 學習篇(二) 發佈日期: 2022-03-022022-02-11 作者: yijun Photo credit:Pexels 文、意如老師 續上一篇:管理多個IT部門的經理 學習篇(一)本篇繼續分享 3. 管理菜鳥和老鳥經理4. 招募新經理5. 找出組織失能的原因6. 培養團隊的技術策略 閱讀全文 →
管理多個IT部門的經理 學習篇(一) 發佈日期: 2022-02-162022-01-24 作者: yijun 文、意如老師 今天想跟大家分享一本書,書名為:經理人之道,這本書是專門寫給工程師經理的一本工具書,作者以工程師到經理主管最後到決策者的角度來分析說明,例如:如何帶好一個IT團隊或者多個跨部門的IT團隊管理以及到最後到高階管理層等等…,在每一個章節都有很豐富的介紹,本篇為書中的其一章節來做重點分享。 閱讀全文 →
最熱門的網頁前端框架,了解流程架構及實作Vue.js 網頁篇 發佈日期: 2022-01-122022-01-07 作者: yijun Photo credit:Pexels 文、意如老師 續上一篇:最熱門的網頁前端框架,從零開始學Vue.js 安裝篇 任務一:認識目錄結構任務二:了解整個流程,及實作第一個Vue.js網頁 閱讀全文 →
最熱門的網頁前端框架,從零開始學Vue.js 安裝篇 發佈日期: 2021-12-292021-12-28 作者: yijun 文、意如老師 什麼是Vue.js?Vue.js是現在正當紅的網頁前端框架之一,主要程式語言為javascript,無論你是想寫一些簡單的網頁或者一個大型複雜的專案網站都可以快速使用Vue框架,來達到良好的開發效率。 我們直接先實作把Vue.js安裝到電腦上吧!本篇會介紹3種比較常用的安裝方式。 方式1:下載回來至本機方式2:使用CDN方式引入方式3:使用command 下指令安裝 閱讀全文 →
將所有的網站導入GoogleFirebase一起分析數據 發佈日期: 2021-12-222021-12-06 作者: yijun 文、意如老師 續上一篇:你的網站GA了嗎?Google Analytics網站分析使用教學 上一篇我們使用Google Analytics只是針對一個網站來做分析,但是如果我們有很多網站很多專案是否可以導入一起分析呢?答案是可以的,本篇將實作把所有的網站導入GoogleFirebase一起分析數據 閱讀全文 →
你的網站GA了嗎?Google Analytics網站分析使用教學 發佈日期: 2021-12-012021-11-29 作者: yijun Photo credit:Pexels 文、意如老師 Google Analytics (Google分析) 簡稱GA,顧名思義就是Google的數據分析工具,我們可以把自己正在經營的網站導入GA,藉由GA來幫我們蒐集一些有用的資訊並把它記錄下來。 例如:使用者都是使用什麼平台來上網(手機?電腦?)、進入網站的目標對象(年齡層?性別?來自地區?)、觀察使用者進入網站後的行為(網頁瀏覽次數,按鈕點擊次數,廣告點擊次數)等等,藉著GA來幫我們蒐集了這些使用者的大量資訊與數據後再來做有效的分析,也提高未來網站改善的依據及創造更大的利益。 閱讀全文 →
工程師不告訴你的秘密!抓取股票資料只要「這樣」做! 發佈日期: 2021-11-172021-11-16 作者: yijun Photo credit:Pexels 文、意如老師 首先準備好待查詢的股票代碼,此範例以長榮海運股票為例,代碼為2603,接下來到google直接搜尋2603,就可以找到長榮海運股票的資訊,也就是我們這次爬蟲要抓的資訊。 閱讀全文 →
工程師一定要知道的數據型態資料|菜鳥救星RookieSavior 發佈日期: 2021-11-102021-10-21 作者: yijun 文、意如老師 什麼是資料?資訊?什麼是結構化資料?半結構化資料?非結構化資料?這些資料的優缺點分別是?為什麼工程師一定要知道? 要了解什麼是結構化之前,我們首先需要認識什麼是資料?資訊? 閱讀全文 →
網路爬蟲要學什麼程式語言?從哪開始練基礎功?|菜鳥救星RookieSavior 發佈日期: 2021-10-202021-10-07 作者: yijun 圖片來源:Pexels 文、意如老師 網路爬蟲要學什麼程式語言呢? PHP?JAVA?Python?還是其他程式語言?這是目前聽到最多人問的問題了,所以今天就來探討一下這個主題吧! 快速介紹一下網路爬蟲,簡單的說網路爬蟲其實就是去網路上抓取網頁上的任何資料,蒐集資料。更詳細說明請參考上一篇文章:什麼是網路爬蟲?為什麼每一個工程師都要會?|菜鳥救星RookieSavior 閱讀全文 →
什麼是網路爬蟲?為什麼每一個工程師都要會?|菜鳥救星RookieSavior 發佈日期: 2021-10-132021-09-28 作者: yijun 文、意如老師 會爬蟲的找工作很吃香?!在幾年前的確是這樣沒錯,就跟英文一樣,以前的人總說”會英文”很吃香?那現在呢?英文已經變成基本一定要會的科目了,而爬蟲也已經演變成是工程師的基本技能,這個技能已經不會幫你加到什麼分數了,但是如果你是個工程師或是你想成為工程師,爬蟲又會是一個必須所學的基本技能,所以今天我們就來分享到底什麼是爬蟲,為什麼每一個工程師都會要會。 閱讀全文 →
將你的網站快速架站到免費雲端伺服器000webhost|菜鳥救星RookieSavior 發佈日期: 2021-09-152021-09-03 作者: yijun 文、意如老師 寫好的網站最後一步就是要發佈到伺服器上讓大家都可以看到你的網站,所以勢必需先準備好一台伺服器電腦,接著把網站架在自己的主機上,另外還需要準備一個固定IP以及個人一定要會的基本架站技能,最後還要顧及到伺服器24小時不能關機等等一些的瑣碎的事情,但如果你只是想測試看看網站效果的話,其實就不需要這麼麻煩了,我們今天就要快速簡化這些事,首先一開始要認識的就是線上雲端伺服器。 閱讀全文 →
軟體工程師都怎麼準備面試中的筆試呢|菜鳥救星RookieSavior 發佈日期: 2021-09-082022-11-21 作者: yijun Photo credit:Pixabay 文、意如老師 軟體工程師在面試時,往往第一關都是要先筆試,就算實力堅強的求職者,也有可能在這一關就被淘汰。原因如下: 閱讀全文 →
教學專欄:誰說學程式很無聊|菜鳥救星RookieSavior 發佈日期: 2021-08-312022-11-21 作者: yijun 文/圖、菜鳥編 寫這篇文章時,鳥編可是戰戰兢兢的去完成,因為深怕背後的老闆以為鳥編翅膀硬了,竟敢在上班時候給我玩遊戲。 今天要介紹給大家的是CodeCombat,原本設計是給9歲以上想要學程式碼編輯的人來練習的遊戲,可透過遊戲中了解程式編寫與互動效果。對於初學者來說是一個還不錯的網站。加上另一個重點,就是「有繁體中文」。 傳送門:https://goo.gl/1NIZA7 閱讀全文 →
想當工程師要朝哪個方向走網頁WEB、APP工程師|菜鳥救星RookieSavior 發佈日期: 2021-08-112022-11-21 作者: yijun發佈留言 文、意如老師 軟體工程師居然也有分好多種類?先來介紹最常見的三大工程師1. 應用程式(APP)工程師2. 網頁(Web)工程師3. 手機(Android、IOS)工程師 閱讀全文 →
教學專欄:玩遊戲,學程式邏輯|菜鳥救星RookieSavior 發佈日期: 2021-08-102021-07-27 作者: yijun發佈留言 文/圖、菜鳥編 不會寫程式,也要懂得程式運作的邏輯。近年來各國也開始倡導從小開始學習程式,除了程式將會是下一世紀的關鍵技術之一外。其實主要是透過邏輯學習,可加強在其他數位工具學習上的幫助。早期,懂數位工具的人可以有很好的發展、待遇。但現今的數位時代,工具的應用已算是家常便飯。不懂如何善用工具,就算有再好的創意也是要透過他人來製作。鳥編之前有介紹過一篇”誰說學寫程式很無聊”聯成電腦菜鳥救星:誰說學程式很無聊,主要是針對九歲以上的人學習,今天要介紹的是給5到12歲兒童或是初學者練習的線上平台。對想要步入程式領域的人也是一個培養程式邏輯的好地方。 網站名稱:Blockly Games內容介紹:由Google提供的服務平台,透過關卡制的遊戲快速了解程式語言的邏輯及運作的規則。傳送門:https://goo.gl/adpxnl 閱讀全文 →