---
# System prepended metadata

title: 網頁開發前端筆記
tags: [網頁前端總筆記]

---


# 網頁開發前端筆記

###### tags: `網頁前端總筆記`



## 前端相關

### JavaScript

1. [JS語言基礎](https://hackmd.io/2opOTVd0R5CN_FN6juq2xg?view#JS%E5%B9%BC%E5%B9%BC%E7%8F%AD)
1. [網頁前端工程入門](https://hackmd.io/CERrvEVcT8i7dkZ7CT8hbg)
1. [JavaScript Crash Course For Beginners](https://hackmd.io/zkmbbFwMSIKxs2lU-RFBCQ)
1. [JavaScript DOM Crash Course](https://hackmd.io/RIW5a7jBQP2v3wNCXm-wXw)
1. [JavaScript OOP Crash Course (ES5 & ES6)](https://hackmd.io/e_OHLOuORaamBMPt9mONeA?view)
1. [JavaScript Higher Order Functions & Arrays](https://hackmd.io/UwrfbMhASlaWWPOXNiO_1Q)
1. [正則表達式 Regular Expression](https://hackmd.io/oF3bzKm8RSSj9WPRB95Qvg)
1. [AJAX Crash Course](https://hackmd.io/uRVcqXjaQsiwtWPwnmxBLQ)
1. [Fetch API Introduction](https://hackmd.io/TMUQJ4uaT-2-e303X0jXrA)
1. [Async JS Crash Course](https://hackmd.io/toOFnYhGTjKZXVf5X8LatA)
1. [The Wired Part Of Javascript](https://hackmd.io/GRZtwBzPSqmfiY0UwlLSCA)


### jQuery

1. [jQuery基礎](https://hackmd.io/14qnzqLrRUavCc-J8_xCkQ)

### Html

1. [HTML 簡介](https://hackmd.io/UELM8ZDyR8mHvEX7__nhlg)
1. [HTML 語意化(Sematic)](https://hackmd.io/Y-bUYMHRQNWtRzFvbUX5Dg)
1. [HTML 元素的結構](https://hackmd.io/O8wpWwlfQTqOylxe8vrNxw)
1. [HTML freecodecamp 課程完課證明](https://hackmd.io/MMuISZ-wQcOq2VvVCry8Xg)



### CSS

1. [CSS for beginner](https://hackmd.io/K7CR5fLkQ066-oK_IQgxqQ)
1. [CSS for Intermediate](https://hackmd.io/hCN6IksjQO6-7LBCztCZnw)
1. [CSS 版面設置 Display](https://hackmd.io/R9LSIVpfT-i587m3T5JCFA)
1. [CSS box-sizing](https://hackmd.io/kO9RST_hS32rO1MCqk_Q-A)
1. [CSS min-width,max-width](https://hackmd.io/ZTvb6HDISFGtjsaTpkkU9g)
1. [CSS position:Relative](https://hackmd.io/9vA7grfCS6Gx65BxSnARdg)
1. [CSS position:absolute](https://hackmd.io/765LP4oQSYWVuKZJyWFHPA)
1. [CSS position:fixed](https://hackmd.io/rzOA1npySQ-5cbn49JDaAg)
1. [CSS overflow](https://hackmd.io/6F0UlEVoRZKcD9XcFo1YYw)
1. [CSS Flexbox](https://hackmd.io/up0aStAmT_WoIxBJFkK5sA)
1. [CSS Grids](https://hackmd.io/GzHtf4BBTjqRqT0InSU2PA)
1. [CSS freecodecamp 課程完課證明](https://hackmd.io/G96vmzDxRWaTeUjH1xDITw)

### SASS

1. [SASS The Complete SASS Course](https://hackmd.io/1gxuvokhRT6eXk-iqPmYYg)


### Vue

[Vue.js 文件閱讀 part 1](https://hackmd.io/Q0QAX-22TWChDjUmWHw9SA?view)
[Vue.js 文件閱讀 part 2](https://hackmd.io/q6kdRO6AQimzFIfV8RntZg?view)
## Others

### Git 

1. [Git & GitHub Crash Course For Beginners](https://hackmd.io/MiWSvLn4ReCT4Q75Ljn1uA)
1. [PR (Pull Request)](https://hackmd.io/9L79vrkUSWmus8qnufocOQ)
1. [Github Pages](https://hackmd.io/nxhMBsiLSzCqAleezk4dHQ)
1. [Github 下載雲端專案到本機](https://hackmd.io/UyD9qkzkRviyGO9Bpw9tVg)
1. [Git Branch](https://hackmd.io/ntertA6hRjO4M7g5-Ip4rQ)


### Hexo

1. [Hexo 部落格架設](https://hackmd.io/nHKa7Z9sTtymkt6XASGxcA)


### WSL

1. [WSL 安裝 (windows)](https://hackmd.io/csXtjcARRWmb9AS3mKC1oQ)


### Markdown

1. [Markdown語法簡介](https://hackmd.io/II-91mo-SpuB42VRmzjKVg)


### CLI

1. [Command Line Windows 簡介](https://hackmd.io/4EhXP4VqQS-2XL516HK_6w)

