---
# System prepended metadata

title: 'Web 101:'
tags: [web, ' 101']

---

---
tags: web, 101,
---
# Web 101:

## :memo: todo list

1. Introduction
2. 學習資源
3. 練習



### 1. Introduction

![](https://i.imgur.com/9lUUXZf.jpg)
HTML:
https://www.fooish.com/html/tag.html

**CSS: 包裝紙**
display: https://www.w3schools.com/cssref/pr_class_display.asp
隆重介紹Flex: https://wcc723.github.io/css/2017/07/21/css-flex/


**JS: 能夠在瀏覽器運行的程式語言**
https://www.fooish.com/javascript/syntax.html
骰子日曆題目練習

### 2. 學習資源 
   https://www.fooish.com/html/
   https://www.w3schools.com/html/
   https://codepen.io
   https://jsfiddle.net/
### 3. 練習
* https://demo.w3layouts.com/demos_new/template_demo/27-02-2019/key-demo_Free/282453819/web/index.html
* https://getbootstrap.com/docs/5.1/examples/sign-in/
* https://booking.u-movie.com.tw/
* https://www.frontendmentor.io/challenges?types=free,free-plus
* https://www.hakkaelearning.org/
* https://codier.io/challenge/BJ4kgIlgD

