---
# System prepended metadata

title: 布萊恩 - 自學前端程式筆記
tags: [前端起源]

---

---
tags: 前端起源 
---

布萊恩 - 自學前端程式筆記
===
- [布萊恩前言 - 我們非天身大神、但總有一天將追上腳步 ](/3vXRkh80SKODN0O_BkZg4Q)

JS 初學心法
---
* [彭彭 - JS物件基礎](/vT9OmB_oRSO4IBCTOpyHDQ)
* [JavaScript 必修篇 - 前端修練全攻略](/uhZlvvyPRgqN_XOvqMnqhg)

JS ES6
---
* [澎澎 - 回呼函式 Callbacks、Promises 物件](/QjpCjcZ5QsG9G7FFeYqPDQ)
* [澎澎 - Async/Await 非同步流程控制](/TeouQPVrQzGptILXQQEthQ)
* [澎澎 - 箭頭函式 Arrow Function](/_hy_45jrR367EveLVkwecg)

Js 核心篇
---
* [promise](/RCFJYXzaQpSx4UF42qkQmw)

### 課前章節 - JS 必備觀念
* [JS 常見縮寫](/tfwEonz8R_ik8Y07MxD6iA)
* [this 運作](/c3ejHVH_R42EvJXLCypZCg)
* [箭頭函式的 this 指向差異](/3ZyWWIfnRSqfRBittBRpEw)
* [關注點分離](/wznvUAVDRiuGxNXLa-xbWQ)

CSS 切版系列
---

* [ 六角-HTML、CSS、Sass、RWD ](/muoREhP4SjuCpcD8YWjUyw)
* [css 小雜技](/S9J2QZwFQG6flXgkw42nsw)


Bootstarp 5
---
* [Bootstrap 5 網頁切版整合術](/XtTGkVX3S0yFRDZhcKJYdA) 
* [Bootstrap 5 單日直播 2021](/hVzf_HjVTKKv-HZWjJUPFA)
* [Bootstrap 5 21天衝刺班](/IKmRhHbjRCmlNgB1Qk8R9w)

==六角 直播班 系列==
---
- [2022 切版直播班](/zK4oboN1RHieoOxh0cpiSw)



Vue 框架 深入初步來
---
* [六角 Vue3 王者歸來 從新認識一次Vue](/G-8aOu6uS82Dx_cQAHztFg)
* [六角 Vue3 線上課程](/@wFs2rNd0TkWPw15Qyb5RIw/H1z0UO77Y/%2FKl_JeovZR9uH0d6DrMfGSA)
* [六角 一天時間 快速掌握 Vue3.js](/bx-zkOM_QVKHvb3T9Sj9zQ)
* [六角 - vue出一個電商網站](/2uzwjBA0SlavfCj5tqCATA)
* [2021 Vue3 Mike課程](/g8yFgxyfQJ-4827d0RAyGA)
* [尚硅谷 Vue3 ](/B5R8J4ilQ4Wf2FMwZ94F9w)

## ==Nuxt 系列==

* [NUXT.js 前端開發實戰手冊](/iSGL1gzvR2yXM5M7b_hS6g)

## ==API 相關==

* [API 整合實戰｜RESTful 第三方串接應用](/NoDxii1PS7O3nvVoxVYW9A)
 
## ==TypeScript== 
- [布魯斯的 TypeScript 入門攻略](/Zk50jk58QfqOZEkxer161Q)

## ==React==

- [彭彭 React](/VZ0YOdjjSjq7IP1X7KnITA)
- [無痛玩轉 React Hook](/AE3Y0sOkRZOyNPITC64yqA)
- [布魯斯 TS + React](/JWYPYj6_QZigQkwzH_iz8g)
 