學習資源

Udemy – 六角學院

使用 HTML、CSS 開發一個網站
使用 jQuery 打造互動性網頁動畫
一變應萬變的響應式網頁設計
精通 Bootstrap 4 – 開發超強不解釋
JavaScript 入門篇 – 學徒的試煉
Vue 出一個電商網站
掌握 Git 與 Github 程式時光機
Sass 實戰全攻略 – 成為前1%的 CSS 頂尖好手
JavaScript 核心篇
NodeJS 前後端開發實戰
六角網頁前端養成專欄
JavaScript 題目篇 – 新手 JS 地下城
如何打造一頁式金流商務網頁

Udemy – The Net Ninja (Shaun Pelling)

Modern JavaScript (Complete guide, from Novice to Ninja)
Build Web Apps with Vue JS 3 & Firebase
Build Web Apps with React & Firebase
Build Data Visualizations with D3.js & Firebase

Udemy – Anthony Alicea

JavaScript 全攻略: 克服 JS 的奇怪部分

Teachable – 六角學院

JavaScript 必修篇 – 前端修練全攻略
Bootstrap 5 網頁切版整合術
Vue 3 實戰影音課程
Adobe XD: 網頁設計真容易
UI 設計入門: 畫出有程式邏輯的設計稿
VSCode 開發功能大解密

Youtube

繪畫學習

Draw So Cute
Shayda Campbell

軟體學習

Figma
Icons8
DesignSense
WebDesignGeek
PAPAYA 電腦教學
Graphic Design with Elena
謝感覺
How to Graphic Design
Alex On Design
PiXimperfect
電腦學習園地
夏榮慶 Jimmy
Blender Guru

程式學習

thenewboston
The Net Ninja
六角學院
Google Analytics
Traversy Media
Online Tutorials
Easy Tutorials
Coding Artist
freeCodeCamp.org
Codevolution
JavaScript Mastery
CrashCourse
The Coding Train
sentdex
EJ Media
CodingTheSmartWay.com
Dani Krossing
Bedimcode
Mr. Web Designer
CodingLab
Bro Code
dbestech

軟體推薦

Visual Studio Code – Extensions (VSCode 安裝套件)

Alignment
AutoFileName
C/C++
indent-rainbow
jQuery Code Snippets
Live Sass Compiler
Live Server
Material Icon Theme
Monokai++
PlatformIO IDE
Sublime Text Keymap and Settings Importer
Vetur
vue
Vue 2 Snippets
[Deprecated] Debugger for Chrome
Auto-Align
Color Highlight
Color Picker
JavaScript (ES6) code snippets
Simple React Snippets
Thunder Client
Vue 3 Snippets
Chinese (Traditional) Language Pack for Visual Studio Code