---
# System prepended metadata

title: 各種學習資源
tags: [學習]

---

# 各種學習資源

###### tags: `學習`

---

## 課程

[台灣大學資訊系統訓練班](https://train.csie.ntu.edu.tw/train/)
[台灣大學資訊系統訓練班 - Unity 遊戲設計基礎班](https://train.csie.ntu.edu.tw/train/course.php?id=2801)
屬性：實體
簡介：Unity 課程不錯，主要還是看老師


---
[《台北》JavaScript 開發實戰：核心概念篇 (全新 ES6 改版)](https://www.accupass.com/event/2002110943141181847782)
屬性：實體
簡介：保哥的課，JS底層、ES6個觀念，打基礎不錯

---
[Lidemy 鋰學院]https://lidemy.com/courses
[程式導師實驗計畫第三期](https://github.com/Lidemy/mentor-program-3rd)
屬性：線上
簡介：--

---
[Udemy](https://www.udemy.com)
[Modern React with Redux ](https://www.udemy.com/course/react-redux/)
屬性：線上
簡介：udemy 裡 react 類別最多人看的，還不錯


---
[The F2E - 前端修練精神時光屋](https://challenge.thef2e.com/news)
屬性：線上
簡介：會找人直播實作題目

---

## 課程 (以下尚未有心得)

---
[JavaScript 全攻略：克服 JS 的奇怪部分](https://www.udemy.com/course/javascriptjs/)

---
[線上程式教學課程: ES6,ReactJS與Webpack，前端JavaScript全攻略](https://progressbar.tw/courses/14)

---
[Front-end Developer Handbook 2019](https://frontendmasters.com/books/front-end-handbook/2019/)

---
[無瑕的程式碼 JavaScript](https://github.com/AllJointTW/clean-code-javascript)

---
[The State of JavaScript 2019](https://2019.stateofjs.com/)

---
[The State of CSS 2019](https://2019.stateofcss.com/)

---
[CS50](https://cs50.harvard.edu/college/2020/spring/)

---
[無瑕的程式碼 JavaScript](https://hackmd.io/@trylovetom/SJnKIrajH)
https://github.com/WeiChiaChang/clean-code-javascript

---
[Chrome 網頁除錯功能大解密](https://www.udemy.com/course-dashboard-redirect/?course_id=899462)

---

## 題庫類型

---
[金城武快回來啊～](https://js-pop-quiz.now.sh/)

---
[LevelHunt](https://www.facebook.com/levelhunt/)

---
[JS snippets](https://www.facebook.com/snippetsJS/)

---

## 經典好文

---

- [瀏覽器的工作原理(中譯)](https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/)
- [How Browsers Work: Behind the scenes of modern web browsers](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/)

- [君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA](https://ics.media/entry/200520/) (CSS、SVG、Canvas 動態差異)

- [Tips for Writing Animation Code Efficiently](https://css-tricks.com/tips-for-writing-animation-code-efficiently/)

- [資訊圖像化圖表程式比較](https://hackmd.io/@Not/BJM9Rq4bU)