履歷表resume
  • 工作室網站Studio
  • 部落格Blog

張永昌 Canis Zhang

前端工程師

Front-end Developer

我叫張永昌，來自桃園，現居高雄。自小我對科技和電腦充滿熱情，這種熱情驅使我私底下學習了許多相關的知識，並在大學選擇了資訊工程學系。

我努力學習了各種程式語言和技術，包括：

  • 前端的三件套（HTML、CSS、JavaScript）、React.js 和它的框架 Next.js
  • 後端的 Node.js、Express.js、JWT
  • MySQL 和 MongoDB 兩種資料庫

我擁有良好的解決問題的能力，面對困難能夠冷靜分析，找到最佳解決方案。我樂於接受挑戰，並且不斷學習新知識，提升自己的專業技能。

我的職業目標是成為一名全端工程師，為公司和客戶提供最優質的技術支持。我相信通過不斷的努力和學習，我能夠實現這個目標，並在資訊技術領域取得更大的成就。

My name is Canis Zhang, and I am from Taoyuan, currently residing in Kaohsiung. From a young age, I have been passionate about technology and computers. This passion led me to learn a lot of related knowledge, and I chose to major in Computer Science and Information Engineering at university.

I have diligently learned various programming languages and technologies, including:

  • Front-end trio (HTML, CSS, JavaScript), React.js, and its framework Next.js
  • Back-end technologies such as Node.js, Express.js, JWT
  • Databases like MySQL and MongoDB

I have strong problem-solving skills and can calmly analyze and find the best solutions when faced with difficulties. I am eager to take on challenges and continuously learn new knowledge to enhance my professional skills.

My career goal is to become a full-stack engineer, providing the best technical support for companies and clients. I believe that through continuous effort and learning, I can achieve this goal and make more achievements in IT.

  • 正修科技大學-資訊工程學系
  • 高雄市
  • Canis-Infinity
  • 工作室網站
  • 部落格
  • Department of CSIE - CSU
  • Kaohsiung
  • Canis-Infinity
  • Studio Site
  • Blog
下載 CV Download CV

技能樹

Skills

前端

語言與框架

  • 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

工作經驗

Work Experiences

2015-05 - 現在

創辦人

Infinity 資訊

開始我的個人工作室之路。一開始專注在電腦販售、組裝、維修上，後來慢慢開始涉獵網站／程式開發的領域。

2015-05 - Present

Founder

Infinity Studio

I started my personal studio journey. Initially focusing on computer sales, assembly, and repair, I gradually began exploring web development.

作品集

Collections

Copyright © 2024 Infinity 資訊. All rights reserved.