CS Field

講師 - 呂家睿

• 建中資訊38屆學術長+副社
• 玩原神跟雀魂
• 頭像是應急食品
• 被電爛
• 有問題歡迎來問我啊

講師 - 陳柏安

• 建中資訊38屆社長+網管
• 玩osu
• 開卡車
• 也是被電爛
• 可以來找我打電動 (?

Web Development

Types

• 前端開發(front-end)
• 後端開發(back-end)
• 全端開發(full-stack)
• ​資料庫(Database)
• 部署(Deployment)

前端開發

Front-end

簡介

HTML 超文本標記語言

• 網頁結構&基礎內容
• 用「標籤」來建構 -> 標籤語言
• 嵌入多媒體 e.g. 圖片、影片、音訊

google按f12後旁邊的東東就是

CSS 層疊樣式表

• 網頁外觀
• 改變物件屬性e.g. 顏色、大小、邊框
• 做動畫

google按f12後右下角的東東算是

Javascript

• 網頁怎麼動
• 處理網頁上的動態行為

2048 source code

Javascript

• 框架 (framework)
  • 有人已經先寫好的東西
  • e.g. react.js、vue.js

後端開發

Back-end

• 開發各式各樣的遊戲:
  手遊、桌機遊戲、網頁遊戲
• 其實跟軟體開發有點像
• 遊戲引擎

Game Development