張永昌 Canis Zhang

前端

語言與框架

• HTML

  能夠撰寫語意化的標記並應用於網頁結構

• CSS

  熟悉 CSS3 語法，能夠實現響應式設計

• JavaScript

  熟悉 ES6 語法，能夠撰寫高效且可維護的 JavaScript 程式碼

• React.js

  能夠開發單頁應用（SPA）並使用React Hooks

• Next.js

  能夠實現伺服器端渲染（SSR）、靜態站點生成（SSG）及客戶端渲染（CSR）

庫

• jQuery

  熟悉語法及其插件，能夠快速實現 DOM 操作和 AJAX 請求

技能

• 響應式設計

  能夠設計並實現適應不同設備和屏幕尺寸的網頁

Front-End

Languages & Frameworks

• HTML

  Ability to write semantic markup and apply it to webpage structures

• CSS

  Proficient in CSS3 syntax, capable of implementing responsive design

• JavaScript

  Proficient in ES6+ syntax, capable of writing efficient and maintainable JavaScript code

• React.js

  Able to develop single-page applications (SPA) and use React Hooks

• Next.js

  able to implement server-side rendering (SSR), static site generation (SSG) and client-side rendering (CSR)

Libraries

• jQuery

  Familiar with syntax and plugins, able to quickly implement DOM manipulation and AJAX requests

Skills

• RWD

  Capable of designing and implementing webpages that adapt to various devices and screen sizes

後端

語言與框架

• Node.js

  能夠使用 Node.js 開發高效的後端服務

• Express.js

  熟悉框架，能夠構建 Restful API 和中介軟體

庫

• Mongoose

  熟悉 Mongoose ORM，能夠與 MongoDB 進行高效的資料庫操作

• JWT

  能夠使用 JWT 進行安全的用戶認證和授權

技能

• Restful API

  能夠設計和實現 Restful API，確保其高效性和可擴展性

• MVC

  理解並應用 MVC 架構設計模式

• Middleware

  能夠編寫和應用中介軟體以處理請求和響應

Back-End

Languages & Frameworks

• Node.js

  Able to develop efficient backend services using Node.js

• Express.js

  Familiar with the Express framework, able to build Restful APIs and middleware

Libraries

• Mongoose

  Familiar with Mongoose ORM, able to perform efficient database operations with MongoDB

• JWT

  Able to use JWT for secure user authentication and authorization

Skills

• Restful API

  Able to design and implement Restful APIs, ensuring their efficiency and scalability

• MVC

  Understand and apply the MVC architectural pattern

• Middleware

  Able to write and apply middleware to handle requests and responses

資料庫

類型

• MySQL

  能夠設計和優化關聯資料庫，撰寫高效的 SQL 查詢

• MongoDB

  熟悉 NoSQL 資料庫，能夠進行高效的資料儲存和檢索

工具

• MySQL Workbench

  用於設計和管理 MySQL 資料庫

• PopSQL

  圖形化 SQL 查詢工具

• Arctype

  視覺化的資料庫管理工具

• MongoDB Compass

  圖形化介面工具，用於管理 MongoDB 資料庫

Database

Category

• MySQL

  Able to design and optimize relational databases, write efficient SQL queries

• MongoDB

  Familiar with NoSQL databases, able to perform efficient data storage and retrieval

Tools

• MySQL Workbench

  Used for designing and managing MySQL databases

• PopSQL

  Graphical SQL query tool

• Arctype

  Visual database management tool

• MongoDB Compass

  Graphical interface tool for managing MongoDB databases

開發工具

IDE

• VS Code

  主要開發工具，熟悉其延伸模組和快捷鍵

• Web Storm

  次要開發工具

• Sublime Text

  輕量級文本編輯器，用於快速編輯

• Notepad++

  簡單易用的文本編輯器，用於快速編輯

Git

• GitHub

  了解 Git 版本控制，能夠進行基礎團隊協作和程式碼管理

AI

• ChatGPT

  使用 ChatGPT 進行輔助開發

瀏覽器

• Chrome

  主要開發和測試瀏覽器

• Edge

  兼容性測試瀏覽器

• Arc Browser

  兼容性測試瀏覽器

• Safari

  兼容性測試瀏覽器

• Firefox

  兼容性測試瀏覽器

• Brave

  兼容性測試瀏覽器

• Vivaldi

  兼容性測試瀏覽器

Development Tools

IDE

• VS Code

  Primary development tool, familiar with its extensions and shortcuts

• Web Storm

  Secondary development tool

• Sublime Text

  Lightweight text editor, used for quick edits

• Notepad++

  Simple and easy-to-use text editor, used for quick edits

Git

• GitHub

  Understanding of Git version control, capable of basic team collaboration and code management

AI

• ChatGPT

  Using ChatGPT for code assistance

Browsers

• Chrome

  Primary development and testing browser

• Edge

  Browser for compatibility testing

• Arc Browser

  Browser for compatibility testing

• Safari

  Browser for compatibility testing

• Firefox

  Browser for compatibility testing

• Brave

  Browser for compatibility testing

• Vivaldi

  Browser for compatibility testing