Python 基本語法
本篇文章主要介紹 python 程式語言的基本語法
變數
陣列
運算符號
if condition
for loop
for each
function
dictionary
變數12345a = 0b = 0.01c = "message"d = Truee = none
陣列12a = []a = [1, 2, 3]
運算符號123456789a == ba != ba > ba >= ba < ba <= bnot aa and ba or b
if condition123456if a > b: ...elif a < b: ...else: ...
for loop12for i in range(10): ...
for each12345for element in array: ...for index, element in enumerate(array): ...
function123456789def Calculate(): ...def Ca ...
Javascript 基本語法
本篇文章主要介紹 javascript 程式語言的基本語法
變數
陣列
運算符號
if condition
for loop
for each
function
常數物件
變數123456const a = 0const b = 0.01const c = "message"const d = trueconst e = nullconst f = undefined
陣列12const a = []const a = [1, 2, 3]
運算符號123456789a === ba !== ba > ba >= ba < ba <= b!aa && ba || b
if condition1234567if (a > b) { ...} else if (a < b) { ...} else { ...}
for loop123for (let i = 0; i < 10; i++) { ...} ...
Go 導入本地包
本篇文章主要介紹 Go 程式語言 import local package,總共有 9 個步驟
移動到專案路徑,例如 D:/Workspace/Go
建立一個專案 「Project」,在路徑 D:/Workspace/Go 執行 go mod init Project,建立後路徑如下
12Go└─ go.mod
新增一個資料夾 MyLib 作為 Package,例如 D:/Workspace/Go/MyLib,建立後路徑如下
123Go├─ MyLib└─ go.mod
在 D:/Workspace/Go/MyLib 資料夾裡面建立檔案,例如 D:/Workspace/Go/MyLib/functions.go
1234Go├─ MyLib| └─ functions.go└─ go.mod
在 D:/Workspace/Go/MyLib/functions.go 內容填入以下程式碼
12345package MyLib // 資料夾名稱相同較方便func GetHelloWorld() string { return "Hello wor ...
Go 基本語法
本篇文章主要介紹 Go 程式語言的基本語法
變數
陣列
運算符號
if condition
for loop
for each
function
map
struct
變數12345var a intvar b float64var c stringvar d runevar e bool
陣列123var a int[]var a int[] = []int{}var a int[] = []int{1, 2, 3}
運算符號 (同 C++)123456789a == ba != ba > ba >= ba < ba <= b!aa && ba || b
if condition1234567if a > b { ...} else if a < b { ...} else { ...}
for loop123for i := 0; i < 10; i++ { ...}
...
Go 安裝和建立專案
本篇文章主要介紹 Go 程式語言的安裝,並建立第一支程式
安裝 Go
建立 Go 專案
安裝 Go
至 Go Programming Language 官方網站點擊下載
圖1 Go Programming Language 官方網站
安裝對應版本,此範例安裝 Windows 版本
圖2 Go Programming Language 安裝 Windows 版本
安裝下載的檔案
建立 Go 專案
移動到專案路徑,例如 D:/Workspace/Go
建立一個專案 Project,指令是 go mod init Project,建立完路徑如下
12Go└─ go.mod
確認專案建立成功,透過指令 cat go.mod 列印資訊或到資料夾確認 go.mod 檔案
圖3 檔案 go.mod
建立 main.go 檔案
123Go├─ go.mod└─ main.go
編寫 Go 程式碼
123456789package mainimport ( "fmt")func mai ...
Git 版本控制介紹
本篇文章主要介紹版本控制軟體 Git,以及 Git、 GitHub 和 GitHub Desktop 的關聯性。
版本控制介紹
Git 簡介
Git 重要名詞介紹
Git 功能介紹
Git、GitHub 和 GitHub Desktop 的關係
參考資料
版本控制介紹什麼是版本控制控制文件在不同時候的內容,主要功能有儲存當前版本、恢復到特定版本、合併不同版本 …
什麼時候使用在編輯任何事物時,想要參考或使用過去版本或不同版本
為什麼使用版本控制版本控制幫助我們更靈活操作檔案
操作失誤時,可以恢復版本
共同開發時,可以個別開發後合併版本
哪裡有版本控制以下有一些生活中版本控制的例子,並不侷限在軟體開發
Word 當機重啟,詢問是不是要恢復這個版本
當你有個資料夾 MyDocument 的目錄結構如下,
1234MyDocument├─ MyDocument-20220923.doc├─ MyDocument-20220923-1.doc└─ MyDocument-20220924.doc
使用 30 顆高級球卻沒抓到神奇寶貝時,關掉重開 Gameboy 再抓一次
Gi ...
CSS BEM 選擇器命名規則簡介,以 KKBOX 為例
剛開始寫 CSS 時,我們都知道要有意義的命名,但即使命名都有自己的意義,卻發現選擇器之間有很多重複的屬性,完成第一份作業後,就有問彭彭老師,老師就提到選擇器的命名規則是滿值得討論的議題,並讓我查詢「css bem naming」,我就開始調查,CSS 怎麼樣才是好命名,並查學習一些常見網頁的命名方式。
重要的命名觀念
BEM
KKBOX 的導覽列分解
KKBOX 的導覽列總結
參考資料
重要的命名觀念
抽象化命名,例如: left 就只能放在左邊,改為 aside 就可以放在左右
避免針對性命名,例如: 作業的歡迎橫幅 welcome,可以改為 banner 內容就不一定是歡迎
狀態命名,例如: 導航欄連結在當前頁面狀態 menu-item 加上 is-active,其他頁面則只有 menu-item
BEM Block Element Modifier (BEM) 是一種為了讓 CSS 類別更好維護的命名方式
Block 區塊 .block {}
主要負責描述大範圍功能,例如 header 或 container
Element 元素 .blo ...
Final Project Concept
在不會被注入 XSS 的部分允許 innerHTMLCSS 輪播效果不強制動畫第四週使用 JWT 做會員系統非同步概念bootstrap css design pattern 一個元素多個 class name,老師一個元素一個 class name,除非狀態 activehttps://www.quora.com/How-do-I-upload-a-file-to-REST-APIhttps://sass-guidelin.es/#the-7-1-pattern
PendingJudging
Final Project ConceptDefinitionPerson
User: Frontend user from browser
Infra: Infrastructure engineer for deployment who Known docker but not AI background
Program
Frontend: Frontend brower (e.g. Chrome)
Backend: backend server (e.g. EC2)
Storage: S ...