---
# System prepended metadata

title: 網路服務程式設計

---

# 網路服務程式設計
> 聽說會花的時間頗多，所以可以趁有時間的時候先把需要的東西學一學，開學後才不會爆炸。

:heavy_check_mark: : 首推

## Resources
### html & css
- :heavy_check_mark:[HTML & CSS Basis](https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G)

### javascript
- :heavy_check_mark:[Javascript Basis](https://www.youtube.com/playlist?list=PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc)
### react
- :heavy_check_mark:[React Basis](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gZD-Tvwfod2gaISzfRiP9d)
- [React full course](https://www.youtube.com/watch?v=4UZrsTqkcW4)
- [Scrimba - react](https://scrimba.com/learn/learnreact)
- [React Official Doc](https://reactjs.org/)
### Further mini projects 
- [Todo app built by React](https://www.youtube.com/watch?v=pCA4qpQDZD8)
- [Personal portfolio website](https://www.youtube.com/watch?v=G-Cr00UYokU)
- [React Project Tutorial – Build a Portfolio Website w/ Advanced Animations](https://www.youtube.com/watch?v=bmpI252DmiI)
- [Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More](https://www.youtube.com/watch?v=jx5hdo50a2M)
- [How to create your portfolio website using React.js](https://www.freecodecamp.org/news/portfolio-app-using-react-618814e35843/)
### Coursera
- :heavy_check_mark:[Web design for everyone](https://www.coursera.org/specializations/web-design)

### Others
- :heavy_check_mark:[W3School](https://www.w3schools.com/)
- :heavy_check_mark:[Codepen](https://codepen.io/)
- CSS Flex 練習網站推薦：
    - [六角海盜](https://hexschool.github.io/flexbox-pirate/index.html#/)
    - [青蛙](https://flexboxfroggy.com/#zh-tw)
- [一個網上人寫的 blog](https://yuanlin.dev/) 我覺得寫得很不錯哈哈哈

## Projects
