Python檔案處理大揭密!從入門到專家,一文搞定!

文、意如老師

讀完這篇文章你可以學到:
1. 開啟檔案寫入資料
2. 使用with開啟檔案、更新資料、寫入多行內容
3. 在原本的資料後再添加資料
4. 讀取檔案內容:只讀取幾個字元、只讀第一行、把資料轉成陣列後讀出
5. 使用For迴圈讀取資料
6. For迴圈的end=”執行後要出現的文字也可以是空白”
7. 移除檔案、檔案如存在時就刪除,如果不存在就印出提示文字檔案不存在
8. 移除資料夾、資料夾如存在時就刪除,如果不存在就印出提示文字資料夾不存在

閱讀全文→

Line專屬AI助理來了!使用ChatGPT讓你享受更智能的聊天體驗

文、意如老師

今天要實作直接把ChatGPT搬到你的Line上,讓您隨時隨地都有機器人陪你聊天,實作時間約30分鐘。

看完這篇文章你可以學到:
任務一:註冊Line開發者平台的帳號

任務二:取得Channel access token
任務三:註冊Open AI 帳號
任務四:取得ChatGPT API Key
任務五:註冊Github帳號
任務六:使用套件專案
任務七:註冊Vercel帳號
任務八:部署套件專案

閱讀全文 →

和AI相處不只是學英文!ChatGPT教你聰明的發問技巧,成功解決問題

文、意如老師

今天要學會發問,並透過Chat GPT作為學習工具,來當我的英文小老師,首先單字訓練,目標一天學會10個單字的完整用法。

看完這篇文章你可以學到:
任務一:認識單字

任務二:延伸單字了解詞性與意義
任務三:練習造句-英翻中
任務四:充分理解單字,讓ChatGPT來考考你
任務五:聽、說練習

閱讀全文 →

使用Matplotlib套件,在Python快速畫出分析圖表

文、意如老師

將收集的數據資料轉變成圖表將數據圖形化,能更清楚呈現易閱讀的文件,
常見的圖表類型有長條圖、圓餅圖、折線圖等…,要使用Python 快速畫出圖表,可以使用Matplotlib套件,Matplotlib是一個在Python中非常強大的畫圖套件,幾乎所有的圖表都可以輕鬆的畫出來,本篇會將以折線圖與圓餅圖作為範例。

看完這篇文章你會學到:
1. 安裝 Matplotlib套件
2. 製作折線圖
3. 畫出2組資料折線圖
4. 設定圖表中的屬性(顏色、線寬、線條樣式)
5. 設定文字屬性(字體、大小)
6. 製作圓餅圖

閱讀全文 →

2023程式設計課程推薦,3方法挑選適合的前端、後端課程!

文、意如老師

主題一:想寫什麼類型的程式?
主題二:如何挑選適合自己的程式設計課程?
主題三:您想走前端還是後端?

主題一:想寫什麼類型的程式?

這邊先大至分成兩類來介紹,第一類是不需要網路即可執行的單機版應用程式,像是個人電腦上的小算盤、Office等軟體或是企業常用的進銷存系統(ERP)、顧客管理系統(CRM)等等。

閱讀全文 →

工程師帶你認識Angular中的路由與元件

文、意如老師

上一篇介紹了 前端工程師必學知識!建立第一個Angular專案,這篇要帶大家認識Angular中的路由(Routing)與元件(Component),就讓我們繼續看下去吧!

任務一:認識Angular中的路由(Routing)
 1.1. 認識路由
 1.2. 認識路由插座<router-outlet></router-outlet>
 1.3. 測試路由是否運作成功
任務二:實作應用
 2.1.建立三個元件(Component)
 2.2.建立路由規則

閱讀全文 →

前端工程師必學知識!建立第一個Angular專案

文、意如老師

建立第一個Angular專案,了解基本架構後就要來實際建立一個Angular專案了。

▶ 延伸閱讀:前端網頁工程師入門必備!認識Angular

任務一:建立專案
1-1. 建立開發所需要的檔案
1-2. 建立dist資料夾來放置編譯後的網頁
任務二:程式流程運作
任務三:Component元件的屬性-資料顯示
3-1. 建立、插入值
3-2. 建立、插入陣列值
3-3. 建立、插入物件值

閱讀全文 →

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

文、意如老師

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

閱讀全文 →

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型別

閱讀全文 →

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

文、意如老師

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

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

閱讀全文 →

前端網頁工程師入門必備!認識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資料,並將抓回來的資料呈現在表格上

閱讀全文 →

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

文、意如老師

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

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

閱讀全文 →

網頁工程師必學!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伺服器。

閱讀全文 →

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

文、意如老師

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

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

閱讀全文 →